@primer/primitives 10.4.0-rc.a7bc1307 → 10.4.0-rc.ba0fa656

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 (86) hide show
  1. package/dist/build/schemas/shadowToken.d.ts +1992 -0
  2. package/dist/build/schemas/shadowToken.js +27 -0
  3. package/dist/css/functional/themes/dark-colorblind.css +6 -6
  4. package/dist/css/functional/themes/dark-dimmed.css +6 -6
  5. package/dist/css/functional/themes/dark-high-contrast.css +6 -6
  6. package/dist/css/functional/themes/dark-tritanopia.css +6 -6
  7. package/dist/css/functional/themes/dark.css +6 -6
  8. package/dist/css/functional/themes/light-colorblind.css +6 -6
  9. package/dist/css/functional/themes/light-high-contrast.css +6 -6
  10. package/dist/css/functional/themes/light-tritanopia.css +6 -6
  11. package/dist/css/functional/themes/light.css +6 -6
  12. package/dist/css/primitives.css +0 -6
  13. package/dist/docs/functional/themes/dark-colorblind.json +6079 -260
  14. package/dist/docs/functional/themes/dark-dimmed.json +6079 -260
  15. package/dist/docs/functional/themes/dark-high-contrast.json +6957 -340
  16. package/dist/docs/functional/themes/dark-tritanopia.json +6079 -260
  17. package/dist/docs/functional/themes/dark.json +6079 -260
  18. package/dist/docs/functional/themes/light-colorblind.json +5990 -263
  19. package/dist/docs/functional/themes/light-high-contrast.json +7927 -480
  20. package/dist/docs/functional/themes/light-tritanopia.json +5990 -263
  21. package/dist/docs/functional/themes/light.json +5990 -263
  22. package/dist/figma/figma.json +1 -10
  23. package/dist/figma/themes/dark-colorblind.json +4804 -4804
  24. package/dist/figma/themes/dark-dimmed.json +4790 -4790
  25. package/dist/figma/themes/dark-high-contrast.json +5944 -5032
  26. package/dist/figma/themes/dark-tritanopia.json +4799 -4799
  27. package/dist/figma/themes/dark.json +5390 -5390
  28. package/dist/figma/themes/light-colorblind.json +4736 -4636
  29. package/dist/figma/themes/light-high-contrast.json +5968 -4704
  30. package/dist/figma/themes/light-tritanopia.json +4739 -4639
  31. package/dist/figma/themes/light.json +4753 -4653
  32. package/dist/internalCss/dark-colorblind.css +6 -6
  33. package/dist/internalCss/dark-dimmed.css +6 -6
  34. package/dist/internalCss/dark-high-contrast.css +6 -6
  35. package/dist/internalCss/dark-tritanopia.css +6 -6
  36. package/dist/internalCss/dark.css +6 -6
  37. package/dist/internalCss/light-colorblind.css +6 -6
  38. package/dist/internalCss/light-high-contrast.css +6 -6
  39. package/dist/internalCss/light-tritanopia.css +6 -6
  40. package/dist/internalCss/light.css +6 -6
  41. package/dist/styleLint/functional/themes/dark-colorblind.json +6079 -260
  42. package/dist/styleLint/functional/themes/dark-dimmed.json +6079 -260
  43. package/dist/styleLint/functional/themes/dark-high-contrast.json +6957 -340
  44. package/dist/styleLint/functional/themes/dark-tritanopia.json +6079 -260
  45. package/dist/styleLint/functional/themes/dark.json +6079 -260
  46. package/dist/styleLint/functional/themes/light-colorblind.json +5990 -263
  47. package/dist/styleLint/functional/themes/light-high-contrast.json +7927 -480
  48. package/dist/styleLint/functional/themes/light-tritanopia.json +5990 -263
  49. package/dist/styleLint/functional/themes/light.json +5990 -263
  50. package/package.json +1 -1
  51. package/src/tokens/component/avatar.json5 +33 -0
  52. package/src/tokens/component/button.json5 +312 -226
  53. package/src/tokens/component/header.json5 +3 -0
  54. package/src/tokens/component/label.json5 +1942 -0
  55. package/src/tokens/component/menu.json5 +24 -0
  56. package/src/tokens/component/overlay.json5 +1 -1
  57. package/src/tokens/component/selectMenu.json5 +38 -0
  58. package/src/tokens/component/sideNav.json5 +22 -0
  59. package/src/tokens/component/treeView.json5 +24 -0
  60. package/src/tokens/component/underlineNav.json5 +56 -0
  61. package/src/tokens/functional/color/display.json5 +2170 -0
  62. package/src/tokens/functional/color/selection.json5 +22 -0
  63. package/src/tokens/functional/shadow/shadow.json5 +478 -0
  64. package/dist/css/functional/motion/motion.css +0 -6
  65. package/dist/docs/functional/motion/motion.json +0 -66
  66. package/dist/fallbacks/functional/motion/motion.json +0 -6
  67. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  68. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  69. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  70. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  71. package/dist/figma/shadows/dark.json +0 -1152
  72. package/dist/figma/shadows/light-colorblind.json +0 -1052
  73. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  74. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  75. package/dist/figma/shadows/light.json +0 -1052
  76. package/dist/styleLint/functional/motion/motion.json +0 -66
  77. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  78. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -351
  79. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -1042
  80. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  81. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -467
  82. package/src/tokens/functional/color/light/patterns-light.json5 +0 -1042
  83. package/src/tokens/functional/motion/loading.json5 +0 -17
  84. package/src/tokens/functional/motion/patterns.json5 +0 -35
  85. package/src/tokens/functional/shadow/dark.json5 +0 -369
  86. package/src/tokens/functional/shadow/light.json5 +0 -406
package/src/tokens/component/button.json5 CHANGED
@@ -9,9 +9,7 @@
9
9
  'org.primer.figma': {
10
10
  collection: 'mode',
11
11
  group: 'component (internal)',
12
- scopes: [
13
- 'fgColor',
14
- ],
12
+ scopes: ['fgColor'],
15
13
  },
16
14
  'org.primer.overrides': {
17
15
  dark: {
@@ -29,9 +27,7 @@
29
27
  'org.primer.figma': {
30
28
  collection: 'mode',
31
29
  group: 'component (internal)',
32
- scopes: [
33
- 'bgColor',
34
- ],
30
+ scopes: ['bgColor'],
35
31
  },
36
32
  'org.primer.overrides': {
37
33
  dark: {
@@ -47,9 +43,7 @@
47
43
  'org.primer.figma': {
48
44
  collection: 'mode',
49
45
  group: 'component (internal)',
50
- scopes: [
51
- 'bgColor',
52
- ],
46
+ scopes: ['bgColor'],
53
47
  },
54
48
  'org.primer.overrides': {
55
49
  dark: {
@@ -65,9 +59,7 @@
65
59
  'org.primer.figma': {
66
60
  collection: 'mode',
67
61
  group: 'component (internal)',
68
- scopes: [
69
- 'bgColor',
70
- ],
62
+ scopes: ['bgColor'],
71
63
  },
72
64
  },
73
65
  },
@@ -78,9 +70,7 @@
78
70
  'org.primer.figma': {
79
71
  collection: 'mode',
80
72
  group: 'component (internal)',
81
- scopes: [
82
- 'bgColor',
83
- ],
73
+ scopes: ['bgColor'],
84
74
  },
85
75
  },
86
76
  },
@@ -98,9 +88,7 @@
98
88
  'org.primer.figma': {
99
89
  collection: 'mode',
100
90
  group: 'component (internal)',
101
- scopes: [
102
- 'borderColor',
103
- ],
91
+ scopes: ['borderColor'],
104
92
  },
105
93
  },
106
94
  },
@@ -111,9 +99,7 @@
111
99
  'org.primer.figma': {
112
100
  collection: 'mode',
113
101
  group: 'component (internal)',
114
- scopes: [
115
- 'borderColor',
116
- ],
102
+ scopes: ['borderColor'],
117
103
  },
118
104
  },
119
105
  },
@@ -124,9 +110,7 @@
124
110
  'org.primer.figma': {
125
111
  collection: 'mode',
126
112
  group: 'component (internal)',
127
- scopes: [
128
- 'borderColor',
129
- ],
113
+ scopes: ['borderColor'],
130
114
  },
131
115
  'org.primer.overrides': {
132
116
  dark: {
@@ -142,9 +126,7 @@
142
126
  'org.primer.figma': {
143
127
  collection: 'mode',
144
128
  group: 'component (internal)',
145
- scopes: [
146
- 'borderColor',
147
- ],
129
+ scopes: ['borderColor'],
148
130
  },
149
131
  'org.primer.overrides': {
150
132
  dark: {
@@ -154,6 +136,43 @@
154
136
  },
155
137
  },
156
138
  },
139
+ shadow: {
140
+ resting: {
141
+ $value: [
142
+ {
143
+ color: '{base.color.neutral.13}',
144
+ alpha: 0.04,
145
+ offsetX: '0px',
146
+ offsetY: '1px',
147
+ blur: '0px',
148
+ spread: '0px',
149
+ inset: false,
150
+ },
151
+ ],
152
+ $type: 'shadow',
153
+ $extensions: {
154
+ 'org.primer.figma': {
155
+ collection: 'mode',
156
+ group: 'component shadow',
157
+ },
158
+ 'org.primer.overrides': {
159
+ dark: {
160
+ $value: [
161
+ {
162
+ color: '{base.color.transparent}',
163
+ alpha: 0,
164
+ offsetX: '0px',
165
+ offsetY: '0px',
166
+ blur: '0px',
167
+ spread: '0px',
168
+ inset: false,
169
+ },
170
+ ],
171
+ },
172
+ },
173
+ },
174
+ },
175
+ },
157
176
  },
158
177
  primary: {
159
178
  fgColor: {
@@ -164,9 +183,7 @@
164
183
  'org.primer.figma': {
165
184
  collection: 'mode',
166
185
  group: 'component (internal)',
167
- scopes: [
168
- 'fgColor',
169
- ],
186
+ scopes: ['fgColor'],
170
187
  },
171
188
  'org.primer.overrides': {
172
189
  dark: {
@@ -185,9 +202,7 @@
185
202
  'org.primer.figma': {
186
203
  collection: 'mode',
187
204
  group: 'component (internal)',
188
- scopes: [
189
- 'fgColor',
190
- ],
205
+ scopes: ['fgColor'],
191
206
  },
192
207
  'org.primer.overrides': {
193
208
  dark: {
@@ -207,9 +222,7 @@
207
222
  'org.primer.figma': {
208
223
  collection: 'mode',
209
224
  group: 'component (internal)',
210
- scopes: [
211
- 'fgColor',
212
- ],
225
+ scopes: ['fgColor'],
213
226
  },
214
227
  'org.primer.overrides': {
215
228
  light: {
@@ -234,14 +247,15 @@
234
247
  'org.primer.figma': {
235
248
  collection: 'mode',
236
249
  group: 'component (internal)',
237
- scopes: [
238
- 'bgColor',
239
- ],
250
+ scopes: ['bgColor'],
240
251
  },
241
252
  'org.primer.overrides': {
242
253
  dark: {
243
254
  $value: '{bgColor.success.emphasis}',
244
255
  },
256
+ 'light-high-contrast': {
257
+ $value: '{base.color.green.5}',
258
+ },
245
259
  },
246
260
  },
247
261
  },
@@ -252,9 +266,7 @@
252
266
  'org.primer.figma': {
253
267
  collection: 'mode',
254
268
  group: 'component (internal)',
255
- scopes: [
256
- 'bgColor',
257
- ],
269
+ scopes: ['bgColor'],
258
270
  },
259
271
  'org.primer.overrides': {
260
272
  dark: {
@@ -278,6 +290,9 @@
278
290
  'light-protanopia-deuteranopia': {
279
291
  $value: '#0864d1',
280
292
  },
293
+ 'light-high-contrast': {
294
+ $value: '#04571e',
295
+ },
281
296
  },
282
297
  },
283
298
  },
@@ -288,9 +303,7 @@
288
303
  'org.primer.figma': {
289
304
  collection: 'mode',
290
305
  group: 'component (internal)',
291
- scopes: [
292
- 'bgColor',
293
- ],
306
+ scopes: ['bgColor'],
294
307
  },
295
308
  'org.primer.overrides': {
296
309
  dark: {
@@ -314,6 +327,9 @@
314
327
  'light-protanopia-deuteranopia': {
315
328
  $value: '#075fc8',
316
329
  },
330
+ 'light-high-contrast': {
331
+ $value: '#03501b',
332
+ },
317
333
  },
318
334
  },
319
335
  },
@@ -324,9 +340,7 @@
324
340
  'org.primer.figma': {
325
341
  collection: 'mode',
326
342
  group: 'component (internal)',
327
- scopes: [
328
- 'bgColor',
329
- ],
343
+ scopes: ['bgColor'],
330
344
  },
331
345
  'org.primer.overrides': {
332
346
  dark: {
@@ -350,6 +364,9 @@
350
364
  'light-protanopia-deuteranopia': {
351
365
  $value: '#92caff',
352
366
  },
367
+ 'light-high-contrast': {
368
+ $value: '#85cb97',
369
+ },
353
370
  },
354
371
  },
355
372
  },
@@ -362,9 +379,7 @@
362
379
  'org.primer.figma': {
363
380
  collection: 'mode',
364
381
  group: 'component (internal)',
365
- scopes: [
366
- 'borderColor',
367
- ],
382
+ scopes: ['borderColor'],
368
383
  },
369
384
  'org.primer.overrides': {
370
385
  dark: {
@@ -375,6 +390,10 @@
375
390
  $value: '{base.color.green.2}',
376
391
  alpha: 1,
377
392
  },
393
+ 'light-high-contrast': {
394
+ $value: '{base.color.green.7}',
395
+ alpha: 1,
396
+ },
378
397
  },
379
398
  },
380
399
  alpha: 0.15,
@@ -386,9 +405,7 @@
386
405
  'org.primer.figma': {
387
406
  collection: 'mode',
388
407
  group: 'component (internal)',
389
- scopes: [
390
- 'borderColor',
391
- ],
408
+ scopes: ['borderColor'],
392
409
  },
393
410
  'org.primer.overrides': {
394
411
  dark: {
@@ -398,6 +415,10 @@
398
415
  $value: '{base.color.green.2}',
399
416
  alpha: 1,
400
417
  },
418
+ 'light-high-contrast': {
419
+ $value: '{base.color.green.7}',
420
+ alpha: 1,
421
+ },
401
422
  },
402
423
  },
403
424
  },
@@ -408,9 +429,7 @@
408
429
  'org.primer.figma': {
409
430
  collection: 'mode',
410
431
  group: 'component (internal)',
411
- scopes: [
412
- 'borderColor',
413
- ],
432
+ scopes: ['borderColor'],
414
433
  },
415
434
  'org.primer.overrides': {
416
435
  dark: {
@@ -420,6 +439,10 @@
420
439
  $value: '{base.color.green.2}',
421
440
  alpha: 1,
422
441
  },
442
+ 'light-high-contrast': {
443
+ $value: '{base.color.green.7}',
444
+ alpha: 1,
445
+ },
423
446
  },
424
447
  },
425
448
  },
@@ -430,9 +453,7 @@
430
453
  'org.primer.figma': {
431
454
  collection: 'mode',
432
455
  group: 'component (internal)',
433
- scopes: [
434
- 'borderColor',
435
- ],
456
+ scopes: ['borderColor'],
436
457
  },
437
458
  'org.primer.overrides': {
438
459
  dark: {
@@ -451,6 +472,72 @@
451
472
  $value: '{base.color.green.2}',
452
473
  alpha: 0.4,
453
474
  },
475
+ 'light-high-contrast': {
476
+ $value: '#85cb97',
477
+ },
478
+ },
479
+ },
480
+ },
481
+ },
482
+ shadow: {
483
+ selected: {
484
+ $value: [
485
+ {
486
+ color: '{base.color.green.9}',
487
+ alpha: 0.3,
488
+ offsetX: '0px',
489
+ offsetY: '1px',
490
+ blur: '0px',
491
+ spread: '0px',
492
+ inset: true,
493
+ },
494
+ ],
495
+ $type: 'shadow',
496
+ $extensions: {
497
+ 'org.primer.figma': {
498
+ collection: 'mode',
499
+ group: 'component shadow',
500
+ },
501
+ 'org.primer.overrides': {
502
+ 'light-tritanopia': {
503
+ $value: [
504
+ {
505
+ color: '{base.color.blue.9}',
506
+ alpha: 0.3,
507
+ offsetX: '0px',
508
+ offsetY: '1px',
509
+ blur: '0px',
510
+ spread: '0px',
511
+ inset: true,
512
+ },
513
+ ],
514
+ },
515
+ 'light-protanopia-deuteranopia': {
516
+ $value: [
517
+ {
518
+ color: '{base.color.blue.9}',
519
+ alpha: 0.3,
520
+ offsetX: '0px',
521
+ offsetY: '1px',
522
+ blur: '0px',
523
+ spread: '0px',
524
+ inset: true,
525
+ },
526
+ ],
527
+ },
528
+ dark: {
529
+ $value: [
530
+ {
531
+ color: '{base.color.transparent}',
532
+ alpha: 0,
533
+ offsetX: '0px',
534
+ offsetY: '0px',
535
+ blur: '0px',
536
+ spread: '0px',
537
+ inset: false,
538
+ },
539
+ ],
540
+ },
454
541
  },
455
542
  },
456
543
  },
@@ -465,9 +552,7 @@
465
552
  'org.primer.figma': {
466
553
  collection: 'mode',
467
554
  group: 'component (internal)',
468
- scopes: [
469
- 'fgColor',
470
- ],
555
+ scopes: ['fgColor'],
471
556
  },
472
557
  'org.primer.overrides': {
473
558
  dark: {
@@ -483,14 +568,15 @@
483
568
  'org.primer.figma': {
484
569
  collection: 'mode',
485
570
  group: 'component (internal)',
486
- scopes: [
487
- 'fgColor',
488
- ],
571
+ scopes: ['fgColor'],
489
572
  },
490
573
  'org.primer.overrides': {
491
574
  dark: {
492
575
  $value: '{control.fgColor.rest}',
493
576
  },
577
+ 'light-high-contrast': {
578
+ $value: '{base.color.neutral.11}',
579
+ },
494
580
  },
495
581
  },
496
582
  },
@@ -501,9 +587,7 @@
501
587
  'org.primer.figma': {
502
588
  collection: 'mode',
503
589
  group: 'component (internal)',
504
- scopes: [
505
- 'fgColor',
506
- ],
590
+ scopes: ['fgColor'],
507
591
  },
508
592
  'org.primer.overrides': {
509
593
  dark: {
@@ -519,9 +603,7 @@
519
603
  'org.primer.figma': {
520
604
  collection: 'mode',
521
605
  group: 'component (internal)',
522
- scopes: [
523
- 'fgColor',
524
- ],
606
+ scopes: ['fgColor'],
525
607
  },
526
608
  'org.primer.overrides': {
527
609
  dark: {
@@ -539,9 +621,7 @@
539
621
  'org.primer.figma': {
540
622
  collection: 'mode',
541
623
  group: 'component (internal)',
542
- scopes: [
543
- 'fgColor',
544
- ],
624
+ scopes: ['fgColor'],
545
625
  },
546
626
  'org.primer.overrides': {
547
627
  dark: {
@@ -563,9 +643,7 @@
563
643
  'org.primer.figma': {
564
644
  collection: 'mode',
565
645
  group: 'component (internal)',
566
- scopes: [
567
- 'fgColor',
568
- ],
646
+ scopes: ['fgColor'],
569
647
  },
570
648
  'org.primer.overrides': {
571
649
  dark: {
@@ -577,6 +655,9 @@
577
655
  'dark-high-contrast': {
578
656
  $value: '{base.color.neutral.11}',
579
657
  },
658
+ 'light-high-contrast': {
659
+ $value: '{base.color.neutral.11}',
660
+ },
580
661
  },
581
662
  },
582
663
  },
@@ -587,9 +668,7 @@
587
668
  'org.primer.figma': {
588
669
  collection: 'mode',
589
670
  group: 'component (internal)',
590
- scopes: [
591
- 'fgColor',
592
- ],
671
+ scopes: ['fgColor'],
593
672
  },
594
673
  'org.primer.overrides': {
595
674
  dark: {
@@ -607,9 +686,7 @@
607
686
  'org.primer.figma': {
608
687
  collection: 'mode',
609
688
  group: 'component (internal)',
610
- scopes: [
611
- 'bgColor',
612
- ],
689
+ scopes: ['bgColor'],
613
690
  },
614
691
  'org.primer.overrides': {
615
692
  dark: {
@@ -625,9 +702,7 @@
625
702
  'org.primer.figma': {
626
703
  collection: 'mode',
627
704
  group: 'component (internal)',
628
- scopes: [
629
- 'bgColor',
630
- ],
705
+ scopes: ['bgColor'],
631
706
  },
632
707
  'org.primer.overrides': {
633
708
  dark: {
@@ -647,9 +722,7 @@
647
722
  'org.primer.figma': {
648
723
  collection: 'mode',
649
724
  group: 'component (internal)',
650
- scopes: [
651
- 'bgColor',
652
- ],
725
+ scopes: ['bgColor'],
653
726
  },
654
727
  'org.primer.overrides': {
655
728
  dark: {
@@ -669,9 +742,7 @@
669
742
  'org.primer.figma': {
670
743
  collection: 'mode',
671
744
  group: 'component (internal)',
672
- scopes: [
673
- 'bgColor',
674
- ],
745
+ scopes: ['bgColor'],
675
746
  },
676
747
  'org.primer.overrides': {
677
748
  dark: {
@@ -689,9 +760,7 @@
689
760
  'org.primer.figma': {
690
761
  collection: 'mode',
691
762
  group: 'component (internal)',
692
- scopes: [
693
- 'borderColor',
694
- ],
763
+ scopes: ['borderColor'],
695
764
  },
696
765
  'org.primer.overrides': {
697
766
  dark: {
@@ -707,9 +776,7 @@
707
776
  'org.primer.figma': {
708
777
  collection: 'mode',
709
778
  group: 'component (internal)',
710
- scopes: [
711
- 'borderColor',
712
- ],
779
+ scopes: ['borderColor'],
713
780
  },
714
781
  'org.primer.overrides': {
715
782
  dark: {
@@ -725,9 +792,7 @@
725
792
  'org.primer.figma': {
726
793
  collection: 'mode',
727
794
  group: 'component (internal)',
728
- scopes: [
729
- 'borderColor',
730
- ],
795
+ scopes: ['borderColor'],
731
796
  },
732
797
  'org.primer.overrides': {
733
798
  dark: {
@@ -747,9 +812,7 @@
747
812
  'org.primer.figma': {
748
813
  collection: 'mode',
749
814
  group: 'component (internal)',
750
- scopes: [
751
- 'fgColor',
752
- ],
815
+ scopes: ['fgColor'],
753
816
  },
754
817
  'org.primer.overrides': {
755
818
  dark: {
@@ -765,9 +828,7 @@
765
828
  'org.primer.figma': {
766
829
  collection: 'mode',
767
830
  group: 'component (internal)',
768
- scopes: [
769
- 'fgColor',
770
- ],
831
+ scopes: ['fgColor'],
771
832
  },
772
833
  'org.primer.overrides': {
773
834
  dark: {
@@ -783,9 +844,7 @@
783
844
  'org.primer.figma': {
784
845
  collection: 'mode',
785
846
  group: 'component (internal)',
786
- scopes: [
787
- 'fgColor',
788
- ],
847
+ scopes: ['fgColor'],
789
848
  },
790
849
  'org.primer.overrides': {
791
850
  dark: {
@@ -801,9 +860,7 @@
801
860
  'org.primer.figma': {
802
861
  collection: 'mode',
803
862
  group: 'component (internal)',
804
- scopes: [
805
- 'fgColor',
806
- ],
863
+ scopes: ['fgColor'],
807
864
  },
808
865
  'org.primer.overrides': {
809
866
  dark: {
@@ -826,9 +883,7 @@
826
883
  'org.primer.figma': {
827
884
  collection: 'mode',
828
885
  group: 'component (internal)',
829
- scopes: [
830
- 'bgColor',
831
- ],
886
+ scopes: ['bgColor'],
832
887
  },
833
888
  'org.primer.overrides': {
834
889
  dark: {
@@ -844,9 +899,7 @@
844
899
  'org.primer.figma': {
845
900
  collection: 'mode',
846
901
  group: 'component (internal)',
847
- scopes: [
848
- 'bgColor',
849
- ],
902
+ scopes: ['bgColor'],
850
903
  },
851
904
  'org.primer.overrides': {
852
905
  dark: {
@@ -865,9 +918,7 @@
865
918
  'org.primer.figma': {
866
919
  collection: 'mode',
867
920
  group: 'component (internal)',
868
- scopes: [
869
- 'bgColor',
870
- ],
921
+ scopes: ['bgColor'],
871
922
  },
872
923
  'org.primer.overrides': {
873
924
  dark: {
@@ -876,6 +927,9 @@
876
927
  'dark-tritanopia': {
877
928
  $value: '#0d419d',
878
929
  },
930
+ 'light-high-contrast': {
931
+ $value: '#033f9d',
932
+ },
879
933
  },
880
934
  },
881
935
  },
@@ -886,9 +940,7 @@
886
940
  'org.primer.figma': {
887
941
  collection: 'mode',
888
942
  group: 'component (internal)',
889
- scopes: [
890
- 'bgColor',
891
- ],
943
+ scopes: ['bgColor'],
892
944
  },
893
945
  'org.primer.overrides': {
894
946
  dark: {
@@ -909,9 +961,7 @@
909
961
  'org.primer.figma': {
910
962
  collection: 'mode',
911
963
  group: 'component (internal)',
912
- scopes: [
913
- 'borderColor',
914
- ],
964
+ scopes: ['borderColor'],
915
965
  },
916
966
  'org.primer.overrides': {
917
967
  dark: {
@@ -927,9 +977,44 @@
927
977
  'org.primer.figma': {
928
978
  collection: 'mode',
929
979
  group: 'component (internal)',
930
- scopes: [
931
- 'borderColor',
932
- ],
980
+ scopes: ['borderColor'],
981
+ },
982
+ },
983
+ },
984
+ },
985
+ shadow: {
986
+ selected: {
987
+ $value: [
988
+ {
989
+ color: '{base.color.blue.9}',
990
+ alpha: 0.2,
991
+ offsetX: '0px',
992
+ offsetY: '1px',
993
+ blur: '0px',
994
+ spread: '0px',
995
+ inset: true,
996
+ },
997
+ ],
998
+ $type: 'shadow',
999
+ $extensions: {
1000
+ 'org.primer.figma': {
1001
+ collection: 'mode',
1002
+ group: 'component shadow',
1003
+ },
1004
+ 'org.primer.overrides': {
1005
+ dark: {
1006
+ $value: [
1007
+ {
1008
+ color: '{base.color.transparent}',
1009
+ alpha: 0,
1010
+ offsetX: '0px',
1011
+ offsetY: '0px',
1012
+ blur: '0px',
1013
+ spread: '0px',
1014
+ inset: false,
1015
+ },
1016
+ ],
1017
+ },
933
1018
  },
934
1019
  },
935
1020
  },
@@ -944,9 +1029,7 @@
944
1029
  'org.primer.figma': {
945
1030
  collection: 'mode',
946
1031
  group: 'component (internal)',
947
- scopes: [
948
- 'fgColor',
949
- ],
1032
+ scopes: ['fgColor'],
950
1033
  },
951
1034
  'org.primer.overrides': {
952
1035
  dark: {
@@ -971,9 +1054,7 @@
971
1054
  'org.primer.figma': {
972
1055
  collection: 'mode',
973
1056
  group: 'component (internal)',
974
- scopes: [
975
- 'fgColor',
976
- ],
1057
+ scopes: ['fgColor'],
977
1058
  },
978
1059
  'org.primer.overrides': {
979
1060
  dark: {
@@ -989,9 +1070,7 @@
989
1070
  'org.primer.figma': {
990
1071
  collection: 'mode',
991
1072
  group: 'component (internal)',
992
- scopes: [
993
- 'fgColor',
994
- ],
1073
+ scopes: ['fgColor'],
995
1074
  },
996
1075
  'org.primer.overrides': {
997
1076
  dark: {
@@ -1007,9 +1086,7 @@
1007
1086
  'org.primer.figma': {
1008
1087
  collection: 'mode',
1009
1088
  group: 'component (internal)',
1010
- scopes: [
1011
- 'fgColor',
1012
- ],
1089
+ scopes: ['fgColor'],
1013
1090
  },
1014
1091
  'org.primer.overrides': {
1015
1092
  dark: {
@@ -1029,9 +1106,7 @@
1029
1106
  'org.primer.figma': {
1030
1107
  collection: 'mode',
1031
1108
  group: 'component (internal)',
1032
- scopes: [
1033
- 'fgColor',
1034
- ],
1109
+ scopes: ['fgColor'],
1035
1110
  },
1036
1111
  'org.primer.overrides': {
1037
1112
  dark: {
@@ -1056,9 +1131,7 @@
1056
1131
  'org.primer.figma': {
1057
1132
  collection: 'mode',
1058
1133
  group: 'component (internal)',
1059
- scopes: [
1060
- 'fgColor',
1061
- ],
1134
+ scopes: ['fgColor'],
1062
1135
  },
1063
1136
  'org.primer.overrides': {
1064
1137
  dark: {
@@ -1076,9 +1149,7 @@
1076
1149
  'org.primer.figma': {
1077
1150
  collection: 'mode',
1078
1151
  group: 'component (internal)',
1079
- scopes: [
1080
- 'bgColor',
1081
- ],
1152
+ scopes: ['bgColor'],
1082
1153
  },
1083
1154
  'org.primer.overrides': {
1084
1155
  dark: {
@@ -1094,9 +1165,7 @@
1094
1165
  'org.primer.figma': {
1095
1166
  collection: 'mode',
1096
1167
  group: 'component (internal)',
1097
- scopes: [
1098
- 'bgColor',
1099
- ],
1168
+ scopes: ['bgColor'],
1100
1169
  },
1101
1170
  'org.primer.overrides': {
1102
1171
  dark: {
@@ -1121,9 +1190,7 @@
1121
1190
  'org.primer.figma': {
1122
1191
  collection: 'mode',
1123
1192
  group: 'component (internal)',
1124
- scopes: [
1125
- 'bgColor',
1126
- ],
1193
+ scopes: ['bgColor'],
1127
1194
  },
1128
1195
  'org.primer.overrides': {
1129
1196
  dark: {
@@ -1141,6 +1208,9 @@
1141
1208
  'light-protanopia-deuteranopia': {
1142
1209
  $value: '#7e2f00',
1143
1210
  },
1211
+ 'light-high-contrast': {
1212
+ $value: '#74041a',
1213
+ },
1144
1214
  },
1145
1215
  },
1146
1216
  },
@@ -1151,9 +1221,7 @@
1151
1221
  'org.primer.figma': {
1152
1222
  collection: 'mode',
1153
1223
  group: 'component (internal)',
1154
- scopes: [
1155
- 'bgColor',
1156
- ],
1224
+ scopes: ['bgColor'],
1157
1225
  },
1158
1226
  'org.primer.overrides': {
1159
1227
  dark: {
@@ -1171,9 +1239,7 @@
1171
1239
  'org.primer.figma': {
1172
1240
  collection: 'mode',
1173
1241
  group: 'component (internal)',
1174
- scopes: [
1175
- 'borderColor',
1176
- ],
1242
+ scopes: ['borderColor'],
1177
1243
  },
1178
1244
  'org.primer.overrides': {
1179
1245
  dark: {
@@ -1189,9 +1255,7 @@
1189
1255
  'org.primer.figma': {
1190
1256
  collection: 'mode',
1191
1257
  group: 'component (internal)',
1192
- scopes: [
1193
- 'borderColor',
1194
- ],
1258
+ scopes: ['borderColor'],
1195
1259
  },
1196
1260
  'org.primer.overrides': {
1197
1261
  dark: {
@@ -1211,9 +1275,7 @@
1211
1275
  'org.primer.figma': {
1212
1276
  collection: 'mode',
1213
1277
  group: 'component (internal)',
1214
- scopes: [
1215
- 'borderColor',
1216
- ],
1278
+ scopes: ['borderColor'],
1217
1279
  },
1218
1280
  'org.primer.overrides': {
1219
1281
  dark: {
@@ -1227,6 +1289,56 @@
1227
1289
  },
1228
1290
  },
1229
1291
  },
1292
+ shadow: {
1293
+ selected: {
1294
+ $value: [
1295
+ {
1296
+ color: '{base.color.red.9}',
1297
+ alpha: 0.2,
1298
+ offsetX: '0px',
1299
+ offsetY: '1px',
1300
+ blur: '0px',
1301
+ spread: '0px',
1302
+ inset: true,
1303
+ },
1304
+ ],
1305
+ $type: 'shadow',
1306
+ $extensions: {
1307
+ 'org.primer.figma': {
1308
+ collection: 'mode',
1309
+ group: 'component shadow',
1310
+ },
1311
+ 'org.primer.overrides': {
1312
+ 'light-protanopia-deuteranopia': {
1313
+ $value: [
1314
+ {
1315
+ color: '{base.color.orange.9}',
1316
+ alpha: 0.2,
1317
+ offsetX: '0px',
1318
+ offsetY: '1px',
1319
+ blur: '0px',
1320
+ spread: '0px',
1321
+ inset: true,
1322
+ },
1323
+ ],
1324
+ },
1325
+ dark: {
1326
+ $value: [
1327
+ {
1328
+ color: '{base.color.transparent}',
1329
+ alpha: 0,
1330
+ offsetX: '0px',
1331
+ offsetY: '0px',
1332
+ blur: '0px',
1333
+ spread: '0px',
1334
+ inset: false,
1335
+ },
1336
+ ],
1337
+ },
1338
+ },
1339
+ },
1340
+ },
1341
+ },
1230
1342
  },
1231
1343
  inactive: {
1232
1344
  fgColor: {
@@ -1236,9 +1348,7 @@
1236
1348
  'org.primer.figma': {
1237
1349
  collection: 'mode',
1238
1350
  group: 'component (internal)',
1239
- scopes: [
1240
- 'fgColor',
1241
- ],
1351
+ scopes: ['fgColor'],
1242
1352
  },
1243
1353
  'org.primer.overrides': {
1244
1354
  dark: {
@@ -1250,6 +1360,9 @@
1250
1360
  'dark-high-contrast': {
1251
1361
  $value: '{base.color.neutral.10}',
1252
1362
  },
1363
+ 'light-high-contrast': {
1364
+ $value: '{base.color.neutral.10}',
1365
+ },
1253
1366
  },
1254
1367
  },
1255
1368
  },
@@ -1260,9 +1373,7 @@
1260
1373
  'org.primer.figma': {
1261
1374
  collection: 'mode',
1262
1375
  group: 'component (internal)',
1263
- scopes: [
1264
- 'bgColor',
1265
- ],
1376
+ scopes: ['bgColor'],
1266
1377
  },
1267
1378
  'org.primer.overrides': {
1268
1379
  dark: {
@@ -1274,6 +1385,9 @@
1274
1385
  'dark-high-contrast': {
1275
1386
  $value: '{control.bgColor.rest}',
1276
1387
  },
1388
+ 'light-high-contrast': {
1389
+ $value: '{control.bgColor.rest}',
1390
+ },
1277
1391
  },
1278
1392
  },
1279
1393
  },
@@ -1286,9 +1400,7 @@
1286
1400
  'org.primer.figma': {
1287
1401
  collection: 'mode',
1288
1402
  group: 'component (internal)',
1289
- scopes: [
1290
- 'bgColor',
1291
- ],
1403
+ scopes: ['bgColor'],
1292
1404
  },
1293
1405
  'org.primer.overrides': {
1294
1406
  dark: {
@@ -1309,14 +1421,13 @@
1309
1421
  'org.primer.figma': {
1310
1422
  collection: 'mode',
1311
1423
  group: 'component (internal)',
1312
- scopes: [
1313
- 'bgColor',
1314
- ],
1424
+ scopes: ['bgColor'],
1315
1425
  },
1316
1426
  'org.primer.overrides': {
1317
1427
  dark: {
1318
1428
  $value: '{base.color.neutral.6}',
1319
1429
  },
1430
+ 'light-high-contrast': '{base.color.neutral.7}',
1320
1431
  },
1321
1432
  },
1322
1433
  },
@@ -1331,9 +1442,7 @@
1331
1442
  'org.primer.figma': {
1332
1443
  collection: 'mode',
1333
1444
  group: 'component (internal)',
1334
- scopes: [
1335
- 'bgColor',
1336
- ],
1445
+ scopes: ['bgColor'],
1337
1446
  },
1338
1447
  'org.primer.overrides': {
1339
1448
  dark: {
@@ -1353,9 +1462,7 @@
1353
1462
  'org.primer.figma': {
1354
1463
  collection: 'mode',
1355
1464
  group: 'component (internal)',
1356
- scopes: [
1357
- 'bgColor',
1358
- ],
1465
+ scopes: ['bgColor'],
1359
1466
  },
1360
1467
  'org.primer.overrides': {
1361
1468
  dark: {
@@ -1381,9 +1488,7 @@
1381
1488
  'org.primer.figma': {
1382
1489
  collection: 'mode',
1383
1490
  group: 'component (internal)',
1384
- scopes: [
1385
- 'bgColor',
1386
- ],
1491
+ scopes: ['bgColor'],
1387
1492
  },
1388
1493
  'org.primer.overrides': {
1389
1494
  dark: {
@@ -1401,9 +1506,7 @@
1401
1506
  'org.primer.figma': {
1402
1507
  collection: 'mode',
1403
1508
  group: 'component (internal)',
1404
- scopes: [
1405
- 'bgColor',
1406
- ],
1509
+ scopes: ['bgColor'],
1407
1510
  },
1408
1511
  'org.primer.overrides': {
1409
1512
  dark: {
@@ -1421,9 +1524,7 @@
1421
1524
  'org.primer.figma': {
1422
1525
  collection: 'mode',
1423
1526
  group: 'component (internal)',
1424
- scopes: [
1425
- 'bgColor',
1426
- ],
1527
+ scopes: ['bgColor'],
1427
1528
  },
1428
1529
  'org.primer.overrides': {
1429
1530
  dark: {
@@ -1443,9 +1544,7 @@
1443
1544
  'org.primer.figma': {
1444
1545
  collection: 'mode',
1445
1546
  group: 'component (internal)',
1446
- scopes: [
1447
- 'fgColor',
1448
- ],
1547
+ scopes: ['fgColor'],
1449
1548
  },
1450
1549
  'org.primer.overrides': {
1451
1550
  dark: {
@@ -1461,9 +1560,7 @@
1461
1560
  'org.primer.figma': {
1462
1561
  collection: 'mode',
1463
1562
  group: 'component (internal)',
1464
- scopes: [
1465
- 'fgColor',
1466
- ],
1563
+ scopes: ['fgColor'],
1467
1564
  },
1468
1565
  'org.primer.overrides': {
1469
1566
  dark: {
@@ -1479,9 +1576,7 @@
1479
1576
  'org.primer.figma': {
1480
1577
  collection: 'mode',
1481
1578
  group: 'component (internal)',
1482
- scopes: [
1483
- 'fgColor',
1484
- ],
1579
+ scopes: ['fgColor'],
1485
1580
  },
1486
1581
  'org.primer.overrides': {
1487
1582
  dark: {
@@ -1503,9 +1598,7 @@
1503
1598
  'org.primer.figma': {
1504
1599
  collection: 'mode',
1505
1600
  group: 'component (internal)',
1506
- scopes: [
1507
- 'bgColor',
1508
- ],
1601
+ scopes: ['bgColor'],
1509
1602
  },
1510
1603
  'org.primer.overrides': {
1511
1604
  dark: {
@@ -1527,9 +1620,7 @@
1527
1620
  'org.primer.figma': {
1528
1621
  collection: 'mode',
1529
1622
  group: 'component (internal)',
1530
- scopes: [
1531
- 'bgColor',
1532
- ],
1623
+ scopes: ['bgColor'],
1533
1624
  },
1534
1625
  'org.primer.overrides': {
1535
1626
  dark: {
@@ -1547,9 +1638,7 @@
1547
1638
  'org.primer.figma': {
1548
1639
  collection: 'mode',
1549
1640
  group: 'component (internal)',
1550
- scopes: [
1551
- 'bgColor',
1552
- ],
1641
+ scopes: ['bgColor'],
1553
1642
  },
1554
1643
  'org.primer.overrides': {
1555
1644
  dark: {
@@ -1573,14 +1662,15 @@
1573
1662
  'org.primer.figma': {
1574
1663
  collection: 'mode',
1575
1664
  group: 'component (internal)',
1576
- scopes: [
1577
- 'fgColor',
1578
- ],
1665
+ scopes: ['fgColor'],
1579
1666
  },
1580
1667
  'org.primer.overrides': {
1581
1668
  dark: {
1582
1669
  $value: '{fgColor.danger}',
1583
1670
  },
1671
+ 'light-high-contrast': {
1672
+ $value: '#980e1e',
1673
+ },
1584
1674
  },
1585
1675
  },
1586
1676
  },
@@ -1591,9 +1681,7 @@
1591
1681
  'org.primer.figma': {
1592
1682
  collection: 'mode',
1593
1683
  group: 'component (internal)',
1594
- scopes: [
1595
- 'fgColor',
1596
- ],
1684
+ scopes: ['fgColor'],
1597
1685
  },
1598
1686
  'org.primer.overrides': {
1599
1687
  dark: {
@@ -1609,9 +1697,7 @@
1609
1697
  'org.primer.figma': {
1610
1698
  collection: 'mode',
1611
1699
  group: 'component (internal)',
1612
- scopes: [
1613
- 'fgColor',
1614
- ],
1700
+ scopes: ['fgColor'],
1615
1701
  },
1616
1702
  'org.primer.overrides': {
1617
1703
  dark: {
@@ -1625,4 +1711,4 @@
1625
1711
  },
1626
1712
  },
1627
1713
  },
1628
- }
1714
+ }