@primer/stylelint-config 12.7.0 → 12.7.1-rc.1402572

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.
@@ -0,0 +1,1446 @@
1
+ {
2
+ "--color-page-header-bg": [
3
+ {
4
+ "props": ["background"],
5
+ "replacement": "--page-header-bgColor"
6
+ }
7
+ ],
8
+ "--color-diff-blob-addition-num-text": [
9
+ {
10
+ "props": ["color", "fill"],
11
+ "replacement": "--diffBlob-addition-fgColor-num"
12
+ }
13
+ ],
14
+ "--color-diff-blob-addition-fg": [
15
+ {
16
+ "props": ["color", "fill"],
17
+ "replacement": "--diffBlob-addition-fgColor-text"
18
+ }
19
+ ],
20
+ "--color-diff-blob-addition-num-bg": [
21
+ {
22
+ "props": ["background"],
23
+ "replacement": "--diffBlob-addition-bgColor-num"
24
+ }
25
+ ],
26
+ "--color-diff-blob-addition-line-bg": [
27
+ {
28
+ "props": ["background"],
29
+ "replacement": "--diffBlob-addition-bgColor-line"
30
+ }
31
+ ],
32
+ "--color-diff-blob-addition-word-bg": [
33
+ {
34
+ "props": ["background"],
35
+ "replacement": "--diffBlob-addition-bgColor-word"
36
+ }
37
+ ],
38
+ "--color-diff-blob-deletion-num-text": [
39
+ {
40
+ "props": ["color", "fill"],
41
+ "replacement": "--diffBlob-deletion-fgColor-num"
42
+ }
43
+ ],
44
+ "--color-diff-blob-deletion-fg": [
45
+ {
46
+ "props": ["color", "fill"],
47
+ "replacement": "--diffBlob-deletion-fgColor-text"
48
+ }
49
+ ],
50
+ "--color-diff-blob-deletion-num-bg": [
51
+ {
52
+ "props": ["background"],
53
+ "replacement": "--diffBlob-deletion-bgColor-num"
54
+ }
55
+ ],
56
+ "--color-diff-blob-deletion-line-bg": [
57
+ {
58
+ "props": ["background"],
59
+ "replacement": "--diffBlob-deletion-bgColor-line"
60
+ }
61
+ ],
62
+ "--color-diff-blob-deletion-word-bg": [
63
+ {
64
+ "props": ["background"],
65
+ "replacement": "--diffBlob-deletion-bgColor-word"
66
+ }
67
+ ],
68
+ "--color-diff-blob-hunk-num-bg": [
69
+ {
70
+ "props": ["background"],
71
+ "replacement": "--diffBlob-hunk-bgColor-num"
72
+ }
73
+ ],
74
+ "--color-diff-blob-expander-icon": [
75
+ {
76
+ "props": ["color", "fill"],
77
+ "replacement": "--diffBlob-expander-iconColor"
78
+ }
79
+ ],
80
+ "--color-diffstat-deletion-border": [],
81
+ "--color-diffstat-addition-border": [],
82
+ "--color-diffstat-addition-bg": [
83
+ {
84
+ "props": ["background"],
85
+ "replacement": "--diffStat-addition-bgColor"
86
+ }
87
+ ],
88
+ "--color-search-keyword-hl": [
89
+ {
90
+ "props": ["background"],
91
+ "replacement": "--highlight-neutral-bgColor"
92
+ }
93
+ ],
94
+ "--color-codemirror-text": [
95
+ {
96
+ "props": ["color", "fill"],
97
+ "replacement": "--codeMirror-fgColor"
98
+ }
99
+ ],
100
+ "--color-codemirror-bg": [
101
+ {
102
+ "props": ["background"],
103
+ "replacement": "--codeMirror-bgColor"
104
+ }
105
+ ],
106
+ "--color-codemirror-gutters-bg": [
107
+ {
108
+ "props": ["background"],
109
+ "replacement": "--codeMirror-gutters-bgColor"
110
+ }
111
+ ],
112
+ "--color-codemirror-guttermarker-text": [
113
+ {
114
+ "props": ["color", "fill"],
115
+ "replacement": "--codeMirror-gutterMarker-fgColor-default"
116
+ }
117
+ ],
118
+ "--color-codemirror-guttermarker-subtle-text": [
119
+ {
120
+ "props": ["color", "fill"],
121
+ "replacement": "--codeMirror-gutterMarker-fgColor-muted"
122
+ }
123
+ ],
124
+ "--color-codemirror-linenumber-text": [
125
+ {
126
+ "props": ["color", "fill"],
127
+ "replacement": "--codeMirror-lineNumber-fgColor"
128
+ }
129
+ ],
130
+ "--color-codemirror-cursor": [
131
+ {
132
+ "props": ["color", "fill"],
133
+ "replacement": "--codeMirror-cursor-fgColor"
134
+ }
135
+ ],
136
+ "--color-codemirror-selection-bg": [
137
+ {
138
+ "props": ["background"],
139
+ "replacement": "--codeMirror-selection-bgColor"
140
+ }
141
+ ],
142
+ "--color-codemirror-activeline-bg": [
143
+ {
144
+ "props": ["background"],
145
+ "replacement": "--codeMirror-activeline-bgColor"
146
+ }
147
+ ],
148
+ "--color-codemirror-matchingbracket-text": [
149
+ {
150
+ "props": ["color", "fill"],
151
+ "replacement": "--codeMirror-matchingBracket-fgColor"
152
+ }
153
+ ],
154
+ "--color-codemirror-lines-bg": [
155
+ {
156
+ "props": ["background"],
157
+ "replacement": "--codeMirror-lines-bgColor"
158
+ }
159
+ ],
160
+ "--color-codemirror-syntax-comment": [
161
+ {
162
+ "props": ["color", "fill"],
163
+ "replacement": "--codeMirror-syntax-fgColor-comment"
164
+ }
165
+ ],
166
+ "--color-codemirror-syntax-constant": [
167
+ {
168
+ "props": ["color", "fill"],
169
+ "replacement": "--codeMirror-syntax-fgColor-constant"
170
+ }
171
+ ],
172
+ "--color-codemirror-syntax-entity": [
173
+ {
174
+ "props": ["color", "fill"],
175
+ "replacement": "--codeMirror-syntax-fgColor-entity"
176
+ }
177
+ ],
178
+ "--color-codemirror-syntax-keyword": [
179
+ {
180
+ "props": ["color", "fill"],
181
+ "replacement": "--codeMirror-syntax-fgColor-keyword"
182
+ }
183
+ ],
184
+ "--color-codemirror-syntax-storage": [
185
+ {
186
+ "props": ["color", "fill"],
187
+ "replacement": "--codeMirror-syntax-fgColor-storage"
188
+ }
189
+ ],
190
+ "--color-codemirror-syntax-string": [
191
+ {
192
+ "props": ["color", "fill"],
193
+ "replacement": "--codeMirror-syntax-fgColor-string"
194
+ }
195
+ ],
196
+ "--color-codemirror-syntax-support": [
197
+ {
198
+ "props": ["color", "fill"],
199
+ "replacement": "--codeMirror-syntax-fgColor-support"
200
+ }
201
+ ],
202
+ "--color-codemirror-syntax-variable": [
203
+ {
204
+ "props": ["color", "fill"],
205
+ "replacement": "--codeMirror-syntax-fgColor-variable"
206
+ }
207
+ ],
208
+ "--color-header-text": [
209
+ {
210
+ "props": ["color", "fill"],
211
+ "replacement": "--header-fgColor-default"
212
+ }
213
+ ],
214
+ "--color-header-bg": [
215
+ {
216
+ "props": ["background"],
217
+ "replacement": "--header-bgColor"
218
+ }
219
+ ],
220
+ "--color-header-divider": [
221
+ {
222
+ "props": ["border", "background", "color"],
223
+ "replacement": "--header-borderColor-divider"
224
+ }
225
+ ],
226
+ "--color-header-logo": [
227
+ {
228
+ "props": ["color", "fill"],
229
+ "replacement": "--header-fgColor-logo"
230
+ }
231
+ ],
232
+ "--color-header-search-bg": [
233
+ {
234
+ "props": ["background", "background-color"],
235
+ "replacement": "--headerSearch-bgColor"
236
+ }
237
+ ],
238
+ "--color-header-search-border": [
239
+ {
240
+ "props": ["border", "background"],
241
+ "replacement": "--headerSearch-borderColor"
242
+ }
243
+ ],
244
+ "--color-avatar-bg": [
245
+ {
246
+ "props": ["background"],
247
+ "replacement": "--avatar-bgColor"
248
+ }
249
+ ],
250
+ "--color-avatar-border": [
251
+ {
252
+ "props": ["border", "background", "box-shadow"],
253
+ "replacement": "--avatar-borderColor"
254
+ }
255
+ ],
256
+ "--color-avatar-stack-fade": [
257
+ {
258
+ "props": ["background"],
259
+ "replacement": "--avatarStack-fade-bgColor-default"
260
+ }
261
+ ],
262
+ "--color-avatar-stack-fade-more": [
263
+ {
264
+ "props": ["background"],
265
+ "replacement": "--avatarStack-fade-bgColor-muted"
266
+ }
267
+ ],
268
+ "--color-topic-tag-border": [
269
+ {
270
+ "props": ["border", "background"],
271
+ "replacement": "--topicTag-borderColor"
272
+ }
273
+ ],
274
+ "--color-counter-border": [
275
+ {
276
+ "props": ["border", "background"],
277
+ "replacement": "--counter-borderColor"
278
+ }
279
+ ],
280
+ "--color-select-menu-backdrop-border": [
281
+ {
282
+ "props": ["border", "background"],
283
+ "replacement": "--selectMenu-borderColor"
284
+ }
285
+ ],
286
+ "--color-select-menu-tap-highlight": [
287
+ {
288
+ "props": ["background"],
289
+ "replacement": "--control-bgColor-active"
290
+ }
291
+ ],
292
+ "--color-select-menu-tap-focus-bg": [
293
+ {
294
+ "props": ["background"],
295
+ "replacement": "--selectMenu-bgColor-active"
296
+ }
297
+ ],
298
+ "--color-sidenav-selected-bg": [
299
+ {
300
+ "props": ["background"],
301
+ "replacement": "--sideNav-bgColor-selected"
302
+ }
303
+ ],
304
+ "--color-menu-bg-active": [
305
+ {
306
+ "props": ["background"],
307
+ "replacement": "--menu-bgColor-active"
308
+ }
309
+ ],
310
+ "--color-input-disabled-bg": [
311
+ {
312
+ "props": ["background"],
313
+ "replacement": "--control-bgColor-disabled"
314
+ }
315
+ ],
316
+ "--color-timeline-badge-bg": [
317
+ {
318
+ "props": ["background"],
319
+ "replacement": "--timelineBadge-bgColor"
320
+ }
321
+ ],
322
+ "--color-btn-bg": [
323
+ {
324
+ "props": ["background"],
325
+ "replacement": "--button-default-bgColor-rest"
326
+ }
327
+ ],
328
+ "--color-btn-border": [
329
+ {
330
+ "props": ["border", "background"],
331
+ "replacement": "--button-default-borderColor-rest"
332
+ }
333
+ ],
334
+ "--color-btn-hover-bg": [
335
+ {
336
+ "props": ["background"],
337
+ "replacement": "--button-default-bgColor-hover"
338
+ }
339
+ ],
340
+ "--color-btn-hover-border": [
341
+ {
342
+ "props": ["border", "background"],
343
+ "replacement": "--button-default-borderColor-hover"
344
+ }
345
+ ],
346
+ "--color-btn-active-bg": [
347
+ {
348
+ "props": ["background"],
349
+ "replacement": "--button-default-bgColor-active"
350
+ }
351
+ ],
352
+ "--color-btn-active-border": [
353
+ {
354
+ "props": ["border", "background"],
355
+ "replacement": "--button-default-borderColor-active"
356
+ }
357
+ ],
358
+ "--color-btn-selected-bg": [
359
+ {
360
+ "props": ["background"],
361
+ "replacement": "--button-default-bgColor-selected"
362
+ }
363
+ ],
364
+ "--color-btn-counter-bg": [
365
+ {
366
+ "props": ["background"],
367
+ "replacement": "--buttonCounter-default-bgColor-rest"
368
+ }
369
+ ],
370
+ "--color-btn-primary-text": [
371
+ {
372
+ "props": ["color", "fill"],
373
+ "replacement": "--button-primary-fgColor-rest"
374
+ }
375
+ ],
376
+ "--color-btn-primary-bg": [
377
+ {
378
+ "props": ["background"],
379
+ "replacement": "--button-primary-bgColor-rest"
380
+ }
381
+ ],
382
+ "--color-btn-primary-border": [
383
+ {
384
+ "props": ["border", "background"],
385
+ "replacement": "--button-primary-borderColor-rest"
386
+ }
387
+ ],
388
+ "--color-btn-primary-hover-bg": [
389
+ {
390
+ "props": ["background"],
391
+ "replacement": "--button-primary-bgColor-hover"
392
+ }
393
+ ],
394
+ "--color-btn-primary-hover-border": [
395
+ {
396
+ "props": ["border", "background"],
397
+ "replacement": "--button-primary-borderColor-hover"
398
+ }
399
+ ],
400
+ "--color-btn-primary-selected-bg": [
401
+ {
402
+ "props": ["background"],
403
+ "replacement": "--button-primary-bgColor-active"
404
+ }
405
+ ],
406
+ "--color-btn-primary-disabled-text": [
407
+ {
408
+ "props": ["color", "fill"],
409
+ "replacement": "--button-primary-fgColor-disabled"
410
+ }
411
+ ],
412
+ "--color-btn-primary-disabled-bg": [
413
+ {
414
+ "props": ["background"],
415
+ "replacement": "--button-primary-bgColor-disabled"
416
+ }
417
+ ],
418
+ "--color-btn-primary-disabled-border": [
419
+ {
420
+ "props": ["border", "background"],
421
+ "replacement": "--button-primary-borderColor-disabled"
422
+ }
423
+ ],
424
+ "--color-btn-primary-icon": [
425
+ {
426
+ "props": ["color", "fill"],
427
+ "replacement": "--button-primary-iconColor-rest"
428
+ }
429
+ ],
430
+ "--color-btn-primary-counter-bg": [
431
+ {
432
+ "props": ["background"],
433
+ "replacement": "--buttonCounter-primary-bgColor-rest"
434
+ }
435
+ ],
436
+ "--color-btn-outline-text": [
437
+ {
438
+ "props": ["color", "fill"],
439
+ "replacement": "--button-outline-fgColor-rest"
440
+ }
441
+ ],
442
+ "--color-btn-outline-hover-text": [
443
+ {
444
+ "props": ["color", "fill"],
445
+ "replacement": "--button-outline-fgColor-hover"
446
+ }
447
+ ],
448
+ "--color-btn-outline-hover-bg": [
449
+ {
450
+ "props": ["background"],
451
+ "replacement": "--button-outline-bgColor-hover"
452
+ }
453
+ ],
454
+ "--color-btn-outline-hover-border": [
455
+ {
456
+ "props": ["border", "background"],
457
+ "replacement": "--button-outline-borderColor-hover"
458
+ }
459
+ ],
460
+ "--color-btn-outline-hover-counter-bg": [
461
+ {
462
+ "props": ["background"],
463
+ "replacement": "--buttonCounter-outline-bgColor-hover"
464
+ }
465
+ ],
466
+ "--color-btn-outline-selected-text": [
467
+ {
468
+ "props": ["color", "fill"],
469
+ "replacement": "--button-outline-fgColor-active"
470
+ }
471
+ ],
472
+ "--color-btn-outline-selected-bg": [
473
+ {
474
+ "props": ["background"],
475
+ "replacement": "--button-outline-bgColor-active"
476
+ }
477
+ ],
478
+ "--color-btn-outline-selected-border": [
479
+ {
480
+ "props": ["border", "background"],
481
+ "replacement": "--button-outline-borderColor-active"
482
+ }
483
+ ],
484
+ "--color-btn-outline-disabled-text": [
485
+ {
486
+ "props": ["color", "fill"],
487
+ "replacement": "--button-outline-fgColor-disabled"
488
+ }
489
+ ],
490
+ "--color-btn-outline-disabled-bg": [
491
+ {
492
+ "props": ["background"],
493
+ "replacement": "--button-outline-bgColor-disabled"
494
+ }
495
+ ],
496
+ "--color-btn-outline-disabled-counter-bg": [
497
+ {
498
+ "props": ["background"],
499
+ "replacement": "--buttonCounter-outline-bgColor-disabled"
500
+ }
501
+ ],
502
+ "--color-btn-outline-counter-bg": [
503
+ {
504
+ "props": ["background"],
505
+ "replacement": "--buttonCounter-outline-bgColor-rest"
506
+ }
507
+ ],
508
+ "--color-btn-danger-text": [
509
+ {
510
+ "props": ["color", "fill"],
511
+ "replacement": "--button-danger-fgColor-rest"
512
+ }
513
+ ],
514
+ "--color-btn-danger-hover-text": [
515
+ {
516
+ "props": ["color", "fill"],
517
+ "replacement": "--button-danger-fgColor-hover"
518
+ }
519
+ ],
520
+ "--color-btn-danger-hover-bg": [
521
+ {
522
+ "props": ["background"],
523
+ "replacement": "--button-danger-bgColor-hover"
524
+ }
525
+ ],
526
+ "--color-btn-danger-hover-border": [
527
+ {
528
+ "props": ["border", "background"],
529
+ "replacement": "--button-danger-borderColor-hover"
530
+ }
531
+ ],
532
+ "--color-btn-danger-hover-counter-bg": [
533
+ {
534
+ "props": ["background"],
535
+ "replacement": "--buttonCounter-danger-bgColor-hover"
536
+ }
537
+ ],
538
+ "--color-btn-danger-selected-text": [
539
+ {
540
+ "props": ["color", "fill"],
541
+ "replacement": "--button-danger-fgColor-active"
542
+ }
543
+ ],
544
+ "--color-btn-danger-selected-bg": [
545
+ {
546
+ "props": ["background"],
547
+ "replacement": "--button-danger-bgColor-active"
548
+ }
549
+ ],
550
+ "--color-btn-danger-selected-border": [
551
+ {
552
+ "props": ["border", "background"],
553
+ "replacement": "--button-danger-borderColor-active"
554
+ }
555
+ ],
556
+ "--color-btn-danger-disabled-text": [
557
+ {
558
+ "props": ["color", "fill"],
559
+ "replacement": "--button-danger-fgColor-disabled"
560
+ }
561
+ ],
562
+ "--color-btn-danger-disabled-bg": [
563
+ {
564
+ "props": ["background"],
565
+ "replacement": "--button-danger-bgColor-disabled"
566
+ }
567
+ ],
568
+ "--color-btn-danger-disabled-counter-bg": [
569
+ {
570
+ "props": ["background"],
571
+ "replacement": "--buttonCounter-danger-bgColor-disabled"
572
+ }
573
+ ],
574
+ "--color-btn-danger-counter-bg": [
575
+ {
576
+ "props": ["background"],
577
+ "replacement": "--buttonCounter-danger-bgColor-rest"
578
+ }
579
+ ],
580
+ "--color-btn-danger-icon": [
581
+ {
582
+ "props": ["color", "fill"],
583
+ "replacement": "--button-danger-iconColor-rest"
584
+ }
585
+ ],
586
+ "--color-btn-danger-hover-icon": [
587
+ {
588
+ "props": ["color", "fill"],
589
+ "replacement": "--button-danger-iconColor-hover"
590
+ }
591
+ ],
592
+ "--color-underlinenav-icon": [
593
+ {
594
+ "props": ["color", "fill"],
595
+ "replacement": "--underlineNav-iconColor-rest"
596
+ }
597
+ ],
598
+ "--color-underlinenav-border-hover": [
599
+ {
600
+ "props": ["border", "background"],
601
+ "replacement": "--underlineNav-borderColor-hover"
602
+ }
603
+ ],
604
+ "--color-action-list-item-inline-divider": [
605
+ {
606
+ "props": ["border", "background"],
607
+ "replacement": "--borderColor-muted"
608
+ }
609
+ ],
610
+ "--color-action-list-item-default-hover-bg": [
611
+ {
612
+ "props": ["background"],
613
+ "replacement": "--control-transparent-bgColor-hover"
614
+ }
615
+ ],
616
+ "--color-action-list-item-default-hover-border": [
617
+ {
618
+ "props": ["border", "background"],
619
+ "replacement": "--control-transparent-borderColor-hover"
620
+ }
621
+ ],
622
+ "--color-action-list-item-default-active-bg": [
623
+ {
624
+ "props": ["background"],
625
+ "replacement": "--control-transparent-bgColor-active"
626
+ }
627
+ ],
628
+ "--color-action-list-item-default-active-border": [
629
+ {
630
+ "props": ["border", "background"],
631
+ "replacement": "--control-transparent-borderColor-active"
632
+ }
633
+ ],
634
+ "--color-action-list-item-default-selected-bg": [
635
+ {
636
+ "props": ["background"],
637
+ "replacement": "--control-transparent-bgColor-selected"
638
+ }
639
+ ],
640
+ "--color-action-list-item-danger-hover-bg": [
641
+ {
642
+ "props": ["background"],
643
+ "replacement": "--control-danger-bgColor-hover"
644
+ }
645
+ ],
646
+ "--color-action-list-item-danger-active-bg": [
647
+ {
648
+ "props": ["background"],
649
+ "replacement": "--control-danger-bgColor-active"
650
+ }
651
+ ],
652
+ "--color-action-list-item-danger-hover-text": [
653
+ {
654
+ "props": ["color", "fill"],
655
+ "replacement": "--control-danger-fgColor-hover"
656
+ }
657
+ ],
658
+ "--color-switch-track-bg": [
659
+ {
660
+ "props": ["background"],
661
+ "replacement": "--controlTrack-bgColor-rest"
662
+ }
663
+ ],
664
+ "--color-switch-track-hover-bg": [
665
+ {
666
+ "props": ["background"],
667
+ "replacement": "--controlTrack-bgColor-hover"
668
+ }
669
+ ],
670
+ "--color-switch-track-active-bg": [
671
+ {
672
+ "props": ["background"],
673
+ "replacement": "--controlTrack-bgColor-active"
674
+ }
675
+ ],
676
+ "--color-switch-track-disabled-bg": [
677
+ {
678
+ "props": ["background"],
679
+ "replacement": "--controlTrack-bgColor-disabled"
680
+ }
681
+ ],
682
+ "--color-switch-track-fg": [
683
+ {
684
+ "props": ["color", "fill"],
685
+ "replacement": "--controlTrack-fgColor-rest"
686
+ }
687
+ ],
688
+ "--color-switch-track-disabled-fg": [
689
+ {
690
+ "props": ["color", "fill"],
691
+ "replacement": "--controlTrack-fgColor-disabled"
692
+ }
693
+ ],
694
+ "--color-switch-track-border": [
695
+ {
696
+ "props": ["border", "background"],
697
+ "replacement": "--controlTrack-borderColor-rest"
698
+ }
699
+ ],
700
+ "--color-switch-track-checked-bg": [
701
+ {
702
+ "props": ["background"],
703
+ "replacement": "--control-checked-bgColor-rest"
704
+ }
705
+ ],
706
+ "--color-switch-track-checked-hover-bg": [
707
+ {
708
+ "props": ["background"],
709
+ "replacement": "--control-checked-bgColor-hover"
710
+ }
711
+ ],
712
+ "--color-switch-track-checked-active-bg": [
713
+ {
714
+ "props": ["background"],
715
+ "replacement": "--control-checked-bgColor-active"
716
+ }
717
+ ],
718
+ "--color-switch-track-checked-fg": [
719
+ {
720
+ "props": ["color", "fill"],
721
+ "replacement": "--control-checked-fgColor-rest"
722
+ }
723
+ ],
724
+ "--color-switch-track-checked-disabled-fg": [
725
+ {
726
+ "props": ["color", "fill"],
727
+ "replacement": "--control-checked-fgColor-disabled"
728
+ }
729
+ ],
730
+ "--color-switch-track-checked-border": [
731
+ {
732
+ "props": ["border"],
733
+ "replacement": "--borderColor-transparent"
734
+ }
735
+ ],
736
+ "--color-switch-knob-bg": [
737
+ {
738
+ "props": ["background"],
739
+ "replacement": "--controlKnob-bgColor-rest"
740
+ }
741
+ ],
742
+ "--color-switch-knob-disabled-bg": [
743
+ {
744
+ "props": ["background"],
745
+ "replacement": "--controlKnob-bgColor-disabled"
746
+ }
747
+ ],
748
+ "--color-switch-knob-border": [
749
+ {
750
+ "props": ["border", "background"],
751
+ "replacement": "--controlKnob-borderColor-rest"
752
+ }
753
+ ],
754
+ "--color-switch-knob-checked-bg": [
755
+ {
756
+ "props": ["background"],
757
+ "replacement": "--controlKnob-bgColor-checked"
758
+ }
759
+ ],
760
+ "--color-switch-knob-checked-disabled-bg": [
761
+ {
762
+ "props": ["background"],
763
+ "replacement": "--controlKnob-bgColor-disabled"
764
+ }
765
+ ],
766
+ "--color-switch-knob-checked-border": [
767
+ {
768
+ "props": ["border", "background"],
769
+ "replacement": "--controlKnob-borderColor-checked"
770
+ }
771
+ ],
772
+ "--color-segmented-control-bg": [
773
+ {
774
+ "props": ["background"],
775
+ "replacement": "--controlTrack-bgColor-rest"
776
+ }
777
+ ],
778
+ "--color-segmented-control-button-bg": [
779
+ {
780
+ "props": ["background"],
781
+ "replacement": "--controlKnob-bgColor-rest"
782
+ }
783
+ ],
784
+ "--color-segmented-control-button-hover-bg": [
785
+ {
786
+ "props": ["background"],
787
+ "replacement": "--controlTrack-bgColor-hover"
788
+ }
789
+ ],
790
+ "--color-segmented-control-button-active-bg": [
791
+ {
792
+ "props": ["background"],
793
+ "replacement": "--controlTrack-bgColor-active"
794
+ }
795
+ ],
796
+ "--color-segmented-control-button-selected-border": [
797
+ {
798
+ "props": ["border", "background"],
799
+ "replacement": "--controlKnob-borderColor-rest"
800
+ }
801
+ ],
802
+ "--color-tree-view-item-chevron-hover-bg": [
803
+ {
804
+ "props": ["background"],
805
+ "replacement": "--control-transparent-bgColor-hover"
806
+ }
807
+ ],
808
+ "--color-tree-view-item-directory-fill": [
809
+ {
810
+ "props": ["background"],
811
+ "replacement": "--treeViewItem-leadingVisual-bgColor-rest"
812
+ }
813
+ ],
814
+ "--color-canvas-default-transparent": [
815
+ {
816
+ "props": ["background", "color"],
817
+ "replacement": "--bgColor-transparent"
818
+ },
819
+ {
820
+ "props": ["border"],
821
+ "replacement": "--borderColor-transparent"
822
+ }
823
+ ],
824
+ "--color-fg-default": [
825
+ {
826
+ "props": ["color", "fill"],
827
+ "replacement": "--fgColor-default"
828
+ },
829
+ {
830
+ "props": ["background"],
831
+ "replacement": "--fgColor-default"
832
+ }
833
+ ],
834
+ "--color-fg-muted": [
835
+ {
836
+ "props": ["color", "fill"],
837
+ "replacement": "--fgColor-muted"
838
+ },
839
+ {
840
+ "props": ["background"],
841
+ "replacement": "--bgColor-neutral-emphasis"
842
+ },
843
+ {
844
+ "props": ["border"],
845
+ "replacement": "--borderColor-neutral-emphasis"
846
+ }
847
+ ],
848
+ "--color-fg-subtle": [
849
+ {
850
+ "props": ["color", "fill"],
851
+ "replacement": "--fgColor-muted"
852
+ },
853
+ {
854
+ "props": ["border"],
855
+ "replacement": "--borderColor-neutral-emphasis"
856
+ }
857
+ ],
858
+ "--color-fg-on-emphasis": [
859
+ {
860
+ "props": ["color", "fill", "border"],
861
+ "replacement": "--fgColor-onEmphasis"
862
+ }
863
+ ],
864
+ "--color-canvas-default": [
865
+ {
866
+ "props": ["background", "border", "box-shadow", "fill", "stroke"],
867
+ "replacement": "--bgColor-default"
868
+ }
869
+ ],
870
+ "--color-canvas-overlay": [
871
+ {
872
+ "props": ["background"],
873
+ "replacement": "--overlay-bgColor"
874
+ }
875
+ ],
876
+ "--color-canvas-inset": [
877
+ {
878
+ "props": ["background"],
879
+ "replacement": "--bgColor-muted"
880
+ }
881
+ ],
882
+ "--color-canvas-subtle": [
883
+ {
884
+ "props": ["background", "fill", "border"],
885
+ "replacement": "--bgColor-muted"
886
+ }
887
+ ],
888
+ "--color-border-default": [
889
+ {
890
+ "props": ["border", "background", "box-shadow", "stroke", "outline", "fill"],
891
+ "replacement": "--borderColor-default"
892
+ }
893
+ ],
894
+ "--color-border-muted": [
895
+ {
896
+ "props": ["border", "background", "outline", "box-shadow", "stroke"],
897
+ "replacement": "--borderColor-muted"
898
+ }
899
+ ],
900
+ "--color-border-subtle": [
901
+ {
902
+ "props": ["border", "background", "outline"],
903
+ "replacement": "--borderColor-muted"
904
+ }
905
+ ],
906
+ "--color-neutral-emphasis-plus": [
907
+ {
908
+ "props": ["background", "border", "color", "stroke"],
909
+ "replacement": "--bgColor-emphasis"
910
+ }
911
+ ],
912
+ "--color-neutral-emphasis": [
913
+ {
914
+ "props": ["background"],
915
+ "replacement": "--bgColor-neutral-emphasis"
916
+ },
917
+ {
918
+ "props": ["border", "box-shadow"],
919
+ "replacement": "--borderColor-neutral-emphasis"
920
+ },
921
+ {
922
+ "props": ["color", "fill"],
923
+ "replacement": "--fgColor-neutral"
924
+ }
925
+ ],
926
+ "--color-neutral-muted": [
927
+ {
928
+ "props": ["border", "box-shadow"],
929
+ "replacement": "--borderColor-neutral-muted"
930
+ },
931
+ {
932
+ "props": ["background"],
933
+ "replacement": "--bgColor-neutral-muted"
934
+ }
935
+ ],
936
+ "--color-neutral-subtle": [
937
+ {
938
+ "props": ["background"],
939
+ "replacement": "--bgColor-neutral-muted"
940
+ },
941
+ {
942
+ "props": ["border", "box-shadow"],
943
+ "replacement": "--borderColor-neutral-muted"
944
+ }
945
+ ],
946
+ "--color-accent-fg": [
947
+ {
948
+ "props": ["color", "fill", "stroke"],
949
+ "replacement": "--fgColor-accent"
950
+ },
951
+ {
952
+ "props": ["border", "box-shadow"],
953
+ "replacement": "--borderColor-accent-emphasis"
954
+ },
955
+ {
956
+ "props": ["background"],
957
+ "replacement": "--bgColor-accent-emphasis"
958
+ },
959
+ {
960
+ "props": ["outline"],
961
+ "replacement": "--focus-outlineColor"
962
+ }
963
+ ],
964
+ "--color-accent-emphasis": [
965
+ {
966
+ "props": ["background"],
967
+ "replacement": "--bgColor-accent-emphasis"
968
+ },
969
+ {
970
+ "props": ["border", "box-shadow"],
971
+ "replacement": "--borderColor-accent-emphasis"
972
+ },
973
+ {
974
+ "props": ["color", "fill", "stroke"],
975
+ "replacement": "--fgColor-accent"
976
+ },
977
+ {
978
+ "props": ["outline"],
979
+ "replacement": "--focus-outlineColor"
980
+ }
981
+ ],
982
+ "--color-accent-muted": [
983
+ {
984
+ "props": ["border", "box-shadow"],
985
+ "replacement": "--borderColor-accent-muted"
986
+ },
987
+ {
988
+ "props": ["background"],
989
+ "replacement": "--bgColor-accent-muted"
990
+ }
991
+ ],
992
+ "--color-accent-subtle": [
993
+ {
994
+ "props": ["background"],
995
+ "replacement": "--bgColor-accent-muted"
996
+ },
997
+ {
998
+ "props": ["border", "box-shadow"],
999
+ "replacement": "--borderColor-accent-muted"
1000
+ }
1001
+ ],
1002
+ "--color-success-fg": [
1003
+ {
1004
+ "props": ["color", "fill", "stroke"],
1005
+ "replacement": "--fgColor-success"
1006
+ },
1007
+ {
1008
+ "props": ["background"],
1009
+ "replacement": "--bgColor-success-emphasis"
1010
+ }
1011
+ ],
1012
+ "--color-success-emphasis": [
1013
+ {
1014
+ "props": ["background"],
1015
+ "replacement": "--bgColor-success-emphasis"
1016
+ },
1017
+ {
1018
+ "props": ["border", "box-shadow"],
1019
+ "replacement": "--borderColor-success-emphasis"
1020
+ },
1021
+ {
1022
+ "props": ["color"],
1023
+ "replacement": "--fgColor-success"
1024
+ }
1025
+ ],
1026
+ "--color-success-muted": [
1027
+ {
1028
+ "props": ["border", "box-shadow"],
1029
+ "replacement": "--borderColor-success-muted"
1030
+ },
1031
+ {
1032
+ "props": ["background"],
1033
+ "replacement": "--bgColor-success-muted"
1034
+ }
1035
+ ],
1036
+ "--color-success-subtle": [
1037
+ {
1038
+ "props": ["background"],
1039
+ "replacement": "--bgColor-success-muted"
1040
+ }
1041
+ ],
1042
+ "--color-attention-fg": [
1043
+ {
1044
+ "props": ["color", "fill"],
1045
+ "replacement": "--fgColor-attention"
1046
+ },
1047
+ {
1048
+ "props": ["background"],
1049
+ "replacement": "--bgColor-attention-emphasis"
1050
+ }
1051
+ ],
1052
+ "--color-attention-emphasis": [
1053
+ {
1054
+ "props": ["background"],
1055
+ "replacement": "--bgColor-attention-emphasis"
1056
+ },
1057
+ {
1058
+ "props": ["border", "box-shadow"],
1059
+ "replacement": "--borderColor-attention-emphasis"
1060
+ },
1061
+ {
1062
+ "props": ["color", "fill"],
1063
+ "replacement": "--fgColor-attention"
1064
+ }
1065
+ ],
1066
+ "--color-attention-muted": [
1067
+ {
1068
+ "props": ["border", "box-shadow"],
1069
+ "replacement": "--borderColor-attention-muted"
1070
+ }
1071
+ ],
1072
+ "--color-attention-subtle": [
1073
+ {
1074
+ "props": ["background"],
1075
+ "replacement": "--bgColor-attention-muted"
1076
+ }
1077
+ ],
1078
+ "--color-severe-fg": [
1079
+ {
1080
+ "props": ["color", "fill"],
1081
+ "replacement": "--fgColor-severe"
1082
+ },
1083
+ {
1084
+ "props": ["background"],
1085
+ "replacement": "--bgColor-severe-emphasis"
1086
+ }
1087
+ ],
1088
+ "--color-severe-emphasis": [
1089
+ {
1090
+ "props": ["background"],
1091
+ "replacement": "--bgColor-severe-emphasis"
1092
+ },
1093
+ {
1094
+ "props": ["border", "box-shadow"],
1095
+ "replacement": "--borderColor-severe-emphasis"
1096
+ },
1097
+ {
1098
+ "props": ["color", "fill", "stroke"],
1099
+ "replacement": "--fgColor-severe"
1100
+ }
1101
+ ],
1102
+ "--color-severe-muted": [
1103
+ {
1104
+ "props": ["border", "box-shadow"],
1105
+ "replacement": "--borderColor-severe-muted"
1106
+ }
1107
+ ],
1108
+ "--color-severe-subtle": [
1109
+ {
1110
+ "props": ["background"],
1111
+ "replacement": "--bgColor-severe-muted"
1112
+ }
1113
+ ],
1114
+ "--color-danger-fg": [
1115
+ {
1116
+ "props": ["color", "fill"],
1117
+ "replacement": "--fgColor-danger"
1118
+ },
1119
+ {
1120
+ "props": ["background"],
1121
+ "replacement": "--bgColor-danger-emphasis"
1122
+ }
1123
+ ],
1124
+ "--color-danger-emphasis": [
1125
+ {
1126
+ "props": ["background"],
1127
+ "replacement": "--bgColor-danger-emphasis"
1128
+ },
1129
+ {
1130
+ "props": ["border", "box-shadow", "outline"],
1131
+ "replacement": "--borderColor-danger-emphasis"
1132
+ },
1133
+ {
1134
+ "props": ["color", "fill"],
1135
+ "replacement": "--fgColor-danger"
1136
+ }
1137
+ ],
1138
+ "--color-danger-muted": [
1139
+ {
1140
+ "props": ["border", "box-shadow"],
1141
+ "replacement": "--borderColor-danger-muted"
1142
+ },
1143
+ {
1144
+ "props": ["background"],
1145
+ "replacement": "--bgColor-danger-muted"
1146
+ }
1147
+ ],
1148
+ "--color-danger-subtle": [
1149
+ {
1150
+ "props": ["background"],
1151
+ "replacement": "--bgColor-danger-muted"
1152
+ }
1153
+ ],
1154
+ "--color-open-fg": [
1155
+ {
1156
+ "props": ["color", "fill"],
1157
+ "replacement": "--fgColor-open"
1158
+ },
1159
+ {
1160
+ "props": ["background"],
1161
+ "replacement": "--bgColor-open-emphasis"
1162
+ }
1163
+ ],
1164
+ "--color-open-emphasis": [
1165
+ {
1166
+ "props": ["background"],
1167
+ "replacement": "--bgColor-open-emphasis"
1168
+ },
1169
+ {
1170
+ "props": ["border", "box-shadow"],
1171
+ "replacement": "--borderColor-open-emphasis"
1172
+ },
1173
+ {
1174
+ "props": ["color"],
1175
+ "replacement": "--fgColor-open"
1176
+ }
1177
+ ],
1178
+ "--color-open-muted": [
1179
+ {
1180
+ "props": ["border", "box-shadow"],
1181
+ "replacement": "--borderColor-open-muted"
1182
+ }
1183
+ ],
1184
+ "--color-open-subtle": [
1185
+ {
1186
+ "props": ["background"],
1187
+ "replacement": "--bgColor-open-muted"
1188
+ }
1189
+ ],
1190
+ "--color-closed-fg": [
1191
+ {
1192
+ "props": ["color", "fill"],
1193
+ "replacement": "--fgColor-closed"
1194
+ },
1195
+ {
1196
+ "props": ["background"],
1197
+ "replacement": "--bgColor-closed-emphasis"
1198
+ }
1199
+ ],
1200
+ "--color-closed-emphasis": [
1201
+ {
1202
+ "props": ["background"],
1203
+ "replacement": "--bgColor-closed-emphasis"
1204
+ },
1205
+ {
1206
+ "props": ["border", "box-shadow"],
1207
+ "replacement": "--borderColor-closed-emphasis"
1208
+ },
1209
+ {
1210
+ "props": ["color"],
1211
+ "replacement": "--fgColor-closed"
1212
+ }
1213
+ ],
1214
+ "--color-closed-muted": [
1215
+ {
1216
+ "props": ["border", "box-shadow"],
1217
+ "replacement": "--borderColor-closed-muted"
1218
+ }
1219
+ ],
1220
+ "--color-closed-subtle": [
1221
+ {
1222
+ "props": ["background"],
1223
+ "replacement": "--bgColor-closed-muted"
1224
+ }
1225
+ ],
1226
+ "--color-done-fg": [
1227
+ {
1228
+ "props": ["color", "fill"],
1229
+ "replacement": "--fgColor-done"
1230
+ },
1231
+ {
1232
+ "props": ["background"],
1233
+ "replacement": "--bgColor-done-emphasis"
1234
+ }
1235
+ ],
1236
+ "--color-done-emphasis": [
1237
+ {
1238
+ "props": ["background"],
1239
+ "replacement": "--bgColor-done-emphasis"
1240
+ },
1241
+ {
1242
+ "props": ["border", "box-shadow"],
1243
+ "replacement": "--borderColor-done-emphasis"
1244
+ },
1245
+ {
1246
+ "props": ["color", "fill", "stroke"],
1247
+ "replacement": "--fgColor-done"
1248
+ }
1249
+ ],
1250
+ "--color-done-muted": [
1251
+ {
1252
+ "props": ["border", "box-shadow"],
1253
+ "replacement": "--borderColor-done-muted"
1254
+ },
1255
+ {
1256
+ "props": ["background"],
1257
+ "replacement": "--bgColor-done-muted"
1258
+ }
1259
+ ],
1260
+ "--color-done-subtle": [
1261
+ {
1262
+ "props": ["background"],
1263
+ "replacement": "--bgColor-done-muted"
1264
+ }
1265
+ ],
1266
+ "--color-sponsors-fg": [
1267
+ {
1268
+ "props": ["color", "fill"],
1269
+ "replacement": "--fgColor-sponsors"
1270
+ },
1271
+ {
1272
+ "props": ["background"],
1273
+ "replacement": "--bgColor-sponsors-emphasis"
1274
+ }
1275
+ ],
1276
+ "--color-sponsors-emphasis": [
1277
+ {
1278
+ "props": ["background"],
1279
+ "replacement": "--bgColor-sponsors-emphasis"
1280
+ },
1281
+ {
1282
+ "props": ["border", "box-shadow"],
1283
+ "replacement": "--borderColor-sponsors-emphasis"
1284
+ },
1285
+ {
1286
+ "props": ["color"],
1287
+ "replacement": "--fgColor-sponsors"
1288
+ }
1289
+ ],
1290
+ "--color-sponsors-muted": [
1291
+ {
1292
+ "props": ["border", "box-shadow"],
1293
+ "replacement": "--borderColor-sponsors-muted"
1294
+ }
1295
+ ],
1296
+ "--color-sponsors-subtle": [
1297
+ {
1298
+ "props": ["background"],
1299
+ "replacement": "--bgColor-sponsors-muted"
1300
+ }
1301
+ ],
1302
+ "--color-primer-fg-disabled": [
1303
+ {
1304
+ "props": ["color", "fill"],
1305
+ "replacement": "--fgColor-disabled"
1306
+ }
1307
+ ],
1308
+ "--color-primer-canvas-backdrop": [
1309
+ {
1310
+ "props": ["background"],
1311
+ "replacement": "--overlay-backdrop-bgColor"
1312
+ }
1313
+ ],
1314
+ "--color-primer-border-active": [
1315
+ {
1316
+ "props": ["border", "background"],
1317
+ "replacement": "--underlineNav-borderColor-active"
1318
+ }
1319
+ ],
1320
+ "--color-primer-border-contrast": [
1321
+ {
1322
+ "props": ["border", "background"],
1323
+ "replacement": "--borderColor-muted"
1324
+ }
1325
+ ],
1326
+ "--color-avatar-child-shadow": [
1327
+ {
1328
+ "props": ["box-shadow"],
1329
+ "replacement": "--avatar-shadow"
1330
+ }
1331
+ ],
1332
+ "--color-btn-text": [
1333
+ {
1334
+ "props": ["color"],
1335
+ "replacement": "--button-default-fgColor-rest"
1336
+ }
1337
+ ],
1338
+ "--color-btn-shadow": [
1339
+ {
1340
+ "props": ["box-shadow"],
1341
+ "replacement": "--button-default-shadow-resting"
1342
+ }
1343
+ ],
1344
+ "--color-btn-inset-shadow": [
1345
+ {
1346
+ "props": ["box-shadow"],
1347
+ "replacement": "--button-default-shadow-inset"
1348
+ }
1349
+ ],
1350
+ "--color-btn-primary-shadow": [
1351
+ {
1352
+ "props": ["box-shadow"],
1353
+ "replacement": "--shadow-resting-small"
1354
+ }
1355
+ ],
1356
+ "--color-btn-primary-inset-shadow": [
1357
+ {
1358
+ "props": ["box-shadow"],
1359
+ "replacement": "--shadow-highlight"
1360
+ }
1361
+ ],
1362
+ "--color-btn-primary-selected-shadow": [
1363
+ {
1364
+ "props": ["box-shadow"],
1365
+ "replacement": "--button-primary-shadow-selected"
1366
+ }
1367
+ ],
1368
+ "--color-btn-outline-hover-shadow": [
1369
+ {
1370
+ "props": ["box-shadow"],
1371
+ "replacement": "--shadow-resting-small"
1372
+ }
1373
+ ],
1374
+ "--color-btn-outline-hover-inset-shadow": [
1375
+ {
1376
+ "props": ["box-shadow"],
1377
+ "replacement": "--shadow-highlight"
1378
+ }
1379
+ ],
1380
+ "--color-btn-outline-selected-shadow": [
1381
+ {
1382
+ "props": ["box-shadow"],
1383
+ "replacement": "--button-outline-shadow-selected"
1384
+ }
1385
+ ],
1386
+ "--color-btn-danger-hover-shadow": [
1387
+ {
1388
+ "props": ["box-shadow"],
1389
+ "replacement": "--shadow-resting-small"
1390
+ }
1391
+ ],
1392
+ "--color-btn-danger-hover-inset-shadow": [
1393
+ {
1394
+ "props": ["box-shadow"],
1395
+ "replacement": "--shadow-highlight"
1396
+ }
1397
+ ],
1398
+ "--color-btn-danger-selected-shadow": [
1399
+ {
1400
+ "props": ["box-shadow"],
1401
+ "replacement": "--button-danger-shadow-selected"
1402
+ }
1403
+ ],
1404
+ "--color-overlay-shadow": [
1405
+ {
1406
+ "props": ["box-shadow"],
1407
+ "replacement": "--shadow-floating-small"
1408
+ }
1409
+ ],
1410
+ "--color-primer-shadow-highlight": [
1411
+ {
1412
+ "props": ["box-shadow"],
1413
+ "replacement": "--shadow-highlight"
1414
+ }
1415
+ ],
1416
+ "--color-primer-shadow-inset": [
1417
+ {
1418
+ "props": ["box-shadow"],
1419
+ "replacement": "--shadow-inset"
1420
+ }
1421
+ ],
1422
+ "--color-shadow-small": [
1423
+ {
1424
+ "props": ["box-shadow"],
1425
+ "replacement": "--shadow-resting-small"
1426
+ }
1427
+ ],
1428
+ "--color-shadow-medium": [
1429
+ {
1430
+ "props": ["box-shadow"],
1431
+ "replacement": "--shadow-resting-medium"
1432
+ }
1433
+ ],
1434
+ "--color-shadow-large": [
1435
+ {
1436
+ "props": ["box-shadow"],
1437
+ "replacement": "--shadow-floating-large"
1438
+ }
1439
+ ],
1440
+ "--color-shadow-extra-large": [
1441
+ {
1442
+ "props": ["box-shadow"],
1443
+ "replacement": "--shadow-floating-xlarge"
1444
+ }
1445
+ ]
1446
+ }