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/css-variable-map.json CHANGED
@@ -1,79 +1,79 @@
1
1
  {
2
2
  "--color-page-header-bg": [
3
3
  {
4
- "props": ["backgroundColor", "bg"],
4
+ "props": ["backgroundColor", "bg", "background"],
5
5
  "replacement": "--page-header-bgColor"
6
6
  }
7
7
  ],
8
8
  "--color-diff-blob-addition-num-text": [
9
9
  {
10
- "props": ["color", "fill", "caretColor"],
10
+ "props": ["color", "fill", "caretColor", "stroke"],
11
11
  "replacement": "--diffBlob-addition-fgColor-num"
12
12
  }
13
13
  ],
14
14
  "--color-diff-blob-addition-fg": [
15
15
  {
16
- "props": ["color", "fill", "caretColor"],
16
+ "props": ["color", "fill", "caretColor", "stroke"],
17
17
  "replacement": "--diffBlob-addition-fgColor-text"
18
18
  }
19
19
  ],
20
20
  "--color-diff-blob-addition-num-bg": [
21
21
  {
22
- "props": ["backgroundColor", "bg"],
22
+ "props": ["backgroundColor", "bg", "background"],
23
23
  "replacement": "--diffBlob-addition-bgColor-num"
24
24
  }
25
25
  ],
26
26
  "--color-diff-blob-addition-line-bg": [
27
27
  {
28
- "props": ["backgroundColor", "bg"],
28
+ "props": ["backgroundColor", "bg", "background"],
29
29
  "replacement": "--diffBlob-addition-bgColor-line"
30
30
  }
31
31
  ],
32
32
  "--color-diff-blob-addition-word-bg": [
33
33
  {
34
- "props": ["backgroundColor", "bg"],
34
+ "props": ["backgroundColor", "bg", "background"],
35
35
  "replacement": "--diffBlob-addition-bgColor-word"
36
36
  }
37
37
  ],
38
38
  "--color-diff-blob-deletion-num-text": [
39
39
  {
40
- "props": ["color", "fill", "caretColor"],
40
+ "props": ["color", "fill", "caretColor", "stroke"],
41
41
  "replacement": "--diffBlob-deletion-fgColor-num"
42
42
  }
43
43
  ],
44
44
  "--color-diff-blob-deletion-fg": [
45
45
  {
46
- "props": ["color", "fill", "caretColor"],
46
+ "props": ["color", "fill", "caretColor", "stroke"],
47
47
  "replacement": "--diffBlob-deletion-fgColor-text"
48
48
  }
49
49
  ],
50
50
  "--color-diff-blob-deletion-num-bg": [
51
51
  {
52
- "props": ["backgroundColor", "bg"],
52
+ "props": ["backgroundColor", "bg", "background"],
53
53
  "replacement": "--diffBlob-deletion-bgColor-num"
54
54
  }
55
55
  ],
56
56
  "--color-diff-blob-deletion-line-bg": [
57
57
  {
58
- "props": ["backgroundColor", "bg"],
58
+ "props": ["backgroundColor", "bg", "background"],
59
59
  "replacement": "--diffBlob-deletion-bgColor-line"
60
60
  }
61
61
  ],
62
62
  "--color-diff-blob-deletion-word-bg": [
63
63
  {
64
- "props": ["backgroundColor", "bg"],
64
+ "props": ["backgroundColor", "bg", "background"],
65
65
  "replacement": "--diffBlob-deletion-bgColor-word"
66
66
  }
67
67
  ],
68
68
  "--color-diff-blob-hunk-num-bg": [
69
69
  {
70
- "props": ["backgroundColor", "bg"],
70
+ "props": ["backgroundColor", "bg", "background"],
71
71
  "replacement": "--diffBlob-hunk-bgColor-num"
72
72
  }
73
73
  ],
74
74
  "--color-diff-blob-expander-icon": [
75
75
  {
76
- "props": ["color", "fill", "caretColor"],
76
+ "props": ["color", "fill", "caretColor", "stroke"],
77
77
  "replacement": "--diffBlob-expander-iconColor"
78
78
  }
79
79
  ],
@@ -81,139 +81,139 @@
81
81
  "--color-diffstat-addition-border": [],
82
82
  "--color-diffstat-addition-bg": [
83
83
  {
84
- "props": ["backgroundColor", "bg"],
84
+ "props": ["backgroundColor", "bg", "background"],
85
85
  "replacement": "--diffStat-addition-bgColor"
86
86
  }
87
87
  ],
88
88
  "--color-search-keyword-hl": [
89
89
  {
90
- "props": ["backgroundColor", "bg"],
90
+ "props": ["backgroundColor", "bg", "background"],
91
91
  "replacement": "--highlight-neutral-bgColor"
92
92
  }
93
93
  ],
94
94
  "--color-codemirror-text": [
95
95
  {
96
- "props": ["color", "fill", "caretColor"],
96
+ "props": ["color", "fill", "caretColor", "stroke"],
97
97
  "replacement": "--codeMirror-fgColor"
98
98
  }
99
99
  ],
100
100
  "--color-codemirror-bg": [
101
101
  {
102
- "props": ["backgroundColor", "bg"],
102
+ "props": ["backgroundColor", "bg", "background"],
103
103
  "replacement": "--codeMirror-bgColor"
104
104
  }
105
105
  ],
106
106
  "--color-codemirror-gutters-bg": [
107
107
  {
108
- "props": ["backgroundColor", "bg"],
108
+ "props": ["backgroundColor", "bg", "background"],
109
109
  "replacement": "--codeMirror-gutters-bgColor"
110
110
  }
111
111
  ],
112
112
  "--color-codemirror-guttermarker-text": [
113
113
  {
114
- "props": ["color", "fill", "caretColor"],
114
+ "props": ["color", "fill", "caretColor", "stroke"],
115
115
  "replacement": "--codeMirror-gutterMarker-fgColor-default"
116
116
  }
117
117
  ],
118
118
  "--color-codemirror-guttermarker-subtle-text": [
119
119
  {
120
- "props": ["color", "fill", "caretColor"],
120
+ "props": ["color", "fill", "caretColor", "stroke"],
121
121
  "replacement": "--codeMirror-gutterMarker-fgColor-muted"
122
122
  }
123
123
  ],
124
124
  "--color-codemirror-linenumber-text": [
125
125
  {
126
- "props": ["color", "fill", "caretColor"],
126
+ "props": ["color", "fill", "caretColor", "stroke"],
127
127
  "replacement": "--codeMirror-lineNumber-fgColor"
128
128
  }
129
129
  ],
130
130
  "--color-codemirror-cursor": [
131
131
  {
132
- "props": ["color", "fill", "caretColor"],
132
+ "props": ["color", "fill", "caretColor", "stroke"],
133
133
  "replacement": "--codeMirror-cursor-fgColor"
134
134
  }
135
135
  ],
136
136
  "--color-codemirror-selection-bg": [
137
137
  {
138
- "props": ["backgroundColor", "bg"],
138
+ "props": ["backgroundColor", "bg", "background"],
139
139
  "replacement": "--codeMirror-selection-bgColor"
140
140
  }
141
141
  ],
142
142
  "--color-codemirror-activeline-bg": [
143
143
  {
144
- "props": ["backgroundColor", "bg"],
144
+ "props": ["backgroundColor", "bg", "background"],
145
145
  "replacement": "--codeMirror-activeline-bgColor"
146
146
  }
147
147
  ],
148
148
  "--color-codemirror-matchingbracket-text": [
149
149
  {
150
- "props": ["color", "fill", "caretColor"],
150
+ "props": ["color", "fill", "caretColor", "stroke"],
151
151
  "replacement": "--codeMirror-matchingBracket-fgColor"
152
152
  }
153
153
  ],
154
154
  "--color-codemirror-lines-bg": [
155
155
  {
156
- "props": ["backgroundColor", "bg"],
156
+ "props": ["backgroundColor", "bg", "background"],
157
157
  "replacement": "--codeMirror-lines-bgColor"
158
158
  }
159
159
  ],
160
160
  "--color-codemirror-syntax-comment": [
161
161
  {
162
- "props": ["color", "fill", "caretColor"],
162
+ "props": ["color", "fill", "caretColor", "stroke"],
163
163
  "replacement": "--codeMirror-syntax-fgColor-comment"
164
164
  }
165
165
  ],
166
166
  "--color-codemirror-syntax-constant": [
167
167
  {
168
- "props": ["color", "fill", "caretColor"],
168
+ "props": ["color", "fill", "caretColor", "stroke"],
169
169
  "replacement": "--codeMirror-syntax-fgColor-constant"
170
170
  }
171
171
  ],
172
172
  "--color-codemirror-syntax-entity": [
173
173
  {
174
- "props": ["color", "fill", "caretColor"],
174
+ "props": ["color", "fill", "caretColor", "stroke"],
175
175
  "replacement": "--codeMirror-syntax-fgColor-entity"
176
176
  }
177
177
  ],
178
178
  "--color-codemirror-syntax-keyword": [
179
179
  {
180
- "props": ["color", "fill", "caretColor"],
180
+ "props": ["color", "fill", "caretColor", "stroke"],
181
181
  "replacement": "--codeMirror-syntax-fgColor-keyword"
182
182
  }
183
183
  ],
184
184
  "--color-codemirror-syntax-storage": [
185
185
  {
186
- "props": ["color", "fill", "caretColor"],
186
+ "props": ["color", "fill", "caretColor", "stroke"],
187
187
  "replacement": "--codeMirror-syntax-fgColor-storage"
188
188
  }
189
189
  ],
190
190
  "--color-codemirror-syntax-string": [
191
191
  {
192
- "props": ["color", "fill", "caretColor"],
192
+ "props": ["color", "fill", "caretColor", "stroke"],
193
193
  "replacement": "--codeMirror-syntax-fgColor-string"
194
194
  }
195
195
  ],
196
196
  "--color-codemirror-syntax-support": [
197
197
  {
198
- "props": ["color", "fill", "caretColor"],
198
+ "props": ["color", "fill", "caretColor", "stroke"],
199
199
  "replacement": "--codeMirror-syntax-fgColor-support"
200
200
  }
201
201
  ],
202
202
  "--color-codemirror-syntax-variable": [
203
203
  {
204
- "props": ["color", "fill", "caretColor"],
204
+ "props": ["color", "fill", "caretColor", "stroke"],
205
205
  "replacement": "--codeMirror-syntax-fgColor-variable"
206
206
  }
207
207
  ],
208
208
  "--color-header-text": [
209
209
  {
210
- "props": ["color", "fill", "caretColor"],
210
+ "props": ["color", "fill", "caretColor", "stroke"],
211
211
  "replacement": "--header-fgColor-default"
212
212
  }
213
213
  ],
214
214
  "--color-header-bg": [
215
215
  {
216
- "props": ["backgroundColor", "bg"],
216
+ "props": ["backgroundColor", "bg", "background"],
217
217
  "replacement": "--header-bgColor"
218
218
  }
219
219
  ],
@@ -226,9 +226,14 @@
226
226
  "borderRightColor",
227
227
  "borderBottomColor",
228
228
  "borderLeftColor",
229
+ "borderLeft",
230
+ "borderRight",
231
+ "borderBottom",
232
+ "borderTop",
229
233
  "boxShadow",
230
234
  "backgroundColor",
231
235
  "bg",
236
+ "background",
232
237
  "color"
233
238
  ],
234
239
  "replacement": "--header-borderColor-divider"
@@ -236,7 +241,7 @@
236
241
  ],
237
242
  "--color-header-logo": [
238
243
  {
239
- "props": ["color", "fill", "caretColor"],
244
+ "props": ["color", "fill", "caretColor", "stroke"],
240
245
  "replacement": "--header-fgColor-logo"
241
246
  }
242
247
  ],
@@ -255,6 +260,10 @@
255
260
  "borderRightColor",
256
261
  "borderBottomColor",
257
262
  "borderLeftColor",
263
+ "borderLeft",
264
+ "borderRight",
265
+ "borderBottom",
266
+ "borderTop",
258
267
  "boxShadow",
259
268
  "backgroundColor",
260
269
  "bg"
@@ -264,7 +273,7 @@
264
273
  ],
265
274
  "--color-avatar-bg": [
266
275
  {
267
- "props": ["backgroundColor", "bg"],
276
+ "props": ["backgroundColor", "bg", "background"],
268
277
  "replacement": "--avatar-bgColor"
269
278
  }
270
279
  ],
@@ -277,9 +286,14 @@
277
286
  "borderRightColor",
278
287
  "borderBottomColor",
279
288
  "borderLeftColor",
289
+ "borderLeft",
290
+ "borderRight",
291
+ "borderBottom",
292
+ "borderTop",
280
293
  "boxShadow",
281
294
  "backgroundColor",
282
295
  "bg",
296
+ "background",
283
297
  "boxShadow"
284
298
  ],
285
299
  "replacement": "--avatar-borderColor"
@@ -287,13 +301,13 @@
287
301
  ],
288
302
  "--color-avatar-stack-fade": [
289
303
  {
290
- "props": ["backgroundColor", "bg"],
304
+ "props": ["backgroundColor", "bg", "background"],
291
305
  "replacement": "--avatarStack-fade-bgColor-default"
292
306
  }
293
307
  ],
294
308
  "--color-avatar-stack-fade-more": [
295
309
  {
296
- "props": ["backgroundColor", "bg"],
310
+ "props": ["backgroundColor", "bg", "background"],
297
311
  "replacement": "--avatarStack-fade-bgColor-muted"
298
312
  }
299
313
  ],
@@ -306,6 +320,10 @@
306
320
  "borderRightColor",
307
321
  "borderBottomColor",
308
322
  "borderLeftColor",
323
+ "borderLeft",
324
+ "borderRight",
325
+ "borderBottom",
326
+ "borderTop",
309
327
  "boxShadow",
310
328
  "backgroundColor",
311
329
  "bg"
@@ -322,6 +340,10 @@
322
340
  "borderRightColor",
323
341
  "borderBottomColor",
324
342
  "borderLeftColor",
343
+ "borderLeft",
344
+ "borderRight",
345
+ "borderBottom",
346
+ "borderTop",
325
347
  "boxShadow",
326
348
  "backgroundColor",
327
349
  "bg"
@@ -338,6 +360,10 @@
338
360
  "borderRightColor",
339
361
  "borderBottomColor",
340
362
  "borderLeftColor",
363
+ "borderLeft",
364
+ "borderRight",
365
+ "borderBottom",
366
+ "borderTop",
341
367
  "boxShadow",
342
368
  "backgroundColor",
343
369
  "bg"
@@ -347,43 +373,43 @@
347
373
  ],
348
374
  "--color-select-menu-tap-highlight": [
349
375
  {
350
- "props": ["backgroundColor", "bg"],
376
+ "props": ["backgroundColor", "bg", "background"],
351
377
  "replacement": "--control-bgColor-active"
352
378
  }
353
379
  ],
354
380
  "--color-select-menu-tap-focus-bg": [
355
381
  {
356
- "props": ["backgroundColor", "bg"],
382
+ "props": ["backgroundColor", "bg", "background"],
357
383
  "replacement": "--selectMenu-bgColor-active"
358
384
  }
359
385
  ],
360
386
  "--color-sidenav-selected-bg": [
361
387
  {
362
- "props": ["backgroundColor", "bg"],
388
+ "props": ["backgroundColor", "bg", "background"],
363
389
  "replacement": "--sideNav-bgColor-selected"
364
390
  }
365
391
  ],
366
392
  "--color-menu-bg-active": [
367
393
  {
368
- "props": ["backgroundColor", "bg"],
394
+ "props": ["backgroundColor", "bg", "background"],
369
395
  "replacement": "--menu-bgColor-active"
370
396
  }
371
397
  ],
372
398
  "--color-input-disabled-bg": [
373
399
  {
374
- "props": ["backgroundColor", "bg"],
400
+ "props": ["backgroundColor", "bg", "background"],
375
401
  "replacement": "--control-bgColor-disabled"
376
402
  }
377
403
  ],
378
404
  "--color-timeline-badge-bg": [
379
405
  {
380
- "props": ["backgroundColor", "bg"],
406
+ "props": ["backgroundColor", "bg", "background"],
381
407
  "replacement": "--timelineBadge-bgColor"
382
408
  }
383
409
  ],
384
410
  "--color-btn-bg": [
385
411
  {
386
- "props": ["backgroundColor", "bg"],
412
+ "props": ["backgroundColor", "bg", "background"],
387
413
  "replacement": "--button-default-bgColor-rest"
388
414
  }
389
415
  ],
@@ -396,6 +422,10 @@
396
422
  "borderRightColor",
397
423
  "borderBottomColor",
398
424
  "borderLeftColor",
425
+ "borderLeft",
426
+ "borderRight",
427
+ "borderBottom",
428
+ "borderTop",
399
429
  "boxShadow",
400
430
  "backgroundColor",
401
431
  "bg"
@@ -405,7 +435,7 @@
405
435
  ],
406
436
  "--color-btn-hover-bg": [
407
437
  {
408
- "props": ["backgroundColor", "bg"],
438
+ "props": ["backgroundColor", "bg", "background"],
409
439
  "replacement": "--button-default-bgColor-hover"
410
440
  }
411
441
  ],
@@ -418,6 +448,10 @@
418
448
  "borderRightColor",
419
449
  "borderBottomColor",
420
450
  "borderLeftColor",
451
+ "borderLeft",
452
+ "borderRight",
453
+ "borderBottom",
454
+ "borderTop",
421
455
  "boxShadow",
422
456
  "backgroundColor",
423
457
  "bg"
@@ -427,7 +461,7 @@
427
461
  ],
428
462
  "--color-btn-active-bg": [
429
463
  {
430
- "props": ["backgroundColor", "bg"],
464
+ "props": ["backgroundColor", "bg", "background"],
431
465
  "replacement": "--button-default-bgColor-active"
432
466
  }
433
467
  ],
@@ -440,6 +474,10 @@
440
474
  "borderRightColor",
441
475
  "borderBottomColor",
442
476
  "borderLeftColor",
477
+ "borderLeft",
478
+ "borderRight",
479
+ "borderBottom",
480
+ "borderTop",
443
481
  "boxShadow",
444
482
  "backgroundColor",
445
483
  "bg"
@@ -449,25 +487,25 @@
449
487
  ],
450
488
  "--color-btn-selected-bg": [
451
489
  {
452
- "props": ["backgroundColor", "bg"],
490
+ "props": ["backgroundColor", "bg", "background"],
453
491
  "replacement": "--button-default-bgColor-selected"
454
492
  }
455
493
  ],
456
494
  "--color-btn-counter-bg": [
457
495
  {
458
- "props": ["backgroundColor", "bg"],
496
+ "props": ["backgroundColor", "bg", "background"],
459
497
  "replacement": "--buttonCounter-default-bgColor-rest"
460
498
  }
461
499
  ],
462
500
  "--color-btn-primary-text": [
463
501
  {
464
- "props": ["color", "fill", "caretColor"],
502
+ "props": ["color", "fill", "caretColor", "stroke"],
465
503
  "replacement": "--button-primary-fgColor-rest"
466
504
  }
467
505
  ],
468
506
  "--color-btn-primary-bg": [
469
507
  {
470
- "props": ["backgroundColor", "bg"],
508
+ "props": ["backgroundColor", "bg", "background"],
471
509
  "replacement": "--button-primary-bgColor-rest"
472
510
  }
473
511
  ],
@@ -480,6 +518,10 @@
480
518
  "borderRightColor",
481
519
  "borderBottomColor",
482
520
  "borderLeftColor",
521
+ "borderLeft",
522
+ "borderRight",
523
+ "borderBottom",
524
+ "borderTop",
483
525
  "boxShadow",
484
526
  "backgroundColor",
485
527
  "bg"
@@ -489,7 +531,7 @@
489
531
  ],
490
532
  "--color-btn-primary-hover-bg": [
491
533
  {
492
- "props": ["backgroundColor", "bg"],
534
+ "props": ["backgroundColor", "bg", "background"],
493
535
  "replacement": "--button-primary-bgColor-hover"
494
536
  }
495
537
  ],
@@ -502,6 +544,10 @@
502
544
  "borderRightColor",
503
545
  "borderBottomColor",
504
546
  "borderLeftColor",
547
+ "borderLeft",
548
+ "borderRight",
549
+ "borderBottom",
550
+ "borderTop",
505
551
  "boxShadow",
506
552
  "backgroundColor",
507
553
  "bg"
@@ -511,19 +557,19 @@
511
557
  ],
512
558
  "--color-btn-primary-selected-bg": [
513
559
  {
514
- "props": ["backgroundColor", "bg"],
560
+ "props": ["backgroundColor", "bg", "background"],
515
561
  "replacement": "--button-primary-bgColor-active"
516
562
  }
517
563
  ],
518
564
  "--color-btn-primary-disabled-text": [
519
565
  {
520
- "props": ["color", "fill", "caretColor"],
566
+ "props": ["color", "fill", "caretColor", "stroke"],
521
567
  "replacement": "--button-primary-fgColor-disabled"
522
568
  }
523
569
  ],
524
570
  "--color-btn-primary-disabled-bg": [
525
571
  {
526
- "props": ["backgroundColor", "bg"],
572
+ "props": ["backgroundColor", "bg", "background"],
527
573
  "replacement": "--button-primary-bgColor-disabled"
528
574
  }
529
575
  ],
@@ -536,6 +582,10 @@
536
582
  "borderRightColor",
537
583
  "borderBottomColor",
538
584
  "borderLeftColor",
585
+ "borderLeft",
586
+ "borderRight",
587
+ "borderBottom",
588
+ "borderTop",
539
589
  "boxShadow",
540
590
  "backgroundColor",
541
591
  "bg"
@@ -545,31 +595,31 @@
545
595
  ],
546
596
  "--color-btn-primary-icon": [
547
597
  {
548
- "props": ["color", "fill", "caretColor"],
598
+ "props": ["color", "fill", "caretColor", "stroke"],
549
599
  "replacement": "--button-primary-iconColor-rest"
550
600
  }
551
601
  ],
552
602
  "--color-btn-primary-counter-bg": [
553
603
  {
554
- "props": ["backgroundColor", "bg"],
604
+ "props": ["backgroundColor", "bg", "background"],
555
605
  "replacement": "--buttonCounter-primary-bgColor-rest"
556
606
  }
557
607
  ],
558
608
  "--color-btn-outline-text": [
559
609
  {
560
- "props": ["color", "fill", "caretColor"],
610
+ "props": ["color", "fill", "caretColor", "stroke"],
561
611
  "replacement": "--button-outline-fgColor-rest"
562
612
  }
563
613
  ],
564
614
  "--color-btn-outline-hover-text": [
565
615
  {
566
- "props": ["color", "fill", "caretColor"],
616
+ "props": ["color", "fill", "caretColor", "stroke"],
567
617
  "replacement": "--button-outline-fgColor-hover"
568
618
  }
569
619
  ],
570
620
  "--color-btn-outline-hover-bg": [
571
621
  {
572
- "props": ["backgroundColor", "bg"],
622
+ "props": ["backgroundColor", "bg", "background"],
573
623
  "replacement": "--button-outline-bgColor-hover"
574
624
  }
575
625
  ],
@@ -582,6 +632,10 @@
582
632
  "borderRightColor",
583
633
  "borderBottomColor",
584
634
  "borderLeftColor",
635
+ "borderLeft",
636
+ "borderRight",
637
+ "borderBottom",
638
+ "borderTop",
585
639
  "boxShadow",
586
640
  "backgroundColor",
587
641
  "bg"
@@ -591,19 +645,19 @@
591
645
  ],
592
646
  "--color-btn-outline-hover-counter-bg": [
593
647
  {
594
- "props": ["backgroundColor", "bg"],
648
+ "props": ["backgroundColor", "bg", "background"],
595
649
  "replacement": "--buttonCounter-outline-bgColor-hover"
596
650
  }
597
651
  ],
598
652
  "--color-btn-outline-selected-text": [
599
653
  {
600
- "props": ["color", "fill", "caretColor"],
654
+ "props": ["color", "fill", "caretColor", "stroke"],
601
655
  "replacement": "--button-outline-fgColor-active"
602
656
  }
603
657
  ],
604
658
  "--color-btn-outline-selected-bg": [
605
659
  {
606
- "props": ["backgroundColor", "bg"],
660
+ "props": ["backgroundColor", "bg", "background"],
607
661
  "replacement": "--button-outline-bgColor-active"
608
662
  }
609
663
  ],
@@ -616,6 +670,10 @@
616
670
  "borderRightColor",
617
671
  "borderBottomColor",
618
672
  "borderLeftColor",
673
+ "borderLeft",
674
+ "borderRight",
675
+ "borderBottom",
676
+ "borderTop",
619
677
  "boxShadow",
620
678
  "backgroundColor",
621
679
  "bg"
@@ -625,43 +683,43 @@
625
683
  ],
626
684
  "--color-btn-outline-disabled-text": [
627
685
  {
628
- "props": ["color", "fill", "caretColor"],
686
+ "props": ["color", "fill", "caretColor", "stroke"],
629
687
  "replacement": "--button-outline-fgColor-disabled"
630
688
  }
631
689
  ],
632
690
  "--color-btn-outline-disabled-bg": [
633
691
  {
634
- "props": ["backgroundColor", "bg"],
692
+ "props": ["backgroundColor", "bg", "background"],
635
693
  "replacement": "--button-outline-bgColor-disabled"
636
694
  }
637
695
  ],
638
696
  "--color-btn-outline-disabled-counter-bg": [
639
697
  {
640
- "props": ["backgroundColor", "bg"],
698
+ "props": ["backgroundColor", "bg", "background"],
641
699
  "replacement": "--buttonCounter-outline-bgColor-disabled"
642
700
  }
643
701
  ],
644
702
  "--color-btn-outline-counter-bg": [
645
703
  {
646
- "props": ["backgroundColor", "bg"],
704
+ "props": ["backgroundColor", "bg", "background"],
647
705
  "replacement": "--buttonCounter-outline-bgColor-rest"
648
706
  }
649
707
  ],
650
708
  "--color-btn-danger-text": [
651
709
  {
652
- "props": ["color", "fill", "caretColor"],
710
+ "props": ["color", "fill", "caretColor", "stroke"],
653
711
  "replacement": "--button-danger-fgColor-rest"
654
712
  }
655
713
  ],
656
714
  "--color-btn-danger-hover-text": [
657
715
  {
658
- "props": ["color", "fill", "caretColor"],
716
+ "props": ["color", "fill", "caretColor", "stroke"],
659
717
  "replacement": "--button-danger-fgColor-hover"
660
718
  }
661
719
  ],
662
720
  "--color-btn-danger-hover-bg": [
663
721
  {
664
- "props": ["backgroundColor", "bg"],
722
+ "props": ["backgroundColor", "bg", "background"],
665
723
  "replacement": "--button-danger-bgColor-hover"
666
724
  }
667
725
  ],
@@ -674,6 +732,10 @@
674
732
  "borderRightColor",
675
733
  "borderBottomColor",
676
734
  "borderLeftColor",
735
+ "borderLeft",
736
+ "borderRight",
737
+ "borderBottom",
738
+ "borderTop",
677
739
  "boxShadow",
678
740
  "backgroundColor",
679
741
  "bg"
@@ -683,19 +745,19 @@
683
745
  ],
684
746
  "--color-btn-danger-hover-counter-bg": [
685
747
  {
686
- "props": ["backgroundColor", "bg"],
748
+ "props": ["backgroundColor", "bg", "background"],
687
749
  "replacement": "--buttonCounter-danger-bgColor-hover"
688
750
  }
689
751
  ],
690
752
  "--color-btn-danger-selected-text": [
691
753
  {
692
- "props": ["color", "fill", "caretColor"],
754
+ "props": ["color", "fill", "caretColor", "stroke"],
693
755
  "replacement": "--button-danger-fgColor-active"
694
756
  }
695
757
  ],
696
758
  "--color-btn-danger-selected-bg": [
697
759
  {
698
- "props": ["backgroundColor", "bg"],
760
+ "props": ["backgroundColor", "bg", "background"],
699
761
  "replacement": "--button-danger-bgColor-active"
700
762
  }
701
763
  ],
@@ -708,6 +770,10 @@
708
770
  "borderRightColor",
709
771
  "borderBottomColor",
710
772
  "borderLeftColor",
773
+ "borderLeft",
774
+ "borderRight",
775
+ "borderBottom",
776
+ "borderTop",
711
777
  "boxShadow",
712
778
  "backgroundColor",
713
779
  "bg"
@@ -717,43 +783,43 @@
717
783
  ],
718
784
  "--color-btn-danger-disabled-text": [
719
785
  {
720
- "props": ["color", "fill", "caretColor"],
786
+ "props": ["color", "fill", "caretColor", "stroke"],
721
787
  "replacement": "--button-danger-fgColor-disabled"
722
788
  }
723
789
  ],
724
790
  "--color-btn-danger-disabled-bg": [
725
791
  {
726
- "props": ["backgroundColor", "bg"],
792
+ "props": ["backgroundColor", "bg", "background"],
727
793
  "replacement": "--button-danger-bgColor-disabled"
728
794
  }
729
795
  ],
730
796
  "--color-btn-danger-disabled-counter-bg": [
731
797
  {
732
- "props": ["backgroundColor", "bg"],
798
+ "props": ["backgroundColor", "bg", "background"],
733
799
  "replacement": "--buttonCounter-danger-bgColor-disabled"
734
800
  }
735
801
  ],
736
802
  "--color-btn-danger-counter-bg": [
737
803
  {
738
- "props": ["backgroundColor", "bg"],
804
+ "props": ["backgroundColor", "bg", "background"],
739
805
  "replacement": "--buttonCounter-danger-bgColor-rest"
740
806
  }
741
807
  ],
742
808
  "--color-btn-danger-icon": [
743
809
  {
744
- "props": ["color", "fill", "caretColor"],
810
+ "props": ["color", "fill", "caretColor", "stroke"],
745
811
  "replacement": "--button-danger-iconColor-rest"
746
812
  }
747
813
  ],
748
814
  "--color-btn-danger-hover-icon": [
749
815
  {
750
- "props": ["color", "fill", "caretColor"],
816
+ "props": ["color", "fill", "caretColor", "stroke"],
751
817
  "replacement": "--button-danger-iconColor-hover"
752
818
  }
753
819
  ],
754
820
  "--color-underlinenav-icon": [
755
821
  {
756
- "props": ["color", "fill", "caretColor"],
822
+ "props": ["color", "fill", "caretColor", "stroke"],
757
823
  "replacement": "--underlineNav-iconColor-rest"
758
824
  }
759
825
  ],
@@ -766,6 +832,10 @@
766
832
  "borderRightColor",
767
833
  "borderBottomColor",
768
834
  "borderLeftColor",
835
+ "borderLeft",
836
+ "borderRight",
837
+ "borderBottom",
838
+ "borderTop",
769
839
  "boxShadow",
770
840
  "backgroundColor",
771
841
  "bg"
@@ -782,6 +852,10 @@
782
852
  "borderRightColor",
783
853
  "borderBottomColor",
784
854
  "borderLeftColor",
855
+ "borderLeft",
856
+ "borderRight",
857
+ "borderBottom",
858
+ "borderTop",
785
859
  "boxShadow",
786
860
  "backgroundColor",
787
861
  "bg"
@@ -791,7 +865,7 @@
791
865
  ],
792
866
  "--color-action-list-item-default-hover-bg": [
793
867
  {
794
- "props": ["backgroundColor", "bg"],
868
+ "props": ["backgroundColor", "bg", "background"],
795
869
  "replacement": "--control-transparent-bgColor-hover"
796
870
  }
797
871
  ],
@@ -804,6 +878,10 @@
804
878
  "borderRightColor",
805
879
  "borderBottomColor",
806
880
  "borderLeftColor",
881
+ "borderLeft",
882
+ "borderRight",
883
+ "borderBottom",
884
+ "borderTop",
807
885
  "boxShadow",
808
886
  "backgroundColor",
809
887
  "bg"
@@ -813,7 +891,7 @@
813
891
  ],
814
892
  "--color-action-list-item-default-active-bg": [
815
893
  {
816
- "props": ["backgroundColor", "bg"],
894
+ "props": ["backgroundColor", "bg", "background"],
817
895
  "replacement": "--control-transparent-bgColor-active"
818
896
  }
819
897
  ],
@@ -826,6 +904,10 @@
826
904
  "borderRightColor",
827
905
  "borderBottomColor",
828
906
  "borderLeftColor",
907
+ "borderLeft",
908
+ "borderRight",
909
+ "borderBottom",
910
+ "borderTop",
829
911
  "boxShadow",
830
912
  "backgroundColor",
831
913
  "bg"
@@ -835,61 +917,61 @@
835
917
  ],
836
918
  "--color-action-list-item-default-selected-bg": [
837
919
  {
838
- "props": ["backgroundColor", "bg"],
920
+ "props": ["backgroundColor", "bg", "background"],
839
921
  "replacement": "--control-transparent-bgColor-selected"
840
922
  }
841
923
  ],
842
924
  "--color-action-list-item-danger-hover-bg": [
843
925
  {
844
- "props": ["backgroundColor", "bg"],
926
+ "props": ["backgroundColor", "bg", "background"],
845
927
  "replacement": "--control-danger-bgColor-hover"
846
928
  }
847
929
  ],
848
930
  "--color-action-list-item-danger-active-bg": [
849
931
  {
850
- "props": ["backgroundColor", "bg"],
932
+ "props": ["backgroundColor", "bg", "background"],
851
933
  "replacement": "--control-danger-bgColor-active"
852
934
  }
853
935
  ],
854
936
  "--color-action-list-item-danger-hover-text": [
855
937
  {
856
- "props": ["color", "fill", "caretColor"],
938
+ "props": ["color", "fill", "caretColor", "stroke"],
857
939
  "replacement": "--control-danger-fgColor-hover"
858
940
  }
859
941
  ],
860
942
  "--color-switch-track-bg": [
861
943
  {
862
- "props": ["backgroundColor", "bg"],
944
+ "props": ["backgroundColor", "bg", "background"],
863
945
  "replacement": "--controlTrack-bgColor-rest"
864
946
  }
865
947
  ],
866
948
  "--color-switch-track-hover-bg": [
867
949
  {
868
- "props": ["backgroundColor", "bg"],
950
+ "props": ["backgroundColor", "bg", "background"],
869
951
  "replacement": "--controlTrack-bgColor-hover"
870
952
  }
871
953
  ],
872
954
  "--color-switch-track-active-bg": [
873
955
  {
874
- "props": ["backgroundColor", "bg"],
956
+ "props": ["backgroundColor", "bg", "background"],
875
957
  "replacement": "--controlTrack-bgColor-active"
876
958
  }
877
959
  ],
878
960
  "--color-switch-track-disabled-bg": [
879
961
  {
880
- "props": ["backgroundColor", "bg"],
962
+ "props": ["backgroundColor", "bg", "background"],
881
963
  "replacement": "--controlTrack-bgColor-disabled"
882
964
  }
883
965
  ],
884
966
  "--color-switch-track-fg": [
885
967
  {
886
- "props": ["color", "fill", "caretColor"],
968
+ "props": ["color", "fill", "caretColor", "stroke"],
887
969
  "replacement": "--controlTrack-fgColor-rest"
888
970
  }
889
971
  ],
890
972
  "--color-switch-track-disabled-fg": [
891
973
  {
892
- "props": ["color", "fill", "caretColor"],
974
+ "props": ["color", "fill", "caretColor", "stroke"],
893
975
  "replacement": "--controlTrack-fgColor-disabled"
894
976
  }
895
977
  ],
@@ -902,6 +984,10 @@
902
984
  "borderRightColor",
903
985
  "borderBottomColor",
904
986
  "borderLeftColor",
987
+ "borderLeft",
988
+ "borderRight",
989
+ "borderBottom",
990
+ "borderTop",
905
991
  "boxShadow",
906
992
  "backgroundColor",
907
993
  "bg"
@@ -911,31 +997,31 @@
911
997
  ],
912
998
  "--color-switch-track-checked-bg": [
913
999
  {
914
- "props": ["backgroundColor", "bg"],
1000
+ "props": ["backgroundColor", "bg", "background"],
915
1001
  "replacement": "--control-checked-bgColor-rest"
916
1002
  }
917
1003
  ],
918
1004
  "--color-switch-track-checked-hover-bg": [
919
1005
  {
920
- "props": ["backgroundColor", "bg"],
1006
+ "props": ["backgroundColor", "bg", "background"],
921
1007
  "replacement": "--control-checked-bgColor-hover"
922
1008
  }
923
1009
  ],
924
1010
  "--color-switch-track-checked-active-bg": [
925
1011
  {
926
- "props": ["backgroundColor", "bg"],
1012
+ "props": ["backgroundColor", "bg", "background"],
927
1013
  "replacement": "--control-checked-bgColor-active"
928
1014
  }
929
1015
  ],
930
1016
  "--color-switch-track-checked-fg": [
931
1017
  {
932
- "props": ["color", "fill", "caretColor"],
1018
+ "props": ["color", "fill", "caretColor", "stroke"],
933
1019
  "replacement": "--control-checked-fgColor-rest"
934
1020
  }
935
1021
  ],
936
1022
  "--color-switch-track-checked-disabled-fg": [
937
1023
  {
938
- "props": ["color", "fill", "caretColor"],
1024
+ "props": ["color", "fill", "caretColor", "stroke"],
939
1025
  "replacement": "--control-checked-fgColor-disabled"
940
1026
  }
941
1027
  ],
@@ -948,6 +1034,10 @@
948
1034
  "borderRightColor",
949
1035
  "borderBottomColor",
950
1036
  "borderLeftColor",
1037
+ "borderLeft",
1038
+ "borderRight",
1039
+ "borderBottom",
1040
+ "borderTop",
951
1041
  "boxShadow"
952
1042
  ],
953
1043
  "replacement": "--borderColor-transparent"
@@ -955,13 +1045,13 @@
955
1045
  ],
956
1046
  "--color-switch-knob-bg": [
957
1047
  {
958
- "props": ["backgroundColor", "bg"],
1048
+ "props": ["backgroundColor", "bg", "background"],
959
1049
  "replacement": "--controlKnob-bgColor-rest"
960
1050
  }
961
1051
  ],
962
1052
  "--color-switch-knob-disabled-bg": [
963
1053
  {
964
- "props": ["backgroundColor", "bg"],
1054
+ "props": ["backgroundColor", "bg", "background"],
965
1055
  "replacement": "--controlKnob-bgColor-disabled"
966
1056
  }
967
1057
  ],
@@ -974,6 +1064,10 @@
974
1064
  "borderRightColor",
975
1065
  "borderBottomColor",
976
1066
  "borderLeftColor",
1067
+ "borderLeft",
1068
+ "borderRight",
1069
+ "borderBottom",
1070
+ "borderTop",
977
1071
  "boxShadow",
978
1072
  "backgroundColor",
979
1073
  "bg"
@@ -983,13 +1077,13 @@
983
1077
  ],
984
1078
  "--color-switch-knob-checked-bg": [
985
1079
  {
986
- "props": ["backgroundColor", "bg"],
1080
+ "props": ["backgroundColor", "bg", "background"],
987
1081
  "replacement": "--controlKnob-bgColor-checked"
988
1082
  }
989
1083
  ],
990
1084
  "--color-switch-knob-checked-disabled-bg": [
991
1085
  {
992
- "props": ["backgroundColor", "bg"],
1086
+ "props": ["backgroundColor", "bg", "background"],
993
1087
  "replacement": "--controlKnob-bgColor-disabled"
994
1088
  }
995
1089
  ],
@@ -1002,6 +1096,10 @@
1002
1096
  "borderRightColor",
1003
1097
  "borderBottomColor",
1004
1098
  "borderLeftColor",
1099
+ "borderLeft",
1100
+ "borderRight",
1101
+ "borderBottom",
1102
+ "borderTop",
1005
1103
  "boxShadow",
1006
1104
  "backgroundColor",
1007
1105
  "bg"
@@ -1011,25 +1109,25 @@
1011
1109
  ],
1012
1110
  "--color-segmented-control-bg": [
1013
1111
  {
1014
- "props": ["backgroundColor", "bg"],
1112
+ "props": ["backgroundColor", "bg", "background"],
1015
1113
  "replacement": "--controlTrack-bgColor-rest"
1016
1114
  }
1017
1115
  ],
1018
1116
  "--color-segmented-control-button-bg": [
1019
1117
  {
1020
- "props": ["backgroundColor", "bg"],
1118
+ "props": ["backgroundColor", "bg", "background"],
1021
1119
  "replacement": "--controlKnob-bgColor-rest"
1022
1120
  }
1023
1121
  ],
1024
1122
  "--color-segmented-control-button-hover-bg": [
1025
1123
  {
1026
- "props": ["backgroundColor", "bg"],
1124
+ "props": ["backgroundColor", "bg", "background"],
1027
1125
  "replacement": "--controlTrack-bgColor-hover"
1028
1126
  }
1029
1127
  ],
1030
1128
  "--color-segmented-control-button-active-bg": [
1031
1129
  {
1032
- "props": ["backgroundColor", "bg"],
1130
+ "props": ["backgroundColor", "bg", "background"],
1033
1131
  "replacement": "--controlTrack-bgColor-active"
1034
1132
  }
1035
1133
  ],
@@ -1042,6 +1140,10 @@
1042
1140
  "borderRightColor",
1043
1141
  "borderBottomColor",
1044
1142
  "borderLeftColor",
1143
+ "borderLeft",
1144
+ "borderRight",
1145
+ "borderBottom",
1146
+ "borderTop",
1045
1147
  "boxShadow",
1046
1148
  "backgroundColor",
1047
1149
  "bg"
@@ -1051,13 +1153,13 @@
1051
1153
  ],
1052
1154
  "--color-tree-view-item-chevron-hover-bg": [
1053
1155
  {
1054
- "props": ["backgroundColor", "bg"],
1156
+ "props": ["backgroundColor", "bg", "background"],
1055
1157
  "replacement": "--control-transparent-bgColor-hover"
1056
1158
  }
1057
1159
  ],
1058
1160
  "--color-tree-view-item-directory-fill": [
1059
1161
  {
1060
- "props": ["backgroundColor", "bg"],
1162
+ "props": ["backgroundColor", "bg", "background"],
1061
1163
  "replacement": "--treeViewItem-leadingVisual-bgColor-rest"
1062
1164
  }
1063
1165
  ],
@@ -1074,6 +1176,10 @@
1074
1176
  "borderRightColor",
1075
1177
  "borderBottomColor",
1076
1178
  "borderLeftColor",
1179
+ "borderLeft",
1180
+ "borderRight",
1181
+ "borderBottom",
1182
+ "borderTop",
1077
1183
  "boxShadow"
1078
1184
  ],
1079
1185
  "replacement": "--borderColor-transparent"
@@ -1081,21 +1187,21 @@
1081
1187
  ],
1082
1188
  "--color-fg-default": [
1083
1189
  {
1084
- "props": ["color", "fill", "caretColor"],
1190
+ "props": ["color", "fill", "caretColor", "stroke"],
1085
1191
  "replacement": "--fgColor-default"
1086
1192
  },
1087
1193
  {
1088
- "props": ["backgroundColor", "bg"],
1194
+ "props": ["backgroundColor", "bg", "background"],
1089
1195
  "replacement": "--fgColor-default"
1090
1196
  }
1091
1197
  ],
1092
1198
  "--color-fg-muted": [
1093
1199
  {
1094
- "props": ["color", "fill", "caretColor"],
1200
+ "props": ["color", "fill", "caretColor", "stroke"],
1095
1201
  "replacement": "--fgColor-muted"
1096
1202
  },
1097
1203
  {
1098
- "props": ["backgroundColor", "bg"],
1204
+ "props": ["backgroundColor", "bg", "background"],
1099
1205
  "replacement": "--bgColor-neutral-emphasis"
1100
1206
  },
1101
1207
  {
@@ -1106,6 +1212,10 @@
1106
1212
  "borderRightColor",
1107
1213
  "borderBottomColor",
1108
1214
  "borderLeftColor",
1215
+ "borderLeft",
1216
+ "borderRight",
1217
+ "borderBottom",
1218
+ "borderTop",
1109
1219
  "boxShadow"
1110
1220
  ],
1111
1221
  "replacement": "--borderColor-neutral-emphasis"
@@ -1113,7 +1223,7 @@
1113
1223
  ],
1114
1224
  "--color-fg-subtle": [
1115
1225
  {
1116
- "props": ["color", "fill", "caretColor"],
1226
+ "props": ["color", "fill", "caretColor", "stroke"],
1117
1227
  "replacement": "--fgColor-muted"
1118
1228
  },
1119
1229
  {
@@ -1124,6 +1234,10 @@
1124
1234
  "borderRightColor",
1125
1235
  "borderBottomColor",
1126
1236
  "borderLeftColor",
1237
+ "borderLeft",
1238
+ "borderRight",
1239
+ "borderBottom",
1240
+ "borderTop",
1127
1241
  "boxShadow"
1128
1242
  ],
1129
1243
  "replacement": "--borderColor-neutral-emphasis"
@@ -1141,6 +1255,10 @@
1141
1255
  "borderRightColor",
1142
1256
  "borderBottomColor",
1143
1257
  "borderLeftColor",
1258
+ "borderLeft",
1259
+ "borderRight",
1260
+ "borderBottom",
1261
+ "borderTop",
1144
1262
  "boxShadow"
1145
1263
  ],
1146
1264
  "replacement": "--fgColor-onEmphasis"
@@ -1151,13 +1269,17 @@
1151
1269
  "props": [
1152
1270
  "backgroundColor",
1153
1271
  "bg",
1272
+ "background",
1154
1273
  "border",
1155
1274
  "borderColor",
1156
1275
  "borderTopColor",
1157
1276
  "borderRightColor",
1158
1277
  "borderBottomColor",
1159
1278
  "borderLeftColor",
1160
-
1279
+ "borderLeft",
1280
+ "borderRight",
1281
+ "borderBottom",
1282
+ "borderTop",
1161
1283
  "boxShadow",
1162
1284
  "fill",
1163
1285
  "stroke"
@@ -1167,13 +1289,13 @@
1167
1289
  ],
1168
1290
  "--color-canvas-overlay": [
1169
1291
  {
1170
- "props": ["backgroundColor", "bg"],
1292
+ "props": ["backgroundColor", "bg", "background"],
1171
1293
  "replacement": "--overlay-bgColor"
1172
1294
  }
1173
1295
  ],
1174
1296
  "--color-canvas-inset": [
1175
1297
  {
1176
- "props": ["backgroundColor", "bg"],
1298
+ "props": ["backgroundColor", "bg", "background"],
1177
1299
  "replacement": "--bgColor-inset"
1178
1300
  }
1179
1301
  ],
@@ -1182,6 +1304,7 @@
1182
1304
  "props": [
1183
1305
  "backgroundColor",
1184
1306
  "bg",
1307
+ "background",
1185
1308
  "fill",
1186
1309
  "border",
1187
1310
  "borderColor",
@@ -1189,6 +1312,10 @@
1189
1312
  "borderRightColor",
1190
1313
  "borderBottomColor",
1191
1314
  "borderLeftColor",
1315
+ "borderLeft",
1316
+ "borderRight",
1317
+ "borderBottom",
1318
+ "borderTop",
1192
1319
  "boxShadow"
1193
1320
  ],
1194
1321
  "replacement": "--bgColor-muted"
@@ -1203,8 +1330,13 @@
1203
1330
  "borderRightColor",
1204
1331
  "borderBottomColor",
1205
1332
  "borderLeftColor",
1333
+ "borderLeft",
1334
+ "borderRight",
1335
+ "borderBottom",
1336
+ "borderTop",
1206
1337
  "backgroundColor",
1207
1338
  "bg",
1339
+ "background",
1208
1340
  "boxShadow",
1209
1341
  "stroke",
1210
1342
  "outline",
@@ -1222,9 +1354,13 @@
1222
1354
  "borderRightColor",
1223
1355
  "borderBottomColor",
1224
1356
  "borderLeftColor",
1225
-
1357
+ "borderLeft",
1358
+ "borderRight",
1359
+ "borderBottom",
1360
+ "borderTop",
1226
1361
  "backgroundColor",
1227
1362
  "bg",
1363
+ "background",
1228
1364
  "outline",
1229
1365
  "boxShadow",
1230
1366
  "stroke"
@@ -1241,9 +1377,14 @@
1241
1377
  "borderRightColor",
1242
1378
  "borderBottomColor",
1243
1379
  "borderLeftColor",
1380
+ "borderLeft",
1381
+ "borderRight",
1382
+ "borderBottom",
1383
+ "borderTop",
1244
1384
  "boxShadow",
1245
1385
  "backgroundColor",
1246
1386
  "bg",
1387
+ "background",
1247
1388
  "outline"
1248
1389
  ],
1249
1390
  "replacement": "--borderColor-muted"
@@ -1254,12 +1395,17 @@
1254
1395
  "props": [
1255
1396
  "backgroundColor",
1256
1397
  "bg",
1398
+ "background",
1257
1399
  "border",
1258
1400
  "borderColor",
1259
1401
  "borderTopColor",
1260
1402
  "borderRightColor",
1261
1403
  "borderBottomColor",
1262
1404
  "borderLeftColor",
1405
+ "borderLeft",
1406
+ "borderRight",
1407
+ "borderBottom",
1408
+ "borderTop",
1263
1409
  "boxShadow",
1264
1410
  "color",
1265
1411
  "stroke"
@@ -1269,7 +1415,7 @@
1269
1415
  ],
1270
1416
  "--color-neutral-emphasis": [
1271
1417
  {
1272
- "props": ["backgroundColor", "bg"],
1418
+ "props": ["backgroundColor", "bg", "background"],
1273
1419
  "replacement": "--bgColor-neutral-emphasis"
1274
1420
  },
1275
1421
  {
@@ -1280,13 +1426,16 @@
1280
1426
  "borderRightColor",
1281
1427
  "borderBottomColor",
1282
1428
  "borderLeftColor",
1283
- "boxShadow",
1429
+ "borderLeft",
1430
+ "borderRight",
1431
+ "borderBottom",
1432
+ "borderTop",
1284
1433
  "boxShadow"
1285
1434
  ],
1286
1435
  "replacement": "--borderColor-neutral-emphasis"
1287
1436
  },
1288
1437
  {
1289
- "props": ["color", "fill", "caretColor"],
1438
+ "props": ["color", "fill", "caretColor", "stroke"],
1290
1439
  "replacement": "--fgColor-neutral"
1291
1440
  }
1292
1441
  ],
@@ -1299,19 +1448,22 @@
1299
1448
  "borderRightColor",
1300
1449
  "borderBottomColor",
1301
1450
  "borderLeftColor",
1302
- "boxShadow",
1451
+ "borderLeft",
1452
+ "borderRight",
1453
+ "borderBottom",
1454
+ "borderTop",
1303
1455
  "boxShadow"
1304
1456
  ],
1305
1457
  "replacement": "--borderColor-neutral-muted"
1306
1458
  },
1307
1459
  {
1308
- "props": ["backgroundColor", "bg"],
1460
+ "props": ["backgroundColor", "bg", "background"],
1309
1461
  "replacement": "--bgColor-neutral-muted"
1310
1462
  }
1311
1463
  ],
1312
1464
  "--color-neutral-subtle": [
1313
1465
  {
1314
- "props": ["backgroundColor", "bg"],
1466
+ "props": ["backgroundColor", "bg", "background"],
1315
1467
  "replacement": "--bgColor-neutral-muted"
1316
1468
  },
1317
1469
  {
@@ -1322,7 +1474,10 @@
1322
1474
  "borderRightColor",
1323
1475
  "borderBottomColor",
1324
1476
  "borderLeftColor",
1325
- "boxShadow",
1477
+ "borderLeft",
1478
+ "borderRight",
1479
+ "borderBottom",
1480
+ "borderTop",
1326
1481
  "boxShadow"
1327
1482
  ],
1328
1483
  "replacement": "--borderColor-neutral-muted"
@@ -1341,13 +1496,16 @@
1341
1496
  "borderRightColor",
1342
1497
  "borderBottomColor",
1343
1498
  "borderLeftColor",
1344
- "boxShadow",
1499
+ "borderLeft",
1500
+ "borderRight",
1501
+ "borderBottom",
1502
+ "borderTop",
1345
1503
  "boxShadow"
1346
1504
  ],
1347
1505
  "replacement": "--borderColor-accent-emphasis"
1348
1506
  },
1349
1507
  {
1350
- "props": ["backgroundColor", "bg"],
1508
+ "props": ["backgroundColor", "bg", "background"],
1351
1509
  "replacement": "--bgColor-accent-emphasis"
1352
1510
  },
1353
1511
  {
@@ -1357,7 +1515,7 @@
1357
1515
  ],
1358
1516
  "--color-accent-emphasis": [
1359
1517
  {
1360
- "props": ["backgroundColor", "bg"],
1518
+ "props": ["backgroundColor", "bg", "background"],
1361
1519
  "replacement": "--bgColor-accent-emphasis"
1362
1520
  },
1363
1521
  {
@@ -1368,7 +1526,10 @@
1368
1526
  "borderRightColor",
1369
1527
  "borderBottomColor",
1370
1528
  "borderLeftColor",
1371
- "boxShadow",
1529
+ "borderLeft",
1530
+ "borderRight",
1531
+ "borderBottom",
1532
+ "borderTop",
1372
1533
  "boxShadow"
1373
1534
  ],
1374
1535
  "replacement": "--borderColor-accent-emphasis"
@@ -1391,19 +1552,22 @@
1391
1552
  "borderRightColor",
1392
1553
  "borderBottomColor",
1393
1554
  "borderLeftColor",
1394
- "boxShadow",
1555
+ "borderLeft",
1556
+ "borderRight",
1557
+ "borderBottom",
1558
+ "borderTop",
1395
1559
  "boxShadow"
1396
1560
  ],
1397
1561
  "replacement": "--borderColor-accent-muted"
1398
1562
  },
1399
1563
  {
1400
- "props": ["backgroundColor", "bg"],
1564
+ "props": ["backgroundColor", "bg", "background"],
1401
1565
  "replacement": "--bgColor-accent-muted"
1402
1566
  }
1403
1567
  ],
1404
1568
  "--color-accent-subtle": [
1405
1569
  {
1406
- "props": ["backgroundColor", "bg"],
1570
+ "props": ["backgroundColor", "bg", "background"],
1407
1571
  "replacement": "--bgColor-accent-muted"
1408
1572
  },
1409
1573
  {
@@ -1414,7 +1578,10 @@
1414
1578
  "borderRightColor",
1415
1579
  "borderBottomColor",
1416
1580
  "borderLeftColor",
1417
- "boxShadow",
1581
+ "borderLeft",
1582
+ "borderRight",
1583
+ "borderBottom",
1584
+ "borderTop",
1418
1585
  "boxShadow"
1419
1586
  ],
1420
1587
  "replacement": "--borderColor-accent-muted"
@@ -1426,13 +1593,29 @@
1426
1593
  "replacement": "--fgColor-success"
1427
1594
  },
1428
1595
  {
1429
- "props": ["backgroundColor", "bg"],
1596
+ "props": ["backgroundColor", "bg", "background"],
1430
1597
  "replacement": "--bgColor-success-emphasis"
1598
+ },
1599
+ {
1600
+ "props": [
1601
+ "border",
1602
+ "borderColor",
1603
+ "borderTopColor",
1604
+ "borderRightColor",
1605
+ "borderBottomColor",
1606
+ "borderLeftColor",
1607
+ "borderLeft",
1608
+ "borderRight",
1609
+ "borderBottom",
1610
+ "borderTop",
1611
+ "boxShadow"
1612
+ ],
1613
+ "replacement": "--borderColor-success-emphasis"
1431
1614
  }
1432
1615
  ],
1433
1616
  "--color-success-emphasis": [
1434
1617
  {
1435
- "props": ["backgroundColor", "bg"],
1618
+ "props": ["backgroundColor", "bg", "background"],
1436
1619
  "replacement": "--bgColor-success-emphasis"
1437
1620
  },
1438
1621
  {
@@ -1443,6 +1626,10 @@
1443
1626
  "borderRightColor",
1444
1627
  "borderBottomColor",
1445
1628
  "borderLeftColor",
1629
+ "borderLeft",
1630
+ "borderRight",
1631
+ "borderBottom",
1632
+ "borderTop",
1446
1633
  "boxShadow"
1447
1634
  ],
1448
1635
  "replacement": "--borderColor-success-emphasis"
@@ -1461,34 +1648,54 @@
1461
1648
  "borderRightColor",
1462
1649
  "borderBottomColor",
1463
1650
  "borderLeftColor",
1651
+ "borderLeft",
1652
+ "borderRight",
1653
+ "borderBottom",
1654
+ "borderTop",
1464
1655
  "boxShadow"
1465
1656
  ],
1466
1657
  "replacement": "--borderColor-success-muted"
1467
1658
  },
1468
1659
  {
1469
- "props": ["backgroundColor", "bg"],
1660
+ "props": ["backgroundColor", "bg", "background"],
1470
1661
  "replacement": "--bgColor-success-muted"
1471
1662
  }
1472
1663
  ],
1473
1664
  "--color-success-subtle": [
1474
1665
  {
1475
- "props": ["backgroundColor", "bg"],
1666
+ "props": ["backgroundColor", "bg", "background"],
1476
1667
  "replacement": "--bgColor-success-muted"
1477
1668
  }
1478
1669
  ],
1479
1670
  "--color-attention-fg": [
1480
1671
  {
1481
- "props": ["color", "fill", "caretColor"],
1672
+ "props": ["color", "fill", "caretColor", "stroke"],
1482
1673
  "replacement": "--fgColor-attention"
1483
1674
  },
1484
1675
  {
1485
- "props": ["backgroundColor", "bg"],
1676
+ "props": ["backgroundColor", "bg", "boxShadow"],
1486
1677
  "replacement": "--bgColor-attention-emphasis"
1678
+ },
1679
+ {
1680
+ "props": [
1681
+ "border",
1682
+ "borderColor",
1683
+ "borderTopColor",
1684
+ "borderRightColor",
1685
+ "borderBottomColor",
1686
+ "borderLeftColor",
1687
+ "borderLeft",
1688
+ "borderRight",
1689
+ "borderBottom",
1690
+ "borderTop",
1691
+ "boxShadow"
1692
+ ],
1693
+ "replacement": "--borderColor-attention-emphasis"
1487
1694
  }
1488
1695
  ],
1489
1696
  "--color-attention-emphasis": [
1490
1697
  {
1491
- "props": ["backgroundColor", "bg"],
1698
+ "props": ["backgroundColor", "bg", "background"],
1492
1699
  "replacement": "--bgColor-attention-emphasis"
1493
1700
  },
1494
1701
  {
@@ -1499,12 +1706,16 @@
1499
1706
  "borderRightColor",
1500
1707
  "borderBottomColor",
1501
1708
  "borderLeftColor",
1709
+ "borderLeft",
1710
+ "borderRight",
1711
+ "borderBottom",
1712
+ "borderTop",
1502
1713
  "boxShadow"
1503
1714
  ],
1504
1715
  "replacement": "--borderColor-attention-emphasis"
1505
1716
  },
1506
1717
  {
1507
- "props": ["color", "fill", "caretColor"],
1718
+ "props": ["color", "fill", "caretColor", "stroke"],
1508
1719
  "replacement": "--fgColor-attention"
1509
1720
  }
1510
1721
  ],
@@ -1517,7 +1728,10 @@
1517
1728
  "borderRightColor",
1518
1729
  "borderBottomColor",
1519
1730
  "borderLeftColor",
1520
-
1731
+ "borderLeft",
1732
+ "borderRight",
1733
+ "borderBottom",
1734
+ "borderTop",
1521
1735
  "boxShadow"
1522
1736
  ],
1523
1737
  "replacement": "--borderColor-attention-muted"
@@ -1525,23 +1739,39 @@
1525
1739
  ],
1526
1740
  "--color-attention-subtle": [
1527
1741
  {
1528
- "props": ["backgroundColor", "bg"],
1742
+ "props": ["backgroundColor", "bg", "background"],
1529
1743
  "replacement": "--bgColor-attention-muted"
1530
1744
  }
1531
1745
  ],
1532
1746
  "--color-severe-fg": [
1533
1747
  {
1534
- "props": ["color", "fill", "caretColor"],
1748
+ "props": ["color", "fill", "caretColor", "stroke"],
1535
1749
  "replacement": "--fgColor-severe"
1536
1750
  },
1537
1751
  {
1538
- "props": ["backgroundColor", "bg"],
1752
+ "props": ["backgroundColor", "bg", "background"],
1539
1753
  "replacement": "--bgColor-severe-emphasis"
1754
+ },
1755
+ {
1756
+ "props": [
1757
+ "border",
1758
+ "borderColor",
1759
+ "borderTopColor",
1760
+ "borderRightColor",
1761
+ "borderBottomColor",
1762
+ "borderLeftColor",
1763
+ "borderLeft",
1764
+ "borderRight",
1765
+ "borderBottom",
1766
+ "borderTop",
1767
+ "boxShadow"
1768
+ ],
1769
+ "replacement": "--borderColor-severe-emphasis"
1540
1770
  }
1541
1771
  ],
1542
1772
  "--color-severe-emphasis": [
1543
1773
  {
1544
- "props": ["backgroundColor", "bg"],
1774
+ "props": ["backgroundColor", "bg", "background"],
1545
1775
  "replacement": "--bgColor-severe-emphasis"
1546
1776
  },
1547
1777
  {
@@ -1552,7 +1782,10 @@
1552
1782
  "borderRightColor",
1553
1783
  "borderBottomColor",
1554
1784
  "borderLeftColor",
1555
-
1785
+ "borderLeft",
1786
+ "borderRight",
1787
+ "borderBottom",
1788
+ "borderTop",
1556
1789
  "boxShadow"
1557
1790
  ],
1558
1791
  "replacement": "--borderColor-severe-emphasis"
@@ -1571,7 +1804,10 @@
1571
1804
  "borderRightColor",
1572
1805
  "borderBottomColor",
1573
1806
  "borderLeftColor",
1574
-
1807
+ "borderLeft",
1808
+ "borderRight",
1809
+ "borderBottom",
1810
+ "borderTop",
1575
1811
  "boxShadow"
1576
1812
  ],
1577
1813
  "replacement": "--borderColor-severe-muted"
@@ -1579,23 +1815,39 @@
1579
1815
  ],
1580
1816
  "--color-severe-subtle": [
1581
1817
  {
1582
- "props": ["backgroundColor", "bg"],
1818
+ "props": ["backgroundColor", "bg", "background"],
1583
1819
  "replacement": "--bgColor-severe-muted"
1584
1820
  }
1585
1821
  ],
1586
1822
  "--color-danger-fg": [
1587
1823
  {
1588
- "props": ["color", "fill", "caretColor"],
1824
+ "props": ["color", "fill", "caretColor", "stroke"],
1589
1825
  "replacement": "--fgColor-danger"
1590
1826
  },
1591
1827
  {
1592
- "props": ["backgroundColor", "bg"],
1828
+ "props": ["backgroundColor", "bg", "background"],
1593
1829
  "replacement": "--bgColor-danger-emphasis"
1830
+ },
1831
+ {
1832
+ "props": [
1833
+ "border",
1834
+ "borderColor",
1835
+ "borderTopColor",
1836
+ "borderRightColor",
1837
+ "borderBottomColor",
1838
+ "borderLeftColor",
1839
+ "borderLeft",
1840
+ "borderRight",
1841
+ "borderBottom",
1842
+ "borderTop",
1843
+ "boxShadow"
1844
+ ],
1845
+ "replacement": "--borderColor-danger-emphasis"
1594
1846
  }
1595
1847
  ],
1596
1848
  "--color-danger-emphasis": [
1597
1849
  {
1598
- "props": ["backgroundColor", "bg"],
1850
+ "props": ["backgroundColor", "bg", "background"],
1599
1851
  "replacement": "--bgColor-danger-emphasis"
1600
1852
  },
1601
1853
  {
@@ -1606,14 +1858,17 @@
1606
1858
  "borderRightColor",
1607
1859
  "borderBottomColor",
1608
1860
  "borderLeftColor",
1609
-
1861
+ "borderLeft",
1862
+ "borderRight",
1863
+ "borderBottom",
1864
+ "borderTop",
1610
1865
  "boxShadow",
1611
1866
  "outline"
1612
1867
  ],
1613
1868
  "replacement": "--borderColor-danger-emphasis"
1614
1869
  },
1615
1870
  {
1616
- "props": ["color", "fill", "caretColor"],
1871
+ "props": ["color", "fill", "caretColor", "stroke"],
1617
1872
  "replacement": "--fgColor-danger"
1618
1873
  }
1619
1874
  ],
@@ -1626,35 +1881,54 @@
1626
1881
  "borderRightColor",
1627
1882
  "borderBottomColor",
1628
1883
  "borderLeftColor",
1629
-
1884
+ "borderLeft",
1885
+ "borderRight",
1886
+ "borderBottom",
1887
+ "borderTop",
1630
1888
  "boxShadow"
1631
1889
  ],
1632
1890
  "replacement": "--borderColor-danger-muted"
1633
1891
  },
1634
1892
  {
1635
- "props": ["backgroundColor", "bg"],
1893
+ "props": ["backgroundColor", "bg", "background"],
1636
1894
  "replacement": "--bgColor-danger-muted"
1637
1895
  }
1638
1896
  ],
1639
1897
  "--color-danger-subtle": [
1640
1898
  {
1641
- "props": ["backgroundColor", "bg"],
1899
+ "props": ["backgroundColor", "bg", "background"],
1642
1900
  "replacement": "--bgColor-danger-muted"
1643
1901
  }
1644
1902
  ],
1645
1903
  "--color-open-fg": [
1646
1904
  {
1647
- "props": ["color", "fill", "caretColor"],
1905
+ "props": ["color", "fill", "caretColor", "stroke"],
1648
1906
  "replacement": "--fgColor-open"
1649
1907
  },
1650
1908
  {
1651
- "props": ["backgroundColor", "bg"],
1909
+ "props": ["backgroundColor", "bg", "background"],
1652
1910
  "replacement": "--bgColor-open-emphasis"
1911
+ },
1912
+ {
1913
+ "props": [
1914
+ "border",
1915
+ "borderColor",
1916
+ "borderTopColor",
1917
+ "borderRightColor",
1918
+ "borderBottomColor",
1919
+ "borderLeftColor",
1920
+ "borderLeft",
1921
+ "borderRight",
1922
+ "borderBottom",
1923
+ "borderTop",
1924
+ "boxShadow"
1925
+ ],
1926
+ "replacement": "--borderColor-open-emphasis"
1653
1927
  }
1654
1928
  ],
1655
1929
  "--color-open-emphasis": [
1656
1930
  {
1657
- "props": ["backgroundColor", "bg"],
1931
+ "props": ["backgroundColor", "bg", "background"],
1658
1932
  "replacement": "--bgColor-open-emphasis"
1659
1933
  },
1660
1934
  {
@@ -1665,7 +1939,10 @@
1665
1939
  "borderRightColor",
1666
1940
  "borderBottomColor",
1667
1941
  "borderLeftColor",
1668
-
1942
+ "borderLeft",
1943
+ "borderRight",
1944
+ "borderBottom",
1945
+ "borderTop",
1669
1946
  "boxShadow"
1670
1947
  ],
1671
1948
  "replacement": "--borderColor-open-emphasis"
@@ -1684,7 +1961,10 @@
1684
1961
  "borderRightColor",
1685
1962
  "borderBottomColor",
1686
1963
  "borderLeftColor",
1687
-
1964
+ "borderLeft",
1965
+ "borderRight",
1966
+ "borderBottom",
1967
+ "borderTop",
1688
1968
  "boxShadow"
1689
1969
  ],
1690
1970
  "replacement": "--borderColor-open-muted"
@@ -1692,23 +1972,39 @@
1692
1972
  ],
1693
1973
  "--color-open-subtle": [
1694
1974
  {
1695
- "props": ["backgroundColor", "bg"],
1975
+ "props": ["backgroundColor", "bg", "background"],
1696
1976
  "replacement": "--bgColor-open-muted"
1697
1977
  }
1698
1978
  ],
1699
1979
  "--color-closed-fg": [
1700
1980
  {
1701
- "props": ["color", "fill", "caretColor"],
1981
+ "props": ["color", "fill", "caretColor", "stroke"],
1702
1982
  "replacement": "--fgColor-closed"
1703
1983
  },
1704
1984
  {
1705
- "props": ["backgroundColor", "bg"],
1985
+ "props": ["backgroundColor", "bg", "background"],
1706
1986
  "replacement": "--bgColor-closed-emphasis"
1987
+ },
1988
+ {
1989
+ "props": [
1990
+ "border",
1991
+ "borderColor",
1992
+ "borderTopColor",
1993
+ "borderRightColor",
1994
+ "borderBottomColor",
1995
+ "borderLeftColor",
1996
+ "borderLeft",
1997
+ "borderRight",
1998
+ "borderBottom",
1999
+ "borderTop",
2000
+ "boxShadow"
2001
+ ],
2002
+ "replacement": "--borderColor-closed-emphasis"
1707
2003
  }
1708
2004
  ],
1709
2005
  "--color-closed-emphasis": [
1710
2006
  {
1711
- "props": ["backgroundColor", "bg"],
2007
+ "props": ["backgroundColor", "bg", "background"],
1712
2008
  "replacement": "--bgColor-closed-emphasis"
1713
2009
  },
1714
2010
  {
@@ -1719,7 +2015,10 @@
1719
2015
  "borderRightColor",
1720
2016
  "borderBottomColor",
1721
2017
  "borderLeftColor",
1722
-
2018
+ "borderLeft",
2019
+ "borderRight",
2020
+ "borderBottom",
2021
+ "borderTop",
1723
2022
  "boxShadow"
1724
2023
  ],
1725
2024
  "replacement": "--borderColor-closed-emphasis"
@@ -1738,7 +2037,10 @@
1738
2037
  "borderRightColor",
1739
2038
  "borderBottomColor",
1740
2039
  "borderLeftColor",
1741
-
2040
+ "borderLeft",
2041
+ "borderRight",
2042
+ "borderBottom",
2043
+ "borderTop",
1742
2044
  "boxShadow"
1743
2045
  ],
1744
2046
  "replacement": "--borderColor-closed-muted"
@@ -1746,23 +2048,39 @@
1746
2048
  ],
1747
2049
  "--color-closed-subtle": [
1748
2050
  {
1749
- "props": ["backgroundColor", "bg"],
2051
+ "props": ["backgroundColor", "bg", "background"],
1750
2052
  "replacement": "--bgColor-closed-muted"
1751
2053
  }
1752
2054
  ],
1753
2055
  "--color-done-fg": [
1754
2056
  {
1755
- "props": ["color", "fill", "caretColor"],
2057
+ "props": ["color", "fill", "caretColor", "stroke"],
1756
2058
  "replacement": "--fgColor-done"
1757
2059
  },
1758
2060
  {
1759
- "props": ["backgroundColor", "bg"],
2061
+ "props": ["backgroundColor", "bg", "background"],
1760
2062
  "replacement": "--bgColor-done-emphasis"
2063
+ },
2064
+ {
2065
+ "props": [
2066
+ "border",
2067
+ "borderColor",
2068
+ "borderTopColor",
2069
+ "borderRightColor",
2070
+ "borderBottomColor",
2071
+ "borderLeftColor",
2072
+ "borderLeft",
2073
+ "borderRight",
2074
+ "borderBottom",
2075
+ "borderTop",
2076
+ "boxShadow"
2077
+ ],
2078
+ "replacement": "--borderColor-done-emphasis"
1761
2079
  }
1762
2080
  ],
1763
2081
  "--color-done-emphasis": [
1764
2082
  {
1765
- "props": ["backgroundColor", "bg"],
2083
+ "props": ["backgroundColor", "bg", "background"],
1766
2084
  "replacement": "--bgColor-done-emphasis"
1767
2085
  },
1768
2086
  {
@@ -1773,7 +2091,10 @@
1773
2091
  "borderRightColor",
1774
2092
  "borderBottomColor",
1775
2093
  "borderLeftColor",
1776
-
2094
+ "borderLeft",
2095
+ "borderRight",
2096
+ "borderBottom",
2097
+ "borderTop",
1777
2098
  "boxShadow"
1778
2099
  ],
1779
2100
  "replacement": "--borderColor-done-emphasis"
@@ -1792,35 +2113,54 @@
1792
2113
  "borderRightColor",
1793
2114
  "borderBottomColor",
1794
2115
  "borderLeftColor",
1795
-
2116
+ "borderLeft",
2117
+ "borderRight",
2118
+ "borderBottom",
2119
+ "borderTop",
1796
2120
  "boxShadow"
1797
2121
  ],
1798
2122
  "replacement": "--borderColor-done-muted"
1799
2123
  },
1800
2124
  {
1801
- "props": ["backgroundColor", "bg"],
2125
+ "props": ["backgroundColor", "bg", "background"],
1802
2126
  "replacement": "--bgColor-done-muted"
1803
2127
  }
1804
2128
  ],
1805
2129
  "--color-done-subtle": [
1806
2130
  {
1807
- "props": ["backgroundColor", "bg"],
2131
+ "props": ["backgroundColor", "bg", "background"],
1808
2132
  "replacement": "--bgColor-done-muted"
1809
2133
  }
1810
2134
  ],
1811
2135
  "--color-sponsors-fg": [
1812
2136
  {
1813
- "props": ["color", "fill", "caretColor"],
2137
+ "props": ["color", "fill", "caretColor", "stroke"],
1814
2138
  "replacement": "--fgColor-sponsors"
1815
2139
  },
1816
2140
  {
1817
- "props": ["backgroundColor", "bg"],
2141
+ "props": ["backgroundColor", "bg", "background"],
1818
2142
  "replacement": "--bgColor-sponsors-emphasis"
2143
+ },
2144
+ {
2145
+ "props": [
2146
+ "border",
2147
+ "borderColor",
2148
+ "borderTopColor",
2149
+ "borderRightColor",
2150
+ "borderBottomColor",
2151
+ "borderLeftColor",
2152
+ "borderLeft",
2153
+ "borderRight",
2154
+ "borderBottom",
2155
+ "borderTop",
2156
+ "boxShadow"
2157
+ ],
2158
+ "replacement": "--borderColor-sponsors-emphasis"
1819
2159
  }
1820
2160
  ],
1821
2161
  "--color-sponsors-emphasis": [
1822
2162
  {
1823
- "props": ["backgroundColor", "bg"],
2163
+ "props": ["backgroundColor", "bg", "background"],
1824
2164
  "replacement": "--bgColor-sponsors-emphasis"
1825
2165
  },
1826
2166
  {
@@ -1831,7 +2171,10 @@
1831
2171
  "borderRightColor",
1832
2172
  "borderBottomColor",
1833
2173
  "borderLeftColor",
1834
-
2174
+ "borderLeft",
2175
+ "borderRight",
2176
+ "borderBottom",
2177
+ "borderTop",
1835
2178
  "boxShadow"
1836
2179
  ],
1837
2180
  "replacement": "--borderColor-sponsors-emphasis"
@@ -1850,7 +2193,10 @@
1850
2193
  "borderRightColor",
1851
2194
  "borderBottomColor",
1852
2195
  "borderLeftColor",
1853
-
2196
+ "borderLeft",
2197
+ "borderRight",
2198
+ "borderBottom",
2199
+ "borderTop",
1854
2200
  "boxShadow"
1855
2201
  ],
1856
2202
  "replacement": "--borderColor-sponsors-muted"
@@ -1858,19 +2204,19 @@
1858
2204
  ],
1859
2205
  "--color-sponsors-subtle": [
1860
2206
  {
1861
- "props": ["backgroundColor", "bg"],
2207
+ "props": ["backgroundColor", "bg", "background"],
1862
2208
  "replacement": "--bgColor-sponsors-muted"
1863
2209
  }
1864
2210
  ],
1865
2211
  "--color-primer-fg-disabled": [
1866
2212
  {
1867
- "props": ["color", "fill", "caretColor"],
2213
+ "props": ["color", "fill", "caretColor", "stroke"],
1868
2214
  "replacement": "--fgColor-disabled"
1869
2215
  }
1870
2216
  ],
1871
2217
  "--color-primer-canvas-backdrop": [
1872
2218
  {
1873
- "props": ["backgroundColor", "bg"],
2219
+ "props": ["backgroundColor", "bg", "background"],
1874
2220
  "replacement": "--overlay-backdrop-bgColor"
1875
2221
  }
1876
2222
  ],
@@ -1883,6 +2229,10 @@
1883
2229
  "borderRightColor",
1884
2230
  "borderBottomColor",
1885
2231
  "borderLeftColor",
2232
+ "borderLeft",
2233
+ "borderRight",
2234
+ "borderBottom",
2235
+ "borderTop",
1886
2236
  "boxShadow",
1887
2237
  "backgroundColor",
1888
2238
  "bg"
@@ -1899,6 +2249,10 @@
1899
2249
  "borderRightColor",
1900
2250
  "borderBottomColor",
1901
2251
  "borderLeftColor",
2252
+ "borderLeft",
2253
+ "borderRight",
2254
+ "borderBottom",
2255
+ "borderTop",
1902
2256
  "boxShadow",
1903
2257
  "backgroundColor",
1904
2258
  "bg"