@primer/primitives 10.5.0 → 10.5.1-rc.aa2b8f62

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 (29) hide show
  1. package/README.md +4 -4
  2. package/dist/css/functional/themes/dark-high-contrast.css +4 -4
  3. package/dist/css/functional/themes/light-high-contrast.css +4 -4
  4. package/dist/docs/functional/themes/dark-colorblind.json +28 -2
  5. package/dist/docs/functional/themes/dark-dimmed.json +28 -2
  6. package/dist/docs/functional/themes/dark-high-contrast.json +32 -6
  7. package/dist/docs/functional/themes/dark-tritanopia.json +28 -2
  8. package/dist/docs/functional/themes/dark.json +28 -2
  9. package/dist/docs/functional/themes/light-colorblind.json +28 -2
  10. package/dist/docs/functional/themes/light-high-contrast.json +35 -7
  11. package/dist/docs/functional/themes/light-tritanopia.json +28 -2
  12. package/dist/docs/functional/themes/light.json +28 -2
  13. package/dist/figma/themes/dark-high-contrast.json +7 -7
  14. package/dist/figma/themes/light-high-contrast.json +8 -7
  15. package/dist/internalCss/dark-high-contrast.css +4 -4
  16. package/dist/internalCss/light-high-contrast.css +4 -4
  17. package/dist/styleLint/functional/themes/dark-colorblind.json +28 -2
  18. package/dist/styleLint/functional/themes/dark-dimmed.json +28 -2
  19. package/dist/styleLint/functional/themes/dark-high-contrast.json +32 -6
  20. package/dist/styleLint/functional/themes/dark-tritanopia.json +28 -2
  21. package/dist/styleLint/functional/themes/dark.json +28 -2
  22. package/dist/styleLint/functional/themes/light-colorblind.json +28 -2
  23. package/dist/styleLint/functional/themes/light-high-contrast.json +35 -7
  24. package/dist/styleLint/functional/themes/light-tritanopia.json +28 -2
  25. package/dist/styleLint/functional/themes/light.json +28 -2
  26. package/package.json +1 -1
  27. package/src/tokens/component/button.json5 +4 -0
  28. package/src/tokens/functional/color/borderColor.json5 +1 -1
  29. package/src/tokens/functional/color/control.json5 +56 -157
package/src/tokens/functional/color/control.json5 CHANGED
@@ -8,9 +8,7 @@
8
8
  'org.primer.figma': {
9
9
  collection: 'mode',
10
10
  group: 'component',
11
- scopes: [
12
- 'bgColor',
13
- ],
11
+ scopes: ['bgColor'],
14
12
  },
15
13
  'org.primer.overrides': {
16
14
  dark: '{base.color.neutral.3}',
@@ -33,9 +31,7 @@
33
31
  'org.primer.figma': {
34
32
  collection: 'mode',
35
33
  group: 'component',
36
- scopes: [
37
- 'bgColor',
38
- ],
34
+ scopes: ['bgColor'],
39
35
  },
40
36
  'org.primer.overrides': {
41
37
  dark: '{base.color.neutral.4}',
@@ -58,9 +54,7 @@
58
54
  'org.primer.figma': {
59
55
  collection: 'mode',
60
56
  group: 'component',
61
- scopes: [
62
- 'bgColor',
63
- ],
57
+ scopes: ['bgColor'],
64
58
  },
65
59
  'org.primer.overrides': {
66
60
  dark: '{base.color.neutral.5}',
@@ -83,9 +77,7 @@
83
77
  'org.primer.figma': {
84
78
  collection: 'mode',
85
79
  group: 'component',
86
- scopes: [
87
- 'bgColor',
88
- ],
80
+ scopes: ['bgColor'],
89
81
  },
90
82
  'org.primer.overrides': {
91
83
  dark: '{bgColor.disabled}',
@@ -99,9 +91,7 @@
99
91
  'org.primer.figma': {
100
92
  collection: 'mode',
101
93
  group: 'component',
102
- scopes: [
103
- 'bgColor',
104
- ],
94
+ scopes: ['bgColor'],
105
95
  },
106
96
  'org.primer.overrides': {
107
97
  dark: '{control.bgColor.rest}',
@@ -117,9 +107,7 @@
117
107
  'org.primer.figma': {
118
108
  collection: 'mode',
119
109
  group: 'component',
120
- scopes: [
121
- 'fgColor',
122
- ],
110
+ scopes: ['fgColor'],
123
111
  },
124
112
  'org.primer.overrides': {
125
113
  dark: '{fgColor.default}',
@@ -133,9 +121,7 @@
133
121
  'org.primer.figma': {
134
122
  collection: 'mode',
135
123
  group: 'component',
136
- scopes: [
137
- 'fgColor',
138
- ],
124
+ scopes: ['fgColor'],
139
125
  },
140
126
  'org.primer.overrides': {
141
127
  dark: '{fgColor.muted}',
@@ -155,9 +141,7 @@
155
141
  'org.primer.figma': {
156
142
  collection: 'mode',
157
143
  group: 'component',
158
- scopes: [
159
- 'fgColor',
160
- ],
144
+ scopes: ['fgColor'],
161
145
  },
162
146
  'org.primer.overrides': {
163
147
  dark: '{fgColor.disabled}',
@@ -173,9 +157,7 @@
173
157
  'org.primer.figma': {
174
158
  collection: 'mode',
175
159
  group: 'component',
176
- scopes: [
177
- 'borderColor',
178
- ],
160
+ scopes: ['borderColor'],
179
161
  },
180
162
  'org.primer.overrides': {
181
163
  dark: '{borderColor.default}',
@@ -192,9 +174,7 @@
192
174
  'org.primer.figma': {
193
175
  collection: 'mode',
194
176
  group: 'component',
195
- scopes: [
196
- 'borderColor',
197
- ],
177
+ scopes: ['borderColor'],
198
178
  },
199
179
  'org.primer.overrides': {
200
180
  dark: '{borderColor.emphasis}',
@@ -211,9 +191,7 @@
211
191
  'org.primer.figma': {
212
192
  collection: 'mode',
213
193
  group: 'component',
214
- scopes: [
215
- 'borderColor',
216
- ],
194
+ scopes: ['borderColor'],
217
195
  },
218
196
  'org.primer.overrides': {
219
197
  dark: '{borderColor.disabled}',
@@ -231,9 +209,7 @@
231
209
  'org.primer.figma': {
232
210
  collection: 'mode',
233
211
  group: 'component',
234
- scopes: [
235
- 'borderColor',
236
- ],
212
+ scopes: ['borderColor'],
237
213
  },
238
214
  'org.primer.overrides': {
239
215
  dark: '{base.color.neutral.12}',
@@ -247,9 +223,7 @@
247
223
  'org.primer.figma': {
248
224
  collection: 'mode',
249
225
  group: 'component',
250
- scopes: [
251
- 'borderColor',
252
- ],
226
+ scopes: ['borderColor'],
253
227
  },
254
228
  'org.primer.overrides': {
255
229
  dark: '{borderColor.success.emphasis}',
@@ -263,9 +237,7 @@
263
237
  'org.primer.figma': {
264
238
  collection: 'mode',
265
239
  group: 'component',
266
- scopes: [
267
- 'borderColor',
268
- ],
240
+ scopes: ['borderColor'],
269
241
  },
270
242
  'org.primer.overrides': {
271
243
  dark: '{borderColor.danger.emphasis}',
@@ -279,9 +251,7 @@
279
251
  'org.primer.figma': {
280
252
  collection: 'mode',
281
253
  group: 'component',
282
- scopes: [
283
- 'borderColor',
284
- ],
254
+ scopes: ['borderColor'],
285
255
  },
286
256
  'org.primer.overrides': {
287
257
  dark: '{borderColor.attention.emphasis}',
@@ -297,9 +267,7 @@
297
267
  'org.primer.figma': {
298
268
  collection: 'mode',
299
269
  group: 'component',
300
- scopes: [
301
- 'fgColor',
302
- ],
270
+ scopes: ['fgColor'],
303
271
  },
304
272
  'org.primer.overrides': {
305
273
  dark: '{fgColor.muted}',
@@ -316,9 +284,7 @@
316
284
  'org.primer.figma': {
317
285
  collection: 'mode',
318
286
  group: 'component',
319
- scopes: [
320
- 'bgColor',
321
- ],
287
+ scopes: ['bgColor'],
322
288
  },
323
289
  'org.primer.overrides': {
324
290
  dark: '{base.color.transparent}',
@@ -332,9 +298,7 @@
332
298
  'org.primer.figma': {
333
299
  collection: 'mode',
334
300
  group: 'component',
335
- scopes: [
336
- 'bgColor',
337
- ],
301
+ scopes: ['bgColor'],
338
302
  },
339
303
  'org.primer.overrides': {
340
304
  dark: {
@@ -364,9 +328,7 @@
364
328
  'org.primer.figma': {
365
329
  collection: 'mode',
366
330
  group: 'component',
367
- scopes: [
368
- 'bgColor',
369
- ],
331
+ scopes: ['bgColor'],
370
332
  },
371
333
  'org.primer.overrides': {
372
334
  dark: {
@@ -396,9 +358,7 @@
396
358
  'org.primer.figma': {
397
359
  collection: 'mode',
398
360
  group: 'component',
399
- scopes: [
400
- 'bgColor',
401
- ],
361
+ scopes: ['bgColor'],
402
362
  },
403
363
  'org.primer.overrides': {
404
364
  dark: '{bgColor.disabled}',
@@ -412,9 +372,7 @@
412
372
  'org.primer.figma': {
413
373
  collection: 'mode',
414
374
  group: 'component',
415
- scopes: [
416
- 'bgColor',
417
- ],
375
+ scopes: ['bgColor'],
418
376
  },
419
377
  'org.primer.overrides': {
420
378
  dark: {
@@ -446,9 +404,7 @@
446
404
  'org.primer.figma': {
447
405
  collection: 'mode',
448
406
  group: 'component',
449
- scopes: [
450
- 'borderColor',
451
- ],
407
+ scopes: ['borderColor'],
452
408
  },
453
409
  'org.primer.overrides': {
454
410
  dark: '{base.color.transparent}',
@@ -462,9 +418,7 @@
462
418
  'org.primer.figma': {
463
419
  collection: 'mode',
464
420
  group: 'component',
465
- scopes: [
466
- 'borderColor',
467
- ],
421
+ scopes: ['borderColor'],
468
422
  },
469
423
  'org.primer.overrides': {
470
424
  dark: '{base.color.transparent}',
@@ -484,9 +438,7 @@
484
438
  'org.primer.figma': {
485
439
  collection: 'mode',
486
440
  group: 'component',
487
- scopes: [
488
- 'borderColor',
489
- ],
441
+ scopes: ['borderColor'],
490
442
  },
491
443
  'org.primer.overrides': {
492
444
  dark: '{base.color.transparent}',
@@ -510,9 +462,7 @@
510
462
  'org.primer.figma': {
511
463
  collection: 'mode',
512
464
  group: 'component',
513
- scopes: [
514
- 'fgColor',
515
- ],
465
+ scopes: ['fgColor'],
516
466
  },
517
467
  'org.primer.overrides': {
518
468
  dark: '{fgColor.danger}',
@@ -526,9 +476,7 @@
526
476
  'org.primer.figma': {
527
477
  collection: 'mode',
528
478
  group: 'component',
529
- scopes: [
530
- 'fgColor',
531
- ],
479
+ scopes: ['fgColor'],
532
480
  },
533
481
  'org.primer.overrides': {
534
482
  dark: '{base.color.red.3}',
@@ -536,6 +484,9 @@
536
484
  'light-high-contrast': {
537
485
  $value: '{fgColor.onEmphasis}',
538
486
  },
487
+ 'dark-high-contrast': {
488
+ $value: '{fgColor.onEmphasis}',
489
+ },
539
490
  },
540
491
  },
541
492
  },
@@ -548,9 +499,7 @@
548
499
  'org.primer.figma': {
549
500
  collection: 'mode',
550
501
  group: 'component',
551
- scopes: [
552
- 'bgColor',
553
- ],
502
+ scopes: ['bgColor'],
554
503
  },
555
504
  'org.primer.overrides': {
556
505
  dark: '{bgColor.danger.muted}',
@@ -571,9 +520,7 @@
571
520
  'org.primer.figma': {
572
521
  collection: 'mode',
573
522
  group: 'component',
574
- scopes: [
575
- 'bgColor',
576
- ],
523
+ scopes: ['bgColor'],
577
524
  },
578
525
  'org.primer.overrides': {
579
526
  light: {
@@ -605,9 +552,7 @@
605
552
  'org.primer.figma': {
606
553
  collection: 'mode',
607
554
  group: 'component',
608
- scopes: [
609
- 'bgColor',
610
- ],
555
+ scopes: ['bgColor'],
611
556
  },
612
557
  'org.primer.overrides': {
613
558
  dark: '{bgColor.accent.emphasis}',
@@ -621,9 +566,7 @@
621
566
  'org.primer.figma': {
622
567
  collection: 'mode',
623
568
  group: 'component',
624
- scopes: [
625
- 'bgColor',
626
- ],
569
+ scopes: ['bgColor'],
627
570
  },
628
571
  'org.primer.overrides': {
629
572
  dark: '#2A7AEF',
@@ -646,9 +589,7 @@
646
589
  'org.primer.figma': {
647
590
  collection: 'mode',
648
591
  group: 'component',
649
- scopes: [
650
- 'bgColor',
651
- ],
592
+ scopes: ['bgColor'],
652
593
  },
653
594
  'org.primer.overrides': {
654
595
  dark: '#3685F3',
@@ -671,9 +612,7 @@
671
612
  'org.primer.figma': {
672
613
  collection: 'mode',
673
614
  group: 'component',
674
- scopes: [
675
- 'bgColor',
676
- ],
615
+ scopes: ['bgColor'],
677
616
  },
678
617
  'org.primer.overrides': {
679
618
  dark: '{fgColor.disabled}',
@@ -689,9 +628,7 @@
689
628
  'org.primer.figma': {
690
629
  collection: 'mode',
691
630
  group: 'component',
692
- scopes: [
693
- 'fgColor',
694
- ],
631
+ scopes: ['fgColor'],
695
632
  },
696
633
  'org.primer.overrides': {
697
634
  dark: '{fgColor.onEmphasis}',
@@ -705,9 +642,7 @@
705
642
  'org.primer.figma': {
706
643
  collection: 'mode',
707
644
  group: 'component',
708
- scopes: [
709
- 'fgColor',
710
- ],
645
+ scopes: ['fgColor'],
711
646
  },
712
647
  'org.primer.overrides': {
713
648
  dark: '{base.color.inset}',
@@ -723,9 +658,7 @@
723
658
  'org.primer.figma': {
724
659
  collection: 'mode',
725
660
  group: 'component',
726
- scopes: [
727
- 'borderColor',
728
- ],
661
+ scopes: ['borderColor'],
729
662
  },
730
663
  'org.primer.overrides': {
731
664
  dark: '{control.checked.bgColor.rest}',
@@ -742,9 +675,7 @@
742
675
  'org.primer.figma': {
743
676
  collection: 'mode',
744
677
  group: 'component',
745
- scopes: [
746
- 'borderColor',
747
- ],
678
+ scopes: ['borderColor'],
748
679
  },
749
680
  'org.primer.overrides': {
750
681
  dark: '{control.checked.bgColor.hover}',
@@ -767,9 +698,7 @@
767
698
  'org.primer.figma': {
768
699
  collection: 'mode',
769
700
  group: 'component',
770
- scopes: [
771
- 'borderColor',
772
- ],
701
+ scopes: ['borderColor'],
773
702
  },
774
703
  'org.primer.overrides': {
775
704
  dark: '{control.checked.bgColor.active}',
@@ -792,9 +721,7 @@
792
721
  'org.primer.figma': {
793
722
  collection: 'mode',
794
723
  group: 'component',
795
- scopes: [
796
- 'borderColor',
797
- ],
724
+ scopes: ['borderColor'],
798
725
  },
799
726
  'org.primer.overrides': {
800
727
  dark: '{control.checked.bgColor.disabled}',
@@ -813,9 +740,7 @@
813
740
  'org.primer.figma': {
814
741
  collection: 'mode',
815
742
  group: 'component (internal)',
816
- scopes: [
817
- 'bgColor',
818
- ],
743
+ scopes: ['bgColor'],
819
744
  },
820
745
  'org.primer.overrides': {
821
746
  dark: '{base.color.neutral.4}',
@@ -838,9 +763,7 @@
838
763
  'org.primer.figma': {
839
764
  collection: 'mode',
840
765
  group: 'component (internal)',
841
- scopes: [
842
- 'bgColor',
843
- ],
766
+ scopes: ['bgColor'],
844
767
  },
845
768
  'org.primer.overrides': {
846
769
  dark: '{base.color.neutral.5}',
@@ -863,9 +786,7 @@
863
786
  'org.primer.figma': {
864
787
  collection: 'mode',
865
788
  group: 'component (internal)',
866
- scopes: [
867
- 'bgColor',
868
- ],
789
+ scopes: ['bgColor'],
869
790
  },
870
791
  'org.primer.overrides': {
871
792
  dark: '{base.color.neutral.6}',
@@ -888,9 +809,7 @@
888
809
  'org.primer.figma': {
889
810
  collection: 'mode',
890
811
  group: 'component (internal)',
891
- scopes: [
892
- 'bgColor',
893
- ],
812
+ scopes: ['bgColor'],
894
813
  },
895
814
  'org.primer.overrides': {
896
815
  dark: '{fgColor.disabled}',
@@ -906,9 +825,7 @@
906
825
  'org.primer.figma': {
907
826
  collection: 'mode',
908
827
  group: 'component (internal)',
909
- scopes: [
910
- 'fgColor',
911
- ],
828
+ scopes: ['fgColor'],
912
829
  },
913
830
  'org.primer.overrides': {
914
831
  dark: '{fgColor.muted}',
@@ -925,9 +842,7 @@
925
842
  'org.primer.figma': {
926
843
  collection: 'mode',
927
844
  group: 'component (internal)',
928
- scopes: [
929
- 'fgColor',
930
- ],
845
+ scopes: ['fgColor'],
931
846
  },
932
847
  'org.primer.overrides': {
933
848
  dark: '{fgColor.onEmphasis}',
@@ -943,9 +858,7 @@
943
858
  'org.primer.figma': {
944
859
  collection: 'mode',
945
860
  group: 'component (internal)',
946
- scopes: [
947
- 'borderColor',
948
- ],
861
+ scopes: ['borderColor'],
949
862
  },
950
863
  'org.primer.overrides': {
951
864
  dark: '{borderColor.default}',
@@ -968,9 +881,7 @@
968
881
  'org.primer.figma': {
969
882
  collection: 'mode',
970
883
  group: 'component (internal)',
971
- scopes: [
972
- 'borderColor',
973
- ],
884
+ scopes: ['borderColor'],
974
885
  },
975
886
  'org.primer.overrides': {
976
887
  dark: '{fgColor.disabled}',
@@ -988,9 +899,7 @@
988
899
  'org.primer.figma': {
989
900
  collection: 'mode',
990
901
  group: 'component (internal)',
991
- scopes: [
992
- 'bgColor',
993
- ],
902
+ scopes: ['bgColor'],
994
903
  },
995
904
  'org.primer.overrides': {
996
905
  dark: '{bgColor.inset}',
@@ -1007,9 +916,7 @@
1007
916
  'org.primer.figma': {
1008
917
  collection: 'mode',
1009
918
  group: 'component (internal)',
1010
- scopes: [
1011
- 'bgColor',
1012
- ],
919
+ scopes: ['bgColor'],
1013
920
  },
1014
921
  'org.primer.overrides': {
1015
922
  dark: '{control.bgColor.disabled}',
@@ -1023,9 +930,7 @@
1023
930
  'org.primer.figma': {
1024
931
  collection: 'mode',
1025
932
  group: 'component (internal)',
1026
- scopes: [
1027
- 'bgColor',
1028
- ],
933
+ scopes: ['bgColor'],
1029
934
  },
1030
935
  'org.primer.overrides': {
1031
936
  dark: '{base.color.neutral.13}',
@@ -1041,9 +946,7 @@
1041
946
  'org.primer.figma': {
1042
947
  collection: 'mode',
1043
948
  group: 'component (internal)',
1044
- scopes: [
1045
- 'borderColor',
1046
- ],
949
+ scopes: ['borderColor'],
1047
950
  },
1048
951
  'org.primer.overrides': {
1049
952
  dark: '{control.borderColor.emphasis}',
@@ -1057,9 +960,7 @@
1057
960
  'org.primer.figma': {
1058
961
  collection: 'mode',
1059
962
  group: 'component (internal)',
1060
- scopes: [
1061
- 'borderColor',
1062
- ],
963
+ scopes: ['borderColor'],
1063
964
  },
1064
965
  'org.primer.overrides': {
1065
966
  dark: '{control.bgColor.disabled}',
@@ -1073,9 +974,7 @@
1073
974
  'org.primer.figma': {
1074
975
  collection: 'mode',
1075
976
  group: 'component (internal)',
1076
- scopes: [
1077
- 'borderColor',
1078
- ],
977
+ scopes: ['borderColor'],
1079
978
  },
1080
979
  'org.primer.overrides': {
1081
980
  dark: '{control.checked.bgColor.rest}',
@@ -1084,4 +983,4 @@
1084
983
  },
1085
984
  },
1086
985
  },
1087
- }
986
+ }