eslint-plugin-primer-react 4.0.3 → 4.0.4-rc.5058fcb

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.
Files changed (46) hide show
  1. package/.changeset/README.md +3 -3
  2. package/.eslintrc.js +39 -0
  3. package/.github/dependabot.yml +11 -5
  4. package/.github/workflows/add-to-inbox.yml +33 -0
  5. package/.github/workflows/ci.yml +34 -18
  6. package/.github/workflows/release.yml +2 -2
  7. package/.github/workflows/release_canary.yml +8 -5
  8. package/.github/workflows/release_candidate.yml +4 -4
  9. package/.markdownlint-cli2.cjs +26 -0
  10. package/.nvmrc +1 -0
  11. package/.prettierignore +3 -0
  12. package/CHANGELOG.md +7 -1
  13. package/README.md +4 -2
  14. package/docs/rules/a11y-explicit-heading.md +17 -7
  15. package/docs/rules/a11y-tooltip-interactive-trigger.md +6 -2
  16. package/docs/rules/direct-slot-children.md +49 -46
  17. package/docs/rules/new-color-css-vars-have-fallback.md +25 -0
  18. package/docs/rules/new-css-color-vars.md +19 -14
  19. package/docs/rules/no-deprecated-colors.md +91 -82
  20. package/docs/rules/no-system-props.md +12 -5
  21. package/package-lock.json +15583 -0
  22. package/package.json +22 -14
  23. package/src/configs/components.js +19 -19
  24. package/src/configs/recommended.js +9 -8
  25. package/src/index.js +4 -3
  26. package/src/rules/__tests__/a11y-explicit-heading.test.js +22 -25
  27. package/src/rules/__tests__/a11y-tooltip-interactive-trigger.test.js +43 -43
  28. package/src/rules/__tests__/direct-slot-children.test.js +36 -36
  29. package/src/rules/__tests__/new-color-css-vars.test.js +612 -44
  30. package/src/rules/__tests__/new-css-vars-have-fallback.test.js +31 -0
  31. package/src/rules/__tests__/no-deprecated-colors.test.js +66 -66
  32. package/src/rules/__tests__/no-system-props.test.js +51 -51
  33. package/src/rules/a11y-explicit-heading.js +16 -13
  34. package/src/rules/a11y-tooltip-interactive-trigger.js +21 -22
  35. package/src/rules/direct-slot-children.js +11 -11
  36. package/src/rules/new-color-css-vars-have-fallback.js +87 -0
  37. package/src/rules/new-color-css-vars.js +97 -83
  38. package/src/rules/no-deprecated-colors.js +15 -15
  39. package/src/rules/no-system-props.js +21 -21
  40. package/src/url.js +1 -1
  41. package/src/utils/__tests__/flatten-components.test.js +13 -13
  42. package/src/utils/css-variable-map.json +538 -184
  43. package/src/utils/flatten-components.js +11 -11
  44. package/src/utils/is-imported-from.js +1 -1
  45. package/src/utils/new-color-css-vars-map.json +326 -0
  46. /package/.github/{workflows/CODEOWNERS → CODEOWNERS} +0 -0
package/src/utils/flatten-components.js CHANGED
@@ -1,17 +1,17 @@
1
1
  function flattenComponents(componentObj) {
2
- let result = {};
2
+ let result = {}
3
3
 
4
- Object.keys(componentObj).forEach((key) => {
5
- if (typeof componentObj[key] === 'object') {
6
- const test = Object.keys(componentObj[key]).forEach((item) => {
7
- result = { ...result, [`${key}${item !== 'self' ? `.${item}` : ''}`]: componentObj[key][item] };
8
- });
9
- } else {
10
- result = {...result, [key]: componentObj[key]}
11
- }
12
- });
4
+ for (const key of Object.keys(componentObj)) {
5
+ if (typeof componentObj[key] === 'object') {
6
+ for (const item of Object.keys(componentObj[key])) {
7
+ result = {...result, [`${key}${item !== 'self' ? `.${item}` : ''}`]: componentObj[key][item]}
8
+ }
9
+ } else {
10
+ result = {...result, [key]: componentObj[key]}
11
+ }
12
+ }
13
13
 
14
- return result;
14
+ return result
15
15
  }
16
16
 
17
17
  exports.flattenComponents = flattenComponents
package/src/utils/is-imported-from.js CHANGED
@@ -7,6 +7,6 @@ function isImportedFrom(moduleRegex, identifier, scope) {
7
7
  const definition = getVariableDeclaration(scope, identifier)
8
8
 
9
9
  // Return true if the variable was imported from the given module
10
- return definition && definition.type == 'ImportBinding' && moduleRegex.test(definition.parent.source.value)
10
+ return definition && definition.type === 'ImportBinding' && moduleRegex.test(definition.parent.source.value)
11
11
  }
12
12
  exports.isImportedFrom = isImportedFrom
package/src/utils/new-color-css-vars-map.json ADDED
@@ -0,0 +1,326 @@
1
+ [
2
+ "--topicTag-borderColor",
3
+ "--highlight-neutral-bgColor",
4
+ "--page-header-bgColor",
5
+ "--diffBlob-addition-fgColor-text",
6
+ "--diffBlob-addition-fgColor-num",
7
+ "--diffBlob-addition-bgColor-num",
8
+ "--diffBlob-addition-bgColor-line",
9
+ "--diffBlob-addition-bgColor-word",
10
+ "--diffBlob-deletion-fgColor-text",
11
+ "--diffBlob-deletion-fgColor-num",
12
+ "--diffBlob-deletion-bgColor-num",
13
+ "--diffBlob-deletion-bgColor-line",
14
+ "--diffBlob-deletion-bgColor-word",
15
+ "--diffBlob-hunk-bgColor-num",
16
+ "--diffBlob-expander-iconColor",
17
+ "--codeMirror-fgColor",
18
+ "--codeMirror-bgColor",
19
+ "--codeMirror-gutters-bgColor",
20
+ "--codeMirror-gutterMarker-fgColor-default",
21
+ "--codeMirror-gutterMarker-fgColor-muted",
22
+ "--codeMirror-lineNumber-fgColor",
23
+ "--codeMirror-cursor-fgColor",
24
+ "--codeMirror-selection-bgColor",
25
+ "--codeMirror-activeline-bgColor",
26
+ "--codeMirror-matchingBracket-fgColor",
27
+ "--codeMirror-lines-bgColor",
28
+ "--codeMirror-syntax-fgColor-comment",
29
+ "--codeMirror-syntax-fgColor-constant",
30
+ "--codeMirror-syntax-fgColor-entity",
31
+ "--codeMirror-syntax-fgColor-keyword",
32
+ "--codeMirror-syntax-fgColor-storage",
33
+ "--codeMirror-syntax-fgColor-string",
34
+ "--codeMirror-syntax-fgColor-support",
35
+ "--codeMirror-syntax-fgColor-variable",
36
+ "--header-fgColor-default",
37
+ "--header-fgColor-logo",
38
+ "--header-bgColor",
39
+ "--header-borderColor-divider",
40
+ "--headerSearch-bgColor",
41
+ "--headerSearch-borderColor",
42
+ "--avatar-bgColor",
43
+ "--avatar-borderColor",
44
+ "--avatar-shadow",
45
+ "--avatarStack-fade-bgColor-default",
46
+ "--avatarStack-fade-bgColor-muted",
47
+ "--control-bgColor-rest",
48
+ "--control-bgColor-hover",
49
+ "--control-bgColor-active",
50
+ "--control-bgColor-disabled",
51
+ "--control-bgColor-selected",
52
+ "--control-fgColor-rest",
53
+ "--control-fgColor-placeholder",
54
+ "--control-fgColor-disabled",
55
+ "--control-borderColor-rest",
56
+ "--control-borderColor-emphasis",
57
+ "--control-borderColor-disabled",
58
+ "--control-borderColor-selected",
59
+ "--control-borderColor-success",
60
+ "--control-borderColor-danger",
61
+ "--control-borderColor-warning",
62
+ "--control-iconColor-rest",
63
+ "--control-transparent-bgColor-rest",
64
+ "--control-transparent-bgColor-hover",
65
+ "--control-transparent-bgColor-active",
66
+ "--control-transparent-bgColor-disabled",
67
+ "--control-transparent-bgColor-selected",
68
+ "--control-transparent-borderColor-rest",
69
+ "--control-transparent-borderColor-hover",
70
+ "--control-transparent-borderColor-active",
71
+ "--control-danger-fgColor-rest",
72
+ "--control-danger-fgColor-hover",
73
+ "--control-danger-bgColor-hover",
74
+ "--control-danger-bgColor-active",
75
+ "--control-checked-bgColor-rest",
76
+ "--control-checked-bgColor-hover",
77
+ "--control-checked-bgColor-active",
78
+ "--control-checked-bgColor-disabled",
79
+ "--control-checked-fgColor-rest",
80
+ "--control-checked-fgColor-disabled",
81
+ "--control-checked-borderColor-rest",
82
+ "--control-checked-borderColor-hover",
83
+ "--control-checked-borderColor-active",
84
+ "--control-checked-borderColor-disabled",
85
+ "--controlTrack-bgColor-rest",
86
+ "--controlTrack-bgColor-hover",
87
+ "--controlTrack-bgColor-active",
88
+ "--controlTrack-bgColor-disabled",
89
+ "--controlTrack-fgColor-rest",
90
+ "--controlTrack-fgColor-disabled",
91
+ "--controlTrack-borderColor-rest",
92
+ "--controlTrack-borderColor-disabled",
93
+ "--controlKnob-bgColor-rest",
94
+ "--controlKnob-bgColor-disabled",
95
+ "--controlKnob-bgColor-checked",
96
+ "--controlKnob-borderColor-rest",
97
+ "--controlKnob-borderColor-disabled",
98
+ "--controlKnob-borderColor-checked",
99
+ "--counter-borderColor",
100
+ "--button-default-fgColor-rest",
101
+ "--button-default-bgColor-rest",
102
+ "--button-default-bgColor-hover",
103
+ "--button-default-bgColor-active",
104
+ "--button-default-bgColor-selected",
105
+ "--button-default-bgColor-disabled",
106
+ "--button-default-borderColor-rest",
107
+ "--button-default-borderColor-hover",
108
+ "--button-default-borderColor-active",
109
+ "--button-default-borderColor-disabled",
110
+ "--button-default-shadow-resting",
111
+ "--button-primary-fgColor-rest",
112
+ "--button-primary-fgColor-disabled",
113
+ "--button-primary-iconColor-rest",
114
+ "--button-primary-bgColor-rest",
115
+ "--button-primary-bgColor-hover",
116
+ "--button-primary-bgColor-active",
117
+ "--button-primary-bgColor-disabled",
118
+ "--button-primary-borderColor-rest",
119
+ "--button-primary-borderColor-hover",
120
+ "--button-primary-borderColor-active",
121
+ "--button-primary-borderColor-disabled",
122
+ "--button-primary-shadow-selected",
123
+ "--button-invisible-fgColor-rest",
124
+ "--button-invisible-fgColor-hover",
125
+ "--button-invisible-fgColor-disabled",
126
+ "--button-invisible-iconColor-rest",
127
+ "--button-invisible-iconColor-hover",
128
+ "--button-invisible-iconColor-disabled",
129
+ "--button-invisible-bgColor-rest",
130
+ "--button-invisible-bgColor-hover",
131
+ "--button-invisible-bgColor-active",
132
+ "--button-invisible-bgColor-disabled",
133
+ "--button-invisible-borderColor-rest",
134
+ "--button-invisible-borderColor-hover",
135
+ "--button-invisible-borderColor-disabled",
136
+ "--button-outline-fgColor-rest",
137
+ "--button-outline-fgColor-hover",
138
+ "--button-outline-fgColor-active",
139
+ "--button-outline-fgColor-disabled",
140
+ "--button-outline-bgColor-rest",
141
+ "--button-outline-bgColor-hover",
142
+ "--button-outline-bgColor-active",
143
+ "--button-outline-bgColor-disabled",
144
+ "--button-outline-borderColor-hover",
145
+ "--button-outline-borderColor-selected",
146
+ "--button-outline-shadow-selected",
147
+ "--button-danger-fgColor-rest",
148
+ "--button-danger-fgColor-hover",
149
+ "--button-danger-fgColor-active",
150
+ "--button-danger-fgColor-disabled",
151
+ "--button-danger-iconColor-rest",
152
+ "--button-danger-iconColor-hover",
153
+ "--button-danger-bgColor-rest",
154
+ "--button-danger-bgColor-hover",
155
+ "--button-danger-bgColor-active",
156
+ "--button-danger-bgColor-disabled",
157
+ "--button-danger-borderColor-rest",
158
+ "--button-danger-borderColor-hover",
159
+ "--button-danger-borderColor-active",
160
+ "--button-danger-shadow-selected",
161
+ "--button-inactive-fgColor-rest",
162
+ "--button-inactive-bgColor-rest",
163
+ "--buttonCounter-default-bgColor-rest",
164
+ "--buttonCounter-invisible-bgColor-rest",
165
+ "--buttonCounter-primary-bgColor-rest",
166
+ "--buttonCounter-outline-bgColor-rest",
167
+ "--buttonCounter-outline-bgColor-hover",
168
+ "--buttonCounter-outline-bgColor-disabled",
169
+ "--buttonCounter-outline-fgColor-rest",
170
+ "--buttonCounter-outline-fgColor-hover",
171
+ "--buttonCounter-outline-fgColor-disabled",
172
+ "--buttonCounter-danger-bgColor-hover",
173
+ "--buttonCounter-danger-bgColor-disabled",
174
+ "--buttonCounter-danger-bgColor-rest",
175
+ "--buttonCounter-danger-fgColor-rest",
176
+ "--buttonCounter-danger-fgColor-hover",
177
+ "--buttonCounter-danger-fgColor-disabled",
178
+ "--focus-outlineColor",
179
+ "--menu-bgColor-active",
180
+ "--overlay-bgColor",
181
+ "--overlay-backdrop-bgColor",
182
+ "--selectMenu-borderColor",
183
+ "--selectMenu-bgColor-active",
184
+ "--sideNav-bgColor-selected",
185
+ "--skeletonLoader-bgColor",
186
+ "--timelineBadge-bgColor",
187
+ "--treeViewItem-leadingVisual-iconColor-rest",
188
+ "--underlineNav-borderColor-active",
189
+ "--underlineNav-borderColor-hover",
190
+ "--underlineNav-iconColor-rest",
191
+ "--fgColor-default",
192
+ "--fgColor-muted",
193
+ "--fgColor-onEmphasis",
194
+ "--fgColor-onInverse",
195
+ "--fgColor-disabled",
196
+ "--fgColor-link",
197
+ "--fgColor-link-onInverse",
198
+ "--fgColor-neutral",
199
+ "--fgColor-neutral-onInverse",
200
+ "--fgColor-accent",
201
+ "--fgColor-accent-onInverse",
202
+ "--fgColor-success",
203
+ "--fgColor-success-onInverse",
204
+ "--fgColor-attention",
205
+ "--fgColor-attention-onInverse",
206
+ "--fgColor-severe",
207
+ "--fgColor-severe-onInverse",
208
+ "--fgColor-danger",
209
+ "--fgColor-danger-onInverse",
210
+ "--fgColor-open",
211
+ "--fgColor-open-onInverse",
212
+ "--fgColor-closed",
213
+ "--fgColor-closed-onInverse",
214
+ "--fgColor-done",
215
+ "--fgColor-done-onInverse",
216
+ "--fgColor-sponsors",
217
+ "--fgColor-sponsors-onInverse",
218
+ "--bgColor-default",
219
+ "--bgColor-muted",
220
+ "--bgColor-inset",
221
+ "--bgColor-emphasis",
222
+ "--bgColor-inverse",
223
+ "--bgColor-disabled",
224
+ "--bgColor-transparent",
225
+ "--bgColor-neutral-muted",
226
+ "--bgColor-neutral-emphasis",
227
+ "--bgColor-accent-muted",
228
+ "--bgColor-accent-emphasis",
229
+ "--bgColor-success-muted",
230
+ "--bgColor-success-emphasis",
231
+ "--bgColor-attention-muted",
232
+ "--bgColor-attention-emphasis",
233
+ "--bgColor-severe-muted",
234
+ "--bgColor-severe-emphasis",
235
+ "--bgColor-danger-muted",
236
+ "--bgColor-danger-emphasis",
237
+ "--bgColor-open-muted",
238
+ "--bgColor-open-emphasis",
239
+ "--bgColor-closed-muted",
240
+ "--bgColor-closed-emphasis",
241
+ "--bgColor-done-muted",
242
+ "--bgColor-done-emphasis",
243
+ "--bgColor-sponsors-muted",
244
+ "--bgColor-sponsors-emphasis",
245
+ "--borderColor-default",
246
+ "--borderColor-muted",
247
+ "--borderColor-emphasis",
248
+ "--borderColor-disabled",
249
+ "--borderColor-transparent",
250
+ "--borderColor-neutral-muted",
251
+ "--borderColor-neutral-emphasis",
252
+ "--borderColor-accent-muted",
253
+ "--borderColor-accent-emphasis",
254
+ "--borderColor-success-muted",
255
+ "--borderColor-success-emphasis",
256
+ "--borderColor-attention-muted",
257
+ "--borderColor-attention-emphasis",
258
+ "--borderColor-severe-muted",
259
+ "--borderColor-severe-emphasis",
260
+ "--borderColor-danger-muted",
261
+ "--borderColor-danger-emphasis",
262
+ "--borderColor-open-muted",
263
+ "--borderColor-open-emphasis",
264
+ "--borderColor-closed-muted",
265
+ "--borderColor-closed-emphasis",
266
+ "--borderColor-done-muted",
267
+ "--borderColor-done-emphasis",
268
+ "--borderColor-sponsors-muted",
269
+ "--borderColor-sponsors-emphasis",
270
+ "--color-ansi-black",
271
+ "--color-ansi-black-bright",
272
+ "--color-ansi-white",
273
+ "--color-ansi-white-bright",
274
+ "--color-ansi-gray",
275
+ "--color-ansi-red",
276
+ "--color-ansi-red-bright",
277
+ "--color-ansi-green",
278
+ "--color-ansi-green-bright",
279
+ "--color-ansi-yellow",
280
+ "--color-ansi-yellow-bright",
281
+ "--color-ansi-blue",
282
+ "--color-ansi-blue-bright",
283
+ "--color-ansi-magenta",
284
+ "--color-ansi-magenta-bright",
285
+ "--color-ansi-cyan",
286
+ "--color-ansi-cyan-bright",
287
+ "--color-prettylights-syntax-comment",
288
+ "--color-prettylights-syntax-constant",
289
+ "--color-prettylights-syntax-constant-other-reference-link",
290
+ "--color-prettylights-syntax-entity",
291
+ "--color-prettylights-syntax-storage-modifier-import",
292
+ "--color-prettylights-syntax-entity-tag",
293
+ "--color-prettylights-syntax-keyword",
294
+ "--color-prettylights-syntax-string",
295
+ "--color-prettylights-syntax-variable",
296
+ "--color-prettylights-syntax-brackethighlighter-unmatched",
297
+ "--color-prettylights-syntax-brackethighlighter-angle",
298
+ "--color-prettylights-syntax-invalid-illegal-text",
299
+ "--color-prettylights-syntax-invalid-illegal-bg",
300
+ "--color-prettylights-syntax-carriage-return-text",
301
+ "--color-prettylights-syntax-carriage-return-bg",
302
+ "--color-prettylights-syntax-string-regexp",
303
+ "--color-prettylights-syntax-markup-list",
304
+ "--color-prettylights-syntax-markup-heading",
305
+ "--color-prettylights-syntax-markup-italic",
306
+ "--color-prettylights-syntax-markup-bold",
307
+ "--color-prettylights-syntax-markup-deleted-text",
308
+ "--color-prettylights-syntax-markup-deleted-bg",
309
+ "--color-prettylights-syntax-markup-inserted-text",
310
+ "--color-prettylights-syntax-markup-inserted-bg",
311
+ "--color-prettylights-syntax-markup-changed-text",
312
+ "--color-prettylights-syntax-markup-changed-bg",
313
+ "--color-prettylights-syntax-markup-ignored-text",
314
+ "--color-prettylights-syntax-markup-ignored-bg",
315
+ "--color-prettylights-syntax-meta-diff-range",
316
+ "--color-prettylights-syntax-sublimelinter-gutter-mark",
317
+ "--shadow-inset",
318
+ "--shadow-resting-xsmall",
319
+ "--shadow-resting-small",
320
+ "--shadow-resting-medium",
321
+ "--shadow-floating-small",
322
+ "--shadow-floating-medium",
323
+ "--shadow-floating-large",
324
+ "--shadow-floating-xlarge",
325
+ "--outline-focus"
326
+ ]
/package/.github/{workflows/CODEOWNERS → CODEOWNERS} RENAMED
File without changes