UNPKG

3.36 kBJavaScriptView Raw
1import { css } from './aui/internal/deprecation';
2import deprecatedAdg2Icons from './aui/internal/deprecation/deprecated-adg2-icons';
3
4css('.aui-message span.aui-icon', {
5 displayName: 'Message icon span'
6});
7css('.aui-tabs.vertical-tabs', {
8 displayName: 'Vertical tabs'
9});
10css('form.aui span.content');
11css([
12 'form.aui .button',
13 'form.aui .buttons-container'
14], {
15 displayName: 'Unprefixed buttons',
16 alternativeName: 'aui-button and aui-buttons',
17 removeInVersion: '10.0.0',
18});
19css([
20 'form.aui .icon-date',
21 'form.aui .icon-range',
22 'form.aui .icon-help',
23 'form.aui .icon-required',
24 'form.aui .icon-inline-help',
25 'form.aui .icon-users',
26 '.aui-icon-date',
27 '.aui-icon-range',
28 '.aui-icon-help',
29 '.aui-icon-required',
30 '.aui-icon-users',
31 '.aui-icon-inline-help'
32], {
33 displayName: 'Form icons'
34});
35css([
36 '.aui-dropdown2 .active',
37 '.aui-dropdown2 .checked',
38 '.aui-dropdown2 .disabled',
39 '.aui-dropdown2 .interactive'
40], {
41 displayName: 'Unprefixed dropdown2 css AUI-2150',
42 removeInVersion: '10.0.0'
43});
44
45
46
47// 5.9.0
48// -----
49
50var fiveNineZero = {
51 // Inline Dialog
52 'arrow': 'aui-inline-dialog-arrow',
53 'contents': 'aui-inline-dialog-contents',
54};
55var name;
56
57for (name in fiveNineZero) {
58 if (Object.hasOwnProperty.call(fiveNineZero, name)) {
59 css(name, {
60 alternativeName: fiveNineZero[name],
61 removeVersion: '10.0.0',
62 sinceVersion: '5.9.0'
63 });
64 }
65}
66
67// 7.1.0
68// -----
69
70css('.aui-badge', {
71 displayName: 'AUI Badge CSS class',
72 alternativeName: 'aui-badge',
73 sinceVersion: '7.1.0',
74 removeInVersion: '10.0.0',
75 extraInfo: 'The badge pattern is best used as a web component instead of a CSS class'
76});
77
78// 7.5.0
79// -----
80
81css([
82 '.aui-iconfont-image-extrasmall',
83], {
84 displayName: 'Special size icon names',
85 sinceVersion: '7.5.0',
86 removeInVersion: '10.0.0',
87 extraInfo: 'The only size variant allowed for icon names is `-small`.'
88});
89
90// New ADGS names for the old ADG2 icon
91deprecatedAdg2Icons.forEach(({ newName, oldName }) => (
92 css(`.aui-iconfont-${oldName}`, {
93 displayName: 'ADG2 icon',
94 alternativeName: `.aui-iconfont-${newName}`,
95 sinceVersion: '7.5.0',
96 removeVersion: '10.0.0',
97 extraInfo: 'Use the new ADGS icon CSS class name'
98 })
99));
100
101// 7.8.0
102css('.aui-table-interactive', {
103 alternativeName: '.aui-table-list',
104 sinceVersion: '7.8.0',
105 removeInVersion: '10.0.0',
106 extraInfo: 'The "interactive" suffix caused some confusion when contrasted with sortable tables.' +
107 'The name has been updated to reflect its intended purpose: displaying lists of data in a tabular format.'
108});
109
110// 7.9.4
111css('aui-spinner[filled]', {
112 sinceVersion: '7.9.4',
113 removeInVersion: '10.0.0',
114 extraInfo: `Add CSS to the parent element of the <aui-spinner>.
115Use CSS flexbox or grid to vertically align it.
116See https://css-tricks.com/centering-css-complete-guide/ for techniques.`
117});
118
119// 8.4.0
120
121css('.aui-button-light', {
122 sinceVersion: '8.4.0',
123 removeInVersion: '10.0.0',
124 extraInfo: 'ADGS allows only for normal and subtle buttons.'
125});
126
127// 9.3.5
128
129css('.aui-dropdown2-tailed', {
130 sinceVersion: '9.3.5',
131 removeInVersion: '10.0.0',
132 extraInfo: 'ADGS does not include tails on layered components'
133})