@atlaskit/eslint-plugin-design-system 10.7.2 → 10.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/README.md +1 -0
- package/configs/deprecated.json +270 -266
- package/constellation/index/usage.mdx +1 -0
- package/constellation/use-latest-xcss-syntax-typography/usage.mdx +34 -0
- package/dist/cjs/ast-nodes/object-entry.js +2 -1
- package/dist/cjs/presets/all.codegen.js +2 -1
- package/dist/cjs/presets/recommended.codegen.js +2 -1
- package/dist/cjs/rules/index.codegen.js +3 -1
- package/dist/cjs/rules/use-latest-xcss-syntax-typography/index.js +40 -0
- package/dist/cjs/rules/use-latest-xcss-syntax-typography/linters/banned-property/index.js +18 -0
- package/dist/cjs/rules/use-latest-xcss-syntax-typography/linters/index.js +12 -0
- package/dist/configs/deprecated.json +270 -266
- package/dist/es2019/ast-nodes/object-entry.js +2 -1
- package/dist/es2019/presets/all.codegen.js +2 -1
- package/dist/es2019/presets/recommended.codegen.js +2 -1
- package/dist/es2019/rules/index.codegen.js +3 -1
- package/dist/es2019/rules/use-latest-xcss-syntax-typography/index.js +30 -0
- package/dist/es2019/rules/use-latest-xcss-syntax-typography/linters/banned-property/index.js +13 -0
- package/dist/es2019/rules/use-latest-xcss-syntax-typography/linters/index.js +1 -0
- package/dist/esm/ast-nodes/object-entry.js +2 -1
- package/dist/esm/presets/all.codegen.js +2 -1
- package/dist/esm/presets/recommended.codegen.js +2 -1
- package/dist/esm/rules/index.codegen.js +3 -1
- package/dist/esm/rules/use-latest-xcss-syntax-typography/index.js +34 -0
- package/dist/esm/rules/use-latest-xcss-syntax-typography/linters/banned-property/index.js +12 -0
- package/dist/esm/rules/use-latest-xcss-syntax-typography/linters/index.js +1 -0
- package/dist/types/index.codegen.d.ts +2 -0
- package/dist/types/presets/all.codegen.d.ts +2 -1
- package/dist/types/presets/recommended.codegen.d.ts +2 -1
- package/dist/types/rules/index.codegen.d.ts +1 -0
- package/dist/types/rules/use-latest-xcss-syntax-typography/index.d.ts +4 -0
- package/dist/types/rules/use-latest-xcss-syntax-typography/linters/banned-property/index.d.ts +6 -0
- package/dist/types/rules/use-latest-xcss-syntax-typography/linters/index.d.ts +1 -0
- package/dist/types-ts4.5/index.codegen.d.ts +2 -0
- package/dist/types-ts4.5/presets/all.codegen.d.ts +2 -1
- package/dist/types-ts4.5/presets/recommended.codegen.d.ts +2 -1
- package/dist/types-ts4.5/rules/index.codegen.d.ts +1 -0
- package/dist/types-ts4.5/rules/use-latest-xcss-syntax-typography/index.d.ts +4 -0
- package/dist/types-ts4.5/rules/use-latest-xcss-syntax-typography/linters/banned-property/index.d.ts +6 -0
- package/dist/types-ts4.5/rules/use-latest-xcss-syntax-typography/linters/index.d.ts +1 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/eslint-plugin-design-system
|
|
2
2
|
|
|
3
|
+
## 10.8.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#113465](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113465)
|
|
8
|
+
[`1b198cf33c32e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1b198cf33c32e) -
|
|
9
|
+
Create `use-latest-xcss-syntax-typography` rule. Bans the use of 'fontSize', 'lineHeight',
|
|
10
|
+
'fontWeight' on xcss.
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 10.8.0
|
|
14
|
+
|
|
15
|
+
### Minor Changes
|
|
16
|
+
|
|
17
|
+
- [#111403](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111403)
|
|
18
|
+
[`f6f2f96728bc0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f6f2f96728bc0) -
|
|
19
|
+
Marking the `overlay` prop on new Buttons as deprecated.
|
|
20
|
+
|
|
3
21
|
## 10.7.2
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
package/README.md
CHANGED
|
@@ -81,6 +81,7 @@ module.exports = {
|
|
|
81
81
|
| <a href="./src/rules/use-heading-level-in-spotlight-card/README.md">use-heading-level-in-spotlight-card</a> | Inform developers of eventual requirement of `headingLevel` prop in `SpotlightCard` component. The heading level should be the appropriate level according to the surrounding context. | Yes | Yes | |
|
|
82
82
|
| <a href="./src/rules/use-href-in-link-item/README.md">use-href-in-link-item</a> | Inform developers of eventual requirement of `href` prop in `LinkItem` component. Elements with a `link` role require an `href` attribute for users to properly navigate, particularly those using assistive technologies. If no valid `href` is required for your use case, consider using a `ButtonItem` instead. | Yes | Yes | Yes |
|
|
83
83
|
| <a href="./src/rules/use-latest-xcss-syntax/README.md">use-latest-xcss-syntax</a> | Enforces usage of space design tokens rather than hard-coded values in xcss. | Yes | Yes | |
|
|
84
|
+
| <a href="./src/rules/use-latest-xcss-syntax-typography/README.md">use-latest-xcss-syntax-typography</a> | Prohibits use of unsafe styling properties in xcss. Please use Text/Heading primitives instead. | Yes | Yes | |
|
|
84
85
|
| <a href="./src/rules/use-menu-section-title/README.md">use-menu-section-title</a> | Encourages makers to provide accessible title for Atlassian Design System Menu Section component. | Yes | | Yes |
|
|
85
86
|
| <a href="./src/rules/use-popup-label/README.md">use-popup-label</a> | Encourages to provide accessible name for Atlassian Design System Popup component. | Yes | | Yes |
|
|
86
87
|
| <a href="./src/rules/use-primitives/README.md">use-primitives</a> | Encourage the usage of primitives components. | | Yes | Yes |
|
package/configs/deprecated.json
CHANGED
|
@@ -1,268 +1,272 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
2
|
+
"jsxAttributes": {
|
|
3
|
+
"cssFn": [
|
|
4
|
+
{
|
|
5
|
+
"moduleSpecifier": "@atlaskit/menu"
|
|
6
|
+
},
|
|
7
|
+
{
|
|
8
|
+
"moduleSpecifier": "@atlaskit/side-navigation"
|
|
9
|
+
}
|
|
10
|
+
],
|
|
11
|
+
"overrides": [
|
|
12
|
+
{
|
|
13
|
+
"moduleSpecifier": "@atlaskit/menu"
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"moduleSpecifier": "@atlaskit/side-navigation"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"moduleSpecifier": "@atlaskit/drawer"
|
|
20
|
+
}
|
|
21
|
+
],
|
|
22
|
+
"type": [
|
|
23
|
+
{
|
|
24
|
+
"moduleSpecifier": "@atlaskit/inline-message"
|
|
25
|
+
}
|
|
26
|
+
],
|
|
27
|
+
"textColor": [
|
|
28
|
+
{
|
|
29
|
+
"moduleSpecifier": "@atlaskit/logo"
|
|
30
|
+
}
|
|
31
|
+
],
|
|
32
|
+
"iconColor": [
|
|
33
|
+
{
|
|
34
|
+
"moduleSpecifier": "@atlaskit/logo"
|
|
35
|
+
}
|
|
36
|
+
],
|
|
37
|
+
"overlay": [
|
|
38
|
+
{
|
|
39
|
+
"moduleSpecifier": "@atlaskit/button/new"
|
|
40
|
+
}
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
"imports": {
|
|
44
|
+
"@atlaskit/navigation-next": {
|
|
45
|
+
"message": "navigation-next is deprecated. Please use '@atlaskit/atlassian-navigation' instead."
|
|
46
|
+
},
|
|
47
|
+
"@atlaskit/field-base": {
|
|
48
|
+
"message": "field-base is deprecated. Please use the '@atlaskit/form' package instead."
|
|
49
|
+
},
|
|
50
|
+
"@atlaskit/field-radio-group": {
|
|
51
|
+
"message": "field-radio-group is deprecated. Please use '@atlaskit/radio' instead, and check the migration guide."
|
|
52
|
+
},
|
|
53
|
+
"@atlaskit/field-range": {
|
|
54
|
+
"message": "field-range is deprecated. Please use '@atlaskit/range' instead."
|
|
55
|
+
},
|
|
56
|
+
"@atlaskit/field-text": {
|
|
57
|
+
"message": "field-text is deprecated. Please use '@atlaskit/textfield' instead."
|
|
58
|
+
},
|
|
59
|
+
"@atlaskit/field-text-area": {
|
|
60
|
+
"message": "field-text-area is deprecated. Please use '@atlaskit/textarea' instead."
|
|
61
|
+
},
|
|
62
|
+
"@atlaskit/navigation": {
|
|
63
|
+
"message": "navigation is deprecated. Please use '@atlaskit/atlassian-navigation' instead."
|
|
64
|
+
},
|
|
65
|
+
"@atlaskit/global-navigation": {
|
|
66
|
+
"message": "global-navigation is deprecated. Please use '@atlaskit/atlassian-navigation' for the horizontal nav bar, '@atlaskit/side-navigation' for the side nav, and '@atlaskit/page-layout' to layout your application."
|
|
67
|
+
},
|
|
68
|
+
"@atlaskit/input": {
|
|
69
|
+
"message": "input is deprecated. This was an internal component and should not be used directly."
|
|
70
|
+
},
|
|
71
|
+
"@atlaskit/layer": {
|
|
72
|
+
"message": "layer is deprecated. This was an internal component and should not be used directly."
|
|
73
|
+
},
|
|
74
|
+
"@atlaskit/single-select": {
|
|
75
|
+
"message": "single-select is deprecated. Please use '@atlaskit/select' instead."
|
|
76
|
+
},
|
|
77
|
+
"@atlaskit/multi-select": {
|
|
78
|
+
"message": "multi-select is deprecated. Please use '@atlaskit/select' instead."
|
|
79
|
+
},
|
|
80
|
+
"@atlaskit/droplist": {
|
|
81
|
+
"message": "droplist is deprecated. For the pop-up behaviour please use '@atlaskit/popup' and for common menu components please use '@atlaskit/menu'."
|
|
82
|
+
},
|
|
83
|
+
"@atlaskit/item": {
|
|
84
|
+
"message": "item is deprecated. Please use '@atlaskit/menu' instead."
|
|
85
|
+
},
|
|
86
|
+
"@atlaskit/theme/elevation": {
|
|
87
|
+
"importSpecifiers": [
|
|
88
|
+
{
|
|
89
|
+
"importName": "e100",
|
|
90
|
+
"message": "Elevation mixin is deprecated. Please use design tokens instead."
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"importName": "e200",
|
|
94
|
+
"message": "Elevation mixin is deprecated. Please use design tokens instead."
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"importName": "e300",
|
|
98
|
+
"message": "Elevation mixin is deprecated. Please use design tokens instead."
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"importName": "e400",
|
|
102
|
+
"message": "Elevation mixin is deprecated. Please use design tokens instead."
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"importName": "e500",
|
|
106
|
+
"message": "Elevation mixin is deprecated. Please use design tokens instead."
|
|
107
|
+
}
|
|
108
|
+
]
|
|
109
|
+
},
|
|
110
|
+
"@atlaskit/theme/constants": {
|
|
111
|
+
"importSpecifiers": [
|
|
112
|
+
{
|
|
113
|
+
"importName": "assistive",
|
|
114
|
+
"message": "The assistive mixin is deprecated. Please use `@atlaskit/visually-hidden` instead."
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"importName": "visuallyHidden",
|
|
118
|
+
"message": "The visuallyHidden mixin is deprecated. Please use `@atlaskit/visually-hidden` instead."
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"importName": "focusRing",
|
|
122
|
+
"message": "The focusRing mixin is deprecated. Please use `@atlaskit/focus-ring` instead."
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"importName": "gridSize",
|
|
126
|
+
"message": "The gridSize mixin is deprecated. Please use space tokens via `@atlaskit/tokens` instead."
|
|
127
|
+
}
|
|
128
|
+
]
|
|
129
|
+
},
|
|
130
|
+
"@atlaskit/theme/colors": {
|
|
131
|
+
"importSpecifiers": [
|
|
132
|
+
{
|
|
133
|
+
"importName": "background",
|
|
134
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"importName": "backgroundActive",
|
|
138
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"importName": "backgroundHover",
|
|
142
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
"importName": "backgroundOnLayer",
|
|
146
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"importName": "text",
|
|
150
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"importName": "textHover",
|
|
154
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"importName": "textActive",
|
|
158
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"importName": "subtleText",
|
|
162
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
"importName": "placeholderText",
|
|
166
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"importName": "heading",
|
|
170
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"importName": "subtleHeading",
|
|
174
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"importName": "codeBlock",
|
|
178
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
"importName": "link",
|
|
182
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"importName": "linkHover",
|
|
186
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
"importName": "linkActive",
|
|
190
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"importName": "linkOutline",
|
|
194
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"importName": "primary",
|
|
198
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
"importName": "blue",
|
|
202
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"importName": "teal",
|
|
206
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"importName": "purple",
|
|
210
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"importName": "red",
|
|
214
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
"importName": "yellow",
|
|
218
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"importName": "green",
|
|
222
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
"importName": "skeleton",
|
|
226
|
+
"message": "Named color utils are deprecated in favor of design tokens."
|
|
227
|
+
}
|
|
228
|
+
]
|
|
229
|
+
},
|
|
230
|
+
"@atlaskit/theme/components": {
|
|
231
|
+
"message": "Legacy theming is deprecated in favor of design tokens."
|
|
232
|
+
},
|
|
233
|
+
"@atlaskit/theme": {
|
|
234
|
+
"importSpecifiers": [
|
|
235
|
+
{
|
|
236
|
+
"importName": "assistive",
|
|
237
|
+
"message": "The assistive mixin is deprecated. Please use `@atlaskit/visually-hidden` instead."
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
"importName": "visuallyHidden",
|
|
241
|
+
"message": "The visuallyHidden mixin is deprecated. Please use `@atlaskit/visually-hidden` instead."
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"importName": "focusRing",
|
|
245
|
+
"message": "The focusRing mixin is deprecated. Please use `@atlaskit/focus-ring` instead."
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"importName": "gridSize",
|
|
249
|
+
"message": "The gridSize mixin is deprecated. Please use space tokens via `@atlaskit/tokens` instead."
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
"importName": "elevation",
|
|
253
|
+
"message": "Elevation mixin is deprecated. Please use design tokens instead."
|
|
254
|
+
},
|
|
255
|
+
{
|
|
256
|
+
"importName": "themed",
|
|
257
|
+
"message": "Legacy theming is deprecated in favor of design tokens."
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"importName": "AtlaskitThemeProvider",
|
|
261
|
+
"message": "Legacy theming is deprecated in favor of design tokens."
|
|
262
|
+
}
|
|
263
|
+
]
|
|
264
|
+
},
|
|
265
|
+
"@atlaskit/icon-priority": {
|
|
266
|
+
"message": "icon-priority was deprecated due to limited usage in Cloud products and is no longer supported."
|
|
267
|
+
},
|
|
268
|
+
"@atlaskit/logo": {
|
|
269
|
+
"importSpecifiers": []
|
|
270
|
+
}
|
|
271
|
+
}
|
|
268
272
|
}
|
|
@@ -44,6 +44,7 @@ This plugin contains rules that should be used when working with the
|
|
|
44
44
|
| <a href="/components/eslint-plugin-design-system/use-heading-level-in-spotlight-card/usage">use-heading-level-in-spotlight-card</a> | Inform developers of eventual requirement of `headingLevel` prop in `SpotlightCard` component. The heading level should be the appropriate level according to the surrounding context. | Yes | Yes | |
|
|
45
45
|
| <a href="/components/eslint-plugin-design-system/use-href-in-link-item/usage">use-href-in-link-item</a> | Inform developers of eventual requirement of `href` prop in `LinkItem` component. Elements with a `link` role require an `href` attribute for users to properly navigate, particularly those using assistive technologies. If no valid `href` is required for your use case, consider using a `ButtonItem` instead. | Yes | Yes | Yes |
|
|
46
46
|
| <a href="/components/eslint-plugin-design-system/use-latest-xcss-syntax/usage">use-latest-xcss-syntax</a> | Enforces usage of space design tokens rather than hard-coded values in xcss. | Yes | Yes | |
|
|
47
|
+
| <a href="/components/eslint-plugin-design-system/use-latest-xcss-syntax-typography/usage">use-latest-xcss-syntax-typography</a> | Prohibits use of unsafe styling properties in xcss. Please use Text/Heading primitives instead. | Yes | Yes | |
|
|
47
48
|
| <a href="/components/eslint-plugin-design-system/use-menu-section-title/usage">use-menu-section-title</a> | Encourages makers to provide accessible title for Atlassian Design System Menu Section component. | Yes | | Yes |
|
|
48
49
|
| <a href="/components/eslint-plugin-design-system/use-popup-label/usage">use-popup-label</a> | Encourages to provide accessible name for Atlassian Design System Popup component. | Yes | | Yes |
|
|
49
50
|
| <a href="/components/eslint-plugin-design-system/use-primitives/usage">use-primitives</a> | Encourage the usage of primitives components. | | Yes | Yes |
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
# use-latest-xcss-syntax-typography
|
|
2
|
+
|
|
3
|
+
## Description
|
|
4
|
+
|
|
5
|
+
Soon, applying `fontSize`, `lineHeight`, `fontWeight` with `xcss` will be deprecated. Please refrain
|
|
6
|
+
from adding new usages, as you will need to remove them soon anyway. As an alternative, you can use
|
|
7
|
+
the `Text` and `Heading` primitives.
|
|
8
|
+
|
|
9
|
+
## Examples
|
|
10
|
+
|
|
11
|
+
### Incorrect
|
|
12
|
+
|
|
13
|
+
```jsx
|
|
14
|
+
const myStyles = xcss({
|
|
15
|
+
fontSize: '14px',
|
|
16
|
+
^^^^^^^^^^^^^^^^
|
|
17
|
+
lineHeight: '20px',
|
|
18
|
+
^^^^^^^^^^^^^^^^^^
|
|
19
|
+
fontWeight: 500,
|
|
20
|
+
^^^^^^^^^^^^^^^
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
<Box as="p" xcss={myStyles}>
|
|
24
|
+
...
|
|
25
|
+
</Box>;
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
### Correct
|
|
29
|
+
|
|
30
|
+
```jsx
|
|
31
|
+
import { Text } from '@atlaskit/primitives';
|
|
32
|
+
|
|
33
|
+
<Text weight="medium">...</Text>;
|
|
34
|
+
```
|