1 | import { css } from './aui/internal/deprecation';
|
2 | import deprecatedAdg2Icons from './aui/internal/deprecation/deprecated-adg2-icons';
|
3 |
|
4 | css('.aui-message span.aui-icon', {
|
5 | displayName: 'Message icon span'
|
6 | });
|
7 | css('.aui-tabs.vertical-tabs', {
|
8 | displayName: 'Vertical tabs'
|
9 | });
|
10 | css('form.aui span.content');
|
11 | css([
|
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 | });
|
19 | css([
|
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 | });
|
35 | css([
|
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 |
|
48 |
|
49 |
|
50 | var fiveNineZero = {
|
51 |
|
52 | 'arrow': 'aui-inline-dialog-arrow',
|
53 | 'contents': 'aui-inline-dialog-contents',
|
54 | };
|
55 | var name;
|
56 |
|
57 | for (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 |
|
68 |
|
69 |
|
70 | css('.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 |
|
79 |
|
80 |
|
81 | css([
|
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 |
|
91 | deprecatedAdg2Icons.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 |
|
102 | css('.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 |
|
111 | css('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>.
|
115 | Use CSS flexbox or grid to vertically align it.
|
116 | See https://css-tricks.com/centering-css-complete-guide/ for techniques.`
|
117 | });
|
118 |
|
119 |
|
120 |
|
121 | css('.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 |
|
128 |
|
129 | css('.aui-dropdown2-tailed', {
|
130 | sinceVersion: '9.3.5',
|
131 | removeInVersion: '10.0.0',
|
132 | extraInfo: 'ADGS does not include tails on layered components'
|
133 | })
|