@primer/primitives 9.0.0-rc.e0216c44 → 9.0.0

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 (87) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +262 -258
  2. package/dist/css/functional/themes/dark-dimmed.css +280 -276
  3. package/dist/css/functional/themes/dark-high-contrast.css +432 -428
  4. package/dist/css/functional/themes/dark-tritanopia.css +262 -258
  5. package/dist/css/functional/themes/dark.css +252 -248
  6. package/dist/css/functional/themes/light-colorblind.css +220 -216
  7. package/dist/css/functional/themes/light-high-contrast.css +252 -248
  8. package/dist/css/functional/themes/light-tritanopia.css +220 -216
  9. package/dist/css/functional/themes/light.css +210 -206
  10. package/dist/docs/functional/themes/dark-colorblind.json +325 -353
  11. package/dist/docs/functional/themes/dark-dimmed.json +351 -379
  12. package/dist/docs/functional/themes/dark-high-contrast.json +548 -538
  13. package/dist/docs/functional/themes/dark-tritanopia.json +323 -351
  14. package/dist/docs/functional/themes/dark.json +313 -341
  15. package/dist/docs/functional/themes/light-colorblind.json +305 -327
  16. package/dist/docs/functional/themes/light-high-contrast.json +353 -373
  17. package/dist/docs/functional/themes/light-tritanopia.json +304 -324
  18. package/dist/docs/functional/themes/light.json +294 -314
  19. package/dist/figma/figma.json +3 -3
  20. package/dist/figma/scales/dark-dimmed.json +147 -69
  21. package/dist/figma/scales/dark-high-constrast.json +145 -67
  22. package/dist/figma/scales/dark.json +120 -42
  23. package/dist/figma/scales/light-high-constrast.json +147 -69
  24. package/dist/figma/scales/light.json +118 -40
  25. package/dist/figma/shadows/dark-colorblind.json +179 -179
  26. package/dist/figma/shadows/dark-dimmed.json +179 -179
  27. package/dist/figma/shadows/dark-high-contrast.json +179 -179
  28. package/dist/figma/shadows/dark-tritanopia.json +179 -179
  29. package/dist/figma/shadows/dark.json +179 -179
  30. package/dist/figma/shadows/light-colorblind.json +123 -123
  31. package/dist/figma/shadows/light-high-contrast.json +123 -123
  32. package/dist/figma/shadows/light-tritanopia.json +123 -123
  33. package/dist/figma/shadows/light.json +123 -123
  34. package/dist/figma/themes/dark-colorblind.json +4632 -4613
  35. package/dist/figma/themes/dark-dimmed.json +1929 -1910
  36. package/dist/figma/themes/dark-high-contrast.json +3381 -3354
  37. package/dist/figma/themes/dark-tritanopia.json +4278 -4259
  38. package/dist/figma/themes/dark.json +4636 -4617
  39. package/dist/figma/themes/light-colorblind.json +2212 -2193
  40. package/dist/figma/themes/light-high-contrast.json +1878 -1860
  41. package/dist/figma/themes/light-tritanopia.json +2215 -2195
  42. package/dist/figma/themes/light.json +1873 -1853
  43. package/dist/internalCss/dark-colorblind.css +292 -278
  44. package/dist/internalCss/dark-dimmed.css +310 -296
  45. package/dist/internalCss/dark-high-contrast.css +462 -448
  46. package/dist/internalCss/dark-tritanopia.css +292 -278
  47. package/dist/internalCss/dark.css +282 -268
  48. package/dist/internalCss/light-colorblind.css +250 -236
  49. package/dist/internalCss/light-high-contrast.css +280 -266
  50. package/dist/internalCss/light-tritanopia.css +250 -236
  51. package/dist/internalCss/light.css +240 -226
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +325 -353
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +351 -379
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +548 -538
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +323 -351
  56. package/dist/styleLint/functional/themes/dark.json +313 -341
  57. package/dist/styleLint/functional/themes/light-colorblind.json +305 -327
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +353 -373
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +304 -324
  60. package/dist/styleLint/functional/themes/light.json +294 -314
  61. package/package.json +1 -1
  62. package/src/schemas/colorToken.ts +1 -1
  63. package/src/schemas/dimensionToken.ts +1 -0
  64. package/src/schemas/scopes.ts +10 -21
  65. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -162
  66. package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -92
  67. package/src/tokens/base/color/dark/dark.json5 +149 -104
  68. package/src/tokens/base/color/light/light.high-contrast.json5 +0 -92
  69. package/src/tokens/base/color/light/light.json5 +148 -103
  70. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  71. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +147 -10
  72. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +211 -187
  73. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -7
  74. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -6
  75. package/src/tokens/functional/color/dark/patterns-dark.json5 +87 -96
  76. package/src/tokens/functional/color/dark/primitives-dark.json5 +27 -35
  77. package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
  78. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  79. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +103 -119
  80. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -7
  81. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -6
  82. package/src/tokens/functional/color/light/patterns-light.json5 +89 -97
  83. package/src/tokens/functional/color/light/primitives-light.json5 +27 -32
  84. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  85. package/src/tokens/functional/shadow/dark.json5 +15 -15
  86. package/src/tokens/functional/shadow/light.json5 +16 -16
  87. package/src/transformers/figmaAttributes.ts +6 -0
package/src/tokens/functional/color/light/patterns-light.json5 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  avatar: {
3
3
  bgColor: {
4
- $value: '{base.color.white}',
4
+ $value: '{base.color.neutral.0}',
5
5
  $type: 'color',
6
6
  $extensions: {
7
7
  'org.primer.figma': {
@@ -29,7 +29,7 @@
29
29
  fade: {
30
30
  bgColor: {
31
31
  default: {
32
- $value: '{base.color.neutral.3}',
32
+ $value: '{base.color.neutral.7}',
33
33
  $type: 'color',
34
34
  $extensions: {
35
35
  'org.primer.figma': {
@@ -41,7 +41,7 @@
41
41
  },
42
42
  },
43
43
  muted: {
44
- $value: '{base.color.neutral.2}',
44
+ $value: '{base.color.neutral.5}',
45
45
  $type: 'color',
46
46
  $extensions: {
47
47
  'org.primer.figma': {
@@ -58,7 +58,7 @@
58
58
  control: {
59
59
  bgColor: {
60
60
  rest: {
61
- $value: '{base.color.neutral.0}',
61
+ $value: '{base.color.neutral.1}',
62
62
  $type: 'color',
63
63
  $extensions: {
64
64
  'org.primer.figma': {
@@ -70,7 +70,7 @@
70
70
  },
71
71
  },
72
72
  hover: {
73
- $value: '{base.color.neutral.0}',
73
+ $value: '{base.color.neutral.2}',
74
74
  $type: 'color',
75
75
  $extensions: {
76
76
  'org.primer.figma': {
@@ -80,13 +80,9 @@
80
80
  scopes: ['bgColor'],
81
81
  },
82
82
  },
83
- mix: {
84
- color: '{base.color.neutral.2}',
85
- weight: 0.2,
86
- },
87
83
  },
88
84
  active: {
89
- $value: '{base.color.neutral.0}',
85
+ $value: '{base.color.neutral.3}',
90
86
  $type: 'color',
91
87
  $extensions: {
92
88
  'org.primer.figma': {
@@ -96,10 +92,6 @@
96
92
  scopes: ['bgColor'],
97
93
  },
98
94
  },
99
- mix: {
100
- color: '{base.color.neutral.2}',
101
- weight: 0.4,
102
- },
103
95
  },
104
96
  disabled: {
105
97
  $value: '{bgColor.disabled}',
@@ -114,7 +106,7 @@
114
106
  },
115
107
  },
116
108
  selected: {
117
- $value: '{base.color.neutral.0}',
109
+ $value: '{control.bgColor.rest}',
118
110
  $type: 'color',
119
111
  $extensions: {
120
112
  'org.primer.figma': {
@@ -128,7 +120,7 @@
128
120
  },
129
121
  fgColor: {
130
122
  rest: {
131
- $value: '{base.color.neutral.9}',
123
+ $value: '{base.color.neutral.12}',
132
124
  $type: 'color',
133
125
  $extensions: {
134
126
  'org.primer.figma': {
@@ -140,12 +132,8 @@
140
132
  },
141
133
  },
142
134
  placeholder: {
143
- $value: '{base.color.neutral.5}',
135
+ $value: '{fgColor.muted}',
144
136
  $type: 'color',
145
- mix: {
146
- color: '{base.color.neutral.6}',
147
- weight: 0.2,
148
- },
149
137
  $extensions: {
150
138
  'org.primer.figma': {
151
139
  collection: 'mode',
@@ -182,7 +170,7 @@
182
170
  },
183
171
  },
184
172
  emphasis: {
185
- $value: '{base.color.neutral.4}',
173
+ $value: '{borderColor.emphasis}',
186
174
  $type: 'color',
187
175
  $extensions: {
188
176
  'org.primer.figma': {
@@ -192,10 +180,6 @@
192
180
  scopes: ['borderColor'],
193
181
  },
194
182
  },
195
- mix: {
196
- color: '{base.color.neutral.5}',
197
- weight: 0.2,
198
- },
199
183
  },
200
184
  disabled: {
201
185
  $value: '{borderColor.disabled}',
@@ -210,7 +194,7 @@
210
194
  },
211
195
  },
212
196
  selected: {
213
- $value: '{base.color.neutral.0}',
197
+ $value: '{control.bgColor.selected}',
214
198
  $type: 'color',
215
199
  $extensions: {
216
200
  'org.primer.figma': {
@@ -287,7 +271,7 @@
287
271
  },
288
272
  },
289
273
  hover: {
290
- $value: '{base.color.neutral.2}',
274
+ $value: '{base.color.neutral.8}',
291
275
  $type: 'color',
292
276
  $extensions: {
293
277
  'org.primer.figma': {
@@ -297,10 +281,10 @@
297
281
  scopes: ['bgColor'],
298
282
  },
299
283
  },
300
- alpha: 0.2,
284
+ alpha: 0.1,
301
285
  },
302
286
  active: {
303
- $value: '{base.color.neutral.2}',
287
+ $value: '{base.color.neutral.8}',
304
288
  $type: 'color',
305
289
  $extensions: {
306
290
  'org.primer.figma': {
@@ -310,7 +294,7 @@
310
294
  scopes: ['bgColor'],
311
295
  },
312
296
  },
313
- alpha: 0.4,
297
+ alpha: 0.15,
314
298
  },
315
299
  disabled: {
316
300
  $value: '{bgColor.disabled}',
@@ -325,7 +309,7 @@
325
309
  },
326
310
  },
327
311
  selected: {
328
- $value: '{base.color.neutral.2}',
312
+ $value: '{base.color.neutral.8}',
329
313
  $type: 'color',
330
314
  $extensions: {
331
315
  'org.primer.figma': {
@@ -335,7 +319,7 @@
335
319
  scopes: ['bgColor'],
336
320
  },
337
321
  },
338
- alpha: 0.2,
322
+ alpha: 0.15,
339
323
  },
340
324
  },
341
325
  borderColor: {
@@ -519,7 +503,7 @@
519
503
  },
520
504
  borderColor: {
521
505
  rest: {
522
- $value: '{bgColor.accent.emphasis}',
506
+ $value: '{control.checked.bgColor.rest}',
523
507
  $type: 'color',
524
508
  $extensions: {
525
509
  'org.primer.figma': {
@@ -531,7 +515,7 @@
531
515
  },
532
516
  },
533
517
  hover: {
534
- $value: '{bgColor.accent.emphasis}',
518
+ $value: '{control.checked.bgColor.hover}',
535
519
  $type: 'color',
536
520
  $extensions: {
537
521
  'org.primer.figma': {
@@ -541,13 +525,9 @@
541
525
  scopes: ['borderColor'],
542
526
  },
543
527
  },
544
- mix: {
545
- color: '{base.color.blue.7}',
546
- weight: 0.2,
547
- },
548
528
  },
549
529
  active: {
550
- $value: '{bgColor.accent.emphasis}',
530
+ $value: '{control.checked.bgColor.active}',
551
531
  $type: 'color',
552
532
  $extensions: {
553
533
  'org.primer.figma': {
@@ -557,13 +537,9 @@
557
537
  scopes: ['borderColor'],
558
538
  },
559
539
  },
560
- mix: {
561
- color: '{base.color.blue.7}',
562
- weight: 0.4,
563
- },
564
540
  },
565
541
  disabled: {
566
- $value: '{fgColor.disabled}',
542
+ $value: '{control.checked.bgColor.disabled}',
567
543
  $type: 'color',
568
544
  $extensions: {
569
545
  'org.primer.figma': {
@@ -580,7 +556,7 @@
580
556
  controlTrack: {
581
557
  bgColor: {
582
558
  rest: {
583
- $value: '{base.color.neutral.1}',
559
+ $value: '{base.color.neutral.3}',
584
560
  $type: 'color',
585
561
  $extensions: {
586
562
  'org.primer.figma': {
@@ -592,7 +568,7 @@
592
568
  },
593
569
  },
594
570
  hover: {
595
- $value: '{base.color.neutral.1}',
571
+ $value: '{base.color.neutral.4}',
596
572
  $type: 'color',
597
573
  $extensions: {
598
574
  'org.primer.figma': {
@@ -602,13 +578,9 @@
602
578
  scopes: ['bgColor'],
603
579
  },
604
580
  },
605
- mix: {
606
- color: '{base.color.neutral.3}',
607
- weight: 0.2,
608
- },
609
581
  },
610
582
  active: {
611
- $value: '{base.color.neutral.1}',
583
+ $value: '{base.color.neutral.5}',
612
584
  $type: 'color',
613
585
  $extensions: {
614
586
  'org.primer.figma': {
@@ -618,10 +590,6 @@
618
590
  scopes: ['bgColor'],
619
591
  },
620
592
  },
621
- mix: {
622
- color: '{base.color.neutral.3}',
623
- weight: 0.4,
624
- },
625
593
  },
626
594
  disabled: {
627
595
  $value: '{fgColor.disabled}',
@@ -638,7 +606,7 @@
638
606
  },
639
607
  fgColor: {
640
608
  rest: {
641
- $value: '{fgColor.muted}',
609
+ $value: '{base.color.neutral.9}',
642
610
  $type: 'color',
643
611
  $extensions: {
644
612
  'org.primer.figma': {
@@ -664,7 +632,7 @@
664
632
  },
665
633
  borderColor: {
666
634
  rest: {
667
- $value: '{base.color.transparent}',
635
+ $value: '{borderColor.default}',
668
636
  $type: 'color',
669
637
  $extensions: {
670
638
  'org.primer.figma': {
@@ -692,7 +660,7 @@
692
660
  controlKnob: {
693
661
  bgColor: {
694
662
  rest: {
695
- $value: '{base.color.white}',
663
+ $value: '{base.color.neutral.0}',
696
664
  $type: 'color',
697
665
  $extensions: {
698
666
  'org.primer.figma': {
@@ -716,7 +684,7 @@
716
684
  },
717
685
  },
718
686
  checked: {
719
- $value: '{base.color.white}',
687
+ $value: '{base.color.neutral.0}',
720
688
  $type: 'color',
721
689
  $extensions: {
722
690
  'org.primer.figma': {
@@ -780,6 +748,32 @@
780
748
  },
781
749
  },
782
750
  },
751
+ bgColor: {
752
+ muted: {
753
+ $value: '{bgColor.neutral.muted}',
754
+ $type: 'color',
755
+ $extensions: {
756
+ 'org.primer.figma': {
757
+ collection: 'mode',
758
+ mode: 'light',
759
+ group: 'component',
760
+ scopes: ['bgColor'],
761
+ },
762
+ },
763
+ },
764
+ emphasis: {
765
+ $value: '{bgColor.neutral.emphasis}',
766
+ $type: 'color',
767
+ $extensions: {
768
+ 'org.primer.figma': {
769
+ collection: 'mode',
770
+ mode: 'light',
771
+ group: 'component',
772
+ scopes: ['bgColor'],
773
+ },
774
+ },
775
+ }
776
+ },
783
777
  },
784
778
  button: {
785
779
  default: {
@@ -853,7 +847,7 @@
853
847
  },
854
848
  borderColor: {
855
849
  rest: {
856
- $value: '{borderColor.default}',
850
+ $value: '{control.borderColor.rest}',
857
851
  $type: 'color',
858
852
  $extensions: {
859
853
  'org.primer.figma': {
@@ -865,7 +859,7 @@
865
859
  },
866
860
  },
867
861
  hover: {
868
- $value: '{borderColor.default}',
862
+ $value: '{control.borderColor.rest}',
869
863
  $type: 'color',
870
864
  $extensions: {
871
865
  'org.primer.figma': {
@@ -877,7 +871,7 @@
877
871
  },
878
872
  },
879
873
  active: {
880
- $value: '{borderColor.default}',
874
+ $value: '{control.borderColor.rest}',
881
875
  $type: 'color',
882
876
  $extensions: {
883
877
  'org.primer.figma': {
@@ -917,7 +911,7 @@
917
911
  },
918
912
  },
919
913
  disabled: {
920
- $value: '{base.color.white}',
914
+ $value: '{base.color.neutral.0}',
921
915
  $type: 'color',
922
916
  $extensions: {
923
917
  'org.primer.figma': {
@@ -1009,7 +1003,7 @@
1009
1003
  },
1010
1004
  borderColor: {
1011
1005
  rest: {
1012
- $value: '{base.color.black}',
1006
+ $value: '{base.color.neutral.13}',
1013
1007
  $type: 'color',
1014
1008
  $extensions: {
1015
1009
  'org.primer.figma': {
@@ -1062,7 +1056,7 @@
1062
1056
  invisible: {
1063
1057
  fgColor: {
1064
1058
  rest: {
1065
- $value: '{fgColor.default}',
1059
+ $value: '{fgColor.muted}',
1066
1060
  $type: 'color',
1067
1061
  $extensions: {
1068
1062
  'org.primer.figma': {
@@ -1074,7 +1068,7 @@
1074
1068
  },
1075
1069
  },
1076
1070
  hover: {
1077
- $value: '{fgColor.default}',
1071
+ $value: '{fgColor.muted}',
1078
1072
  $type: 'color',
1079
1073
  $extensions: {
1080
1074
  'org.primer.figma': {
@@ -1240,7 +1234,7 @@
1240
1234
  },
1241
1235
  },
1242
1236
  hover: {
1243
- $value: '{base.color.white}',
1237
+ $value: '{base.color.neutral.0}',
1244
1238
  $type: 'color',
1245
1239
  $extensions: {
1246
1240
  'org.primer.figma': {
@@ -1252,7 +1246,7 @@
1252
1246
  },
1253
1247
  },
1254
1248
  active: {
1255
- $value: '{base.color.white}',
1249
+ $value: '{base.color.neutral.0}',
1256
1250
  $type: 'color',
1257
1251
  $extensions: {
1258
1252
  'org.primer.figma': {
@@ -1319,7 +1313,7 @@
1319
1313
  },
1320
1314
  },
1321
1315
  disabled: {
1322
- $value: '{base.color.neutral.0}',
1316
+ $value: '{control.bgColor.disabled}',
1323
1317
  $type: 'color',
1324
1318
  $extensions: {
1325
1319
  'org.primer.figma': {
@@ -1333,7 +1327,7 @@
1333
1327
  },
1334
1328
  borderColor: {
1335
1329
  hover: {
1336
- $value: '{base.color.black}',
1330
+ $value: '{button.primary.borderColor.hover}',
1337
1331
  $type: 'color',
1338
1332
  $extensions: {
1339
1333
  'org.primer.figma': {
@@ -1343,7 +1337,6 @@
1343
1337
  scopes: ['borderColor'],
1344
1338
  },
1345
1339
  },
1346
- alpha: 0.15,
1347
1340
  },
1348
1341
  active: {
1349
1342
  $value: '{button.outline.borderColor.hover}',
@@ -1374,7 +1367,7 @@
1374
1367
  },
1375
1368
  },
1376
1369
  hover: {
1377
- $value: '{base.color.white}',
1370
+ $value: '{base.color.neutral.0}',
1378
1371
  $type: 'color',
1379
1372
  $extensions: {
1380
1373
  'org.primer.figma': {
@@ -1386,7 +1379,7 @@
1386
1379
  },
1387
1380
  },
1388
1381
  active: {
1389
- $value: '{base.color.white}',
1382
+ $value: '{base.color.neutral.0}',
1390
1383
  $type: 'color',
1391
1384
  $extensions: {
1392
1385
  'org.primer.figma': {
@@ -1425,7 +1418,7 @@
1425
1418
  },
1426
1419
  },
1427
1420
  hover: {
1428
- $value: '{base.color.white}',
1421
+ $value: '{base.color.neutral.0}',
1429
1422
  $type: 'color',
1430
1423
  $extensions: {
1431
1424
  'org.primer.figma': {
@@ -1493,7 +1486,7 @@
1493
1486
  },
1494
1487
  borderColor: {
1495
1488
  rest: {
1496
- $value: '{borderColor.default}',
1489
+ $value: '{control.borderColor.rest}',
1497
1490
  $type: 'color',
1498
1491
  $extensions: {
1499
1492
  'org.primer.figma': {
@@ -1505,7 +1498,7 @@
1505
1498
  },
1506
1499
  },
1507
1500
  hover: {
1508
- $value: '{base.color.black}',
1501
+ $value: '{button.primary.borderColor.rest}',
1509
1502
  $type: 'color',
1510
1503
  $extensions: {
1511
1504
  'org.primer.figma': {
@@ -1515,7 +1508,6 @@
1515
1508
  scopes: ['borderColor'],
1516
1509
  },
1517
1510
  },
1518
- alpha: 0.15,
1519
1511
  },
1520
1512
  active: {
1521
1513
  $value: '{button.danger.borderColor.hover}',
@@ -1533,7 +1525,7 @@
1533
1525
  },
1534
1526
  inactive: {
1535
1527
  fgColor: {
1536
- $value: '{base.color.neutral.6}',
1528
+ $value: '{base.color.neutral.9}',
1537
1529
  $type: 'color',
1538
1530
  $extensions: {
1539
1531
  'org.primer.figma': {
@@ -1545,7 +1537,7 @@
1545
1537
  },
1546
1538
  },
1547
1539
  bgColor: {
1548
- $value: '{base.color.neutral.1}',
1540
+ $value: '{base.color.neutral.3}',
1549
1541
  $type: 'color',
1550
1542
  $extensions: {
1551
1543
  'org.primer.figma': {
@@ -1638,7 +1630,7 @@
1638
1630
  alpha: 0.1,
1639
1631
  },
1640
1632
  hover: {
1641
- $value: '{base.color.white}',
1633
+ $value: '{base.color.neutral.0}',
1642
1634
  $type: 'color',
1643
1635
  $extensions: {
1644
1636
  'org.primer.figma': {
@@ -1678,7 +1670,7 @@
1678
1670
  },
1679
1671
  },
1680
1672
  hover: {
1681
- $value: '{base.color.white}',
1673
+ $value: '{base.color.neutral.0}',
1682
1674
  $type: 'color',
1683
1675
  $extensions: {
1684
1676
  'org.primer.figma': {
@@ -1707,7 +1699,7 @@
1707
1699
  danger: {
1708
1700
  bgColor: {
1709
1701
  hover: {
1710
- $value: '{base.color.white}',
1702
+ $value: '{base.color.neutral.0}',
1711
1703
  $type: 'color',
1712
1704
  $extensions: {
1713
1705
  'org.primer.figma': {
@@ -1764,7 +1756,7 @@
1764
1756
  },
1765
1757
  },
1766
1758
  hover: {
1767
- $value: '{base.color.white}',
1759
+ $value: '{base.color.neutral.0}',
1768
1760
  $type: 'color',
1769
1761
  $extensions: {
1770
1762
  'org.primer.figma': {
@@ -1860,14 +1852,14 @@
1860
1852
  collection: 'mode',
1861
1853
  mode: 'light',
1862
1854
  group: 'component (internal)',
1863
- scopes: ['borderColor'],
1855
+ scopes: ['borderColor', 'effectColor'],
1864
1856
  },
1865
1857
  },
1866
1858
  },
1867
1859
  },
1868
1860
  header: {
1869
1861
  bgColor: {
1870
- $value: '{base.color.neutral.9}',
1862
+ $value: '{base.color.neutral.12}',
1871
1863
  $type: 'color',
1872
1864
  $extensions: {
1873
1865
  'org.primer.figma': {
@@ -1880,7 +1872,7 @@
1880
1872
  },
1881
1873
  fgColor: {
1882
1874
  default: {
1883
- $value: '{base.color.white}',
1875
+ $value: '{base.color.neutral.0}',
1884
1876
  $type: 'color',
1885
1877
  $extensions: {
1886
1878
  'org.primer.figma': {
@@ -1893,7 +1885,7 @@
1893
1885
  alpha: 0.7,
1894
1886
  },
1895
1887
  logo: {
1896
- $value: '{base.color.white}',
1888
+ $value: '{base.color.neutral.0}',
1897
1889
  $type: 'color',
1898
1890
  $extensions: {
1899
1891
  'org.primer.figma': {
@@ -1907,7 +1899,7 @@
1907
1899
  },
1908
1900
  borderColor: {
1909
1901
  divider: {
1910
- $value: '{base.color.neutral.6}',
1902
+ $value: '{base.color.neutral.8}',
1911
1903
  $type: 'color',
1912
1904
  $extensions: {
1913
1905
  'org.primer.figma': {
@@ -1922,7 +1914,7 @@
1922
1914
  },
1923
1915
  headerSearch: {
1924
1916
  bgColor: {
1925
- $value: '{base.color.neutral.9}',
1917
+ $value: '{base.color.neutral.12}',
1926
1918
  $type: 'color',
1927
1919
  $extensions: {
1928
1920
  'org.primer.figma': {
@@ -1934,7 +1926,7 @@
1934
1926
  },
1935
1927
  },
1936
1928
  borderColor: {
1937
- $value: '{base.color.neutral.6}',
1929
+ $value: '{base.color.neutral.8}',
1938
1930
  $type: 'color',
1939
1931
  $extensions: {
1940
1932
  'org.primer.figma': {
@@ -1964,7 +1956,7 @@
1964
1956
  },
1965
1957
  overlay: {
1966
1958
  bgColor: {
1967
- $value: '{base.color.white}',
1959
+ $value: '{base.color.neutral.0}',
1968
1960
  $type: 'color',
1969
1961
  $extensions: {
1970
1962
  'org.primer.figma': {
@@ -1989,7 +1981,7 @@
1989
1981
  },
1990
1982
  backdrop: {
1991
1983
  bgColor: {
1992
- $value: '{base.color.neutral.4}',
1984
+ $value: '{base.color.neutral.7}',
1993
1985
  $type: 'color',
1994
1986
  $extensions: {
1995
1987
  'org.primer.figma': {
@@ -1999,7 +1991,7 @@
1999
1991
  scopes: ['bgColor'],
2000
1992
  },
2001
1993
  },
2002
- alpha: 0.2,
1994
+ alpha: 0.4,
2003
1995
  },
2004
1996
  },
2005
1997
  },
@@ -2034,7 +2026,7 @@
2034
2026
  sideNav: {
2035
2027
  bgColor: {
2036
2028
  selected: {
2037
- $value: '{base.color.white}',
2029
+ $value: '{base.color.neutral.0}',
2038
2030
  $type: 'color',
2039
2031
  $extensions: {
2040
2032
  'org.primer.figma': {
@@ -2055,7 +2047,7 @@
2055
2047
  },
2056
2048
  timelineBadge: {
2057
2049
  bgColor: {
2058
- $value: '{base.color.neutral.1}',
2050
+ $value: '{bgColor.muted}',
2059
2051
  $type: 'color',
2060
2052
  $extensions: {
2061
2053
  'org.primer.figma': {
@@ -2100,7 +2092,7 @@
2100
2092
  },
2101
2093
  },
2102
2094
  hover: {
2103
- $value: '{borderColor.neutral.muted}',
2095
+ $value: '{borderColor.muted}',
2104
2096
  $type: 'color',
2105
2097
  $extensions: {
2106
2098
  'org.primer.figma': {