@primer/primitives 9.0.0-rc.02c27a21 → 9.0.0-rc.2cba8cbe

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 (83) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +258 -258
  2. package/dist/css/functional/themes/dark-dimmed.css +276 -276
  3. package/dist/css/functional/themes/dark-high-contrast.css +408 -408
  4. package/dist/css/functional/themes/dark-tritanopia.css +258 -258
  5. package/dist/css/functional/themes/dark.css +248 -248
  6. package/dist/css/functional/themes/light-colorblind.css +216 -216
  7. package/dist/css/functional/themes/light-high-contrast.css +248 -248
  8. package/dist/css/functional/themes/light-tritanopia.css +216 -216
  9. package/dist/css/functional/themes/light.css +206 -206
  10. package/dist/docs/functional/themes/dark-colorblind.json +266 -350
  11. package/dist/docs/functional/themes/dark-dimmed.json +292 -376
  12. package/dist/docs/functional/themes/dark-high-contrast.json +452 -524
  13. package/dist/docs/functional/themes/dark-tritanopia.json +264 -348
  14. package/dist/docs/functional/themes/dark.json +254 -338
  15. package/dist/docs/functional/themes/light-colorblind.json +245 -325
  16. package/dist/docs/functional/themes/light-high-contrast.json +295 -375
  17. package/dist/docs/functional/themes/light-tritanopia.json +244 -322
  18. package/dist/docs/functional/themes/light.json +234 -312
  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 +4646 -4658
  35. package/dist/figma/themes/dark-dimmed.json +2034 -2046
  36. package/dist/figma/themes/dark-high-contrast.json +2645 -2653
  37. package/dist/figma/themes/dark-tritanopia.json +4595 -4607
  38. package/dist/figma/themes/dark.json +4743 -4755
  39. package/dist/figma/themes/light-colorblind.json +2177 -2190
  40. package/dist/figma/themes/light-high-contrast.json +2415 -2430
  41. package/dist/figma/themes/light-tritanopia.json +2173 -2185
  42. package/dist/figma/themes/light.json +2158 -2170
  43. package/dist/internalCss/dark-colorblind.css +288 -278
  44. package/dist/internalCss/dark-dimmed.css +306 -296
  45. package/dist/internalCss/dark-high-contrast.css +438 -428
  46. package/dist/internalCss/dark-tritanopia.css +288 -278
  47. package/dist/internalCss/dark.css +278 -268
  48. package/dist/internalCss/light-colorblind.css +246 -236
  49. package/dist/internalCss/light-high-contrast.css +276 -266
  50. package/dist/internalCss/light-tritanopia.css +246 -236
  51. package/dist/internalCss/light.css +236 -226
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +266 -350
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +292 -376
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +452 -524
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +264 -348
  56. package/dist/styleLint/functional/themes/dark.json +254 -338
  57. package/dist/styleLint/functional/themes/light-colorblind.json +245 -325
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +295 -375
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +244 -322
  60. package/dist/styleLint/functional/themes/light.json +234 -312
  61. package/package.json +1 -1
  62. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -162
  63. package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -92
  64. package/src/tokens/base/color/dark/dark.json5 +149 -104
  65. package/src/tokens/base/color/light/light.high-contrast.json5 +0 -92
  66. package/src/tokens/base/color/light/light.json5 +148 -103
  67. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  68. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +147 -10
  69. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +174 -192
  70. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -7
  71. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -6
  72. package/src/tokens/functional/color/dark/patterns-dark.json5 +61 -95
  73. package/src/tokens/functional/color/dark/primitives-dark.json5 +27 -35
  74. package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
  75. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  76. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +73 -129
  77. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -7
  78. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -6
  79. package/src/tokens/functional/color/light/patterns-light.json5 +62 -96
  80. package/src/tokens/functional/color/light/primitives-light.json5 +27 -32
  81. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  82. package/src/tokens/functional/shadow/dark.json5 +15 -15
  83. package/src/tokens/functional/shadow/light.json5 +16 -16
package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 CHANGED
@@ -18,7 +18,7 @@
18
18
  $type: 'color',
19
19
  },
20
20
  closed: {
21
- $value: '{base.color.neutral.3}',
21
+ $value: '{fgColor.muted}',
22
22
  $type: 'color',
23
23
  },
24
24
  },
@@ -58,12 +58,11 @@
58
58
  },
59
59
  closed: {
60
60
  muted: {
61
- $value: '{base.color.neutral.4}',
61
+ $value: '{bgColor.neutral.muted}',
62
62
  $type: 'color',
63
- alpha: 0.4,
64
63
  },
65
64
  emphasis: {
66
- $value: '{base.color.neutral.4}',
65
+ $value: '{bgColor.neutral.emphasis}',
67
66
  $type: 'color',
68
67
  },
69
68
  },
@@ -82,12 +81,11 @@
82
81
  },
83
82
  closed: {
84
83
  muted: {
85
- $value: '{base.color.neutral.4}',
84
+ $value: '{borderColor.muted}',
86
85
  $type: 'color',
87
- alpha: 0.4,
88
86
  },
89
87
  emphasis: {
90
- $value: '{base.color.neutral.4}',
88
+ $value: '{borderColor.emphasis}',
91
89
  $type: 'color',
92
90
  },
93
91
  },
package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 CHANGED
@@ -18,7 +18,7 @@
18
18
  $type: 'color',
19
19
  },
20
20
  closed: {
21
- $value: '{base.color.neutral.4}',
21
+ $value: '{fgColor.muted}',
22
22
  $type: 'color',
23
23
  },
24
24
  },
@@ -58,12 +58,12 @@
58
58
  },
59
59
  closed: {
60
60
  muted: {
61
- $value: '{base.color.neutral.4}',
61
+ $value: '{bgColor.neutral.muted}',
62
62
  $type: 'color',
63
63
  alpha: 0.1,
64
64
  },
65
65
  emphasis: {
66
- $value: '{base.color.neutral.5}',
66
+ $value: '{bgColor.neutral.emphasis}',
67
67
  $type: 'color',
68
68
  },
69
69
  },
@@ -104,12 +104,11 @@
104
104
  },
105
105
  closed: {
106
106
  muted: {
107
- $value: '{base.color.neutral.4}',
107
+ $value: '{borderColor.default}',
108
108
  $type: 'color',
109
- alpha: 0.4,
110
109
  },
111
110
  emphasis: {
112
- $value: '{base.color.neutral.5}',
111
+ $value: '{borderColor.emphasis}',
113
112
  $type: 'color',
114
113
  },
115
114
  },
package/src/tokens/functional/color/dark/patterns-dark.json5 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  avatar: {
3
3
  bgColor: {
4
- $value: '{base.color.white}',
4
+ $value: '{base.color.neutral.13}',
5
5
  $type: 'color',
6
6
  $extensions: {
7
7
  'org.primer.figma': {
@@ -30,7 +30,7 @@
30
30
  fade: {
31
31
  bgColor: {
32
32
  default: {
33
- $value: '{base.color.neutral.6}',
33
+ $value: '{base.color.neutral.7}',
34
34
  $type: 'color',
35
35
  $extensions: {
36
36
  'org.primer.figma': {
@@ -42,7 +42,7 @@
42
42
  },
43
43
  },
44
44
  muted: {
45
- $value: '{base.color.neutral.7}',
45
+ $value: '{base.color.neutral.5}',
46
46
  $type: 'color',
47
47
  $extensions: {
48
48
  'org.primer.figma': {
@@ -59,7 +59,7 @@
59
59
  control: {
60
60
  bgColor: {
61
61
  rest: {
62
- $value: '{base.color.neutral.7}',
62
+ $value: '{base.color.neutral.3}',
63
63
  $type: 'color',
64
64
  $extensions: {
65
65
  'org.primer.figma': {
@@ -71,7 +71,7 @@
71
71
  },
72
72
  },
73
73
  hover: {
74
- $value: '{base.color.neutral.7}',
74
+ $value: '{base.color.neutral.4}',
75
75
  $type: 'color',
76
76
  $extensions: {
77
77
  'org.primer.figma': {
@@ -81,13 +81,9 @@
81
81
  scopes: ['bgColor'],
82
82
  },
83
83
  },
84
- mix: {
85
- color: '{base.color.neutral.5}',
86
- weight: 0.2,
87
- },
88
84
  },
89
85
  active: {
90
- $value: '{base.color.neutral.7}',
86
+ $value: '{base.color.neutral.5}',
91
87
  $type: 'color',
92
88
  $extensions: {
93
89
  'org.primer.figma': {
@@ -97,10 +93,6 @@
97
93
  scopes: ['bgColor'],
98
94
  },
99
95
  },
100
- mix: {
101
- color: '{base.color.neutral.5}',
102
- weight: 0.4,
103
- },
104
96
  },
105
97
  disabled: {
106
98
  $value: '{bgColor.disabled}',
@@ -115,7 +107,7 @@
115
107
  },
116
108
  },
117
109
  selected: {
118
- $value: '{base.color.neutral.8}',
110
+ $value: '{control.bgColor.rest}',
119
111
  $type: 'color',
120
112
  $extensions: {
121
113
  'org.primer.figma': {
@@ -129,7 +121,7 @@
129
121
  },
130
122
  fgColor: {
131
123
  rest: {
132
- $value: '{base.color.neutral.1}',
124
+ $value: '{fgColor.default}',
133
125
  $type: 'color',
134
126
  $extensions: {
135
127
  'org.primer.figma': {
@@ -141,12 +133,8 @@
141
133
  },
142
134
  },
143
135
  placeholder: {
144
- $value: '{base.color.neutral.3}',
136
+ $value: '{fgColor.muted}',
145
137
  $type: 'color',
146
- mix: {
147
- color: '{base.color.neutral.4}',
148
- weight: 0.2,
149
- },
150
138
  $extensions: {
151
139
  'org.primer.figma': {
152
140
  collection: 'mode',
@@ -183,7 +171,7 @@
183
171
  },
184
172
  },
185
173
  emphasis: {
186
- $value: '{base.color.neutral.4}',
174
+ $value: '{borderColor.emphasis}',
187
175
  $type: 'color',
188
176
  $extensions: {
189
177
  'org.primer.figma': {
@@ -193,10 +181,6 @@
193
181
  scopes: ['borderColor'],
194
182
  },
195
183
  },
196
- mix: {
197
- color: '{base.color.neutral.5}',
198
- weight: 0.2,
199
- },
200
184
  },
201
185
  disabled: {
202
186
  $value: '{borderColor.disabled}',
@@ -211,7 +195,7 @@
211
195
  },
212
196
  },
213
197
  selected: {
214
- $value: '{base.color.neutral.0}',
198
+ $value: '{base.color.neutral.12}',
215
199
  $type: 'color',
216
200
  $extensions: {
217
201
  'org.primer.figma': {
@@ -288,7 +272,7 @@
288
272
  },
289
273
  },
290
274
  hover: {
291
- $value: '{base.color.neutral.2}',
275
+ $value: '{base.color.neutral.8}',
292
276
  $type: 'color',
293
277
  $extensions: {
294
278
  'org.primer.figma': {
@@ -298,10 +282,10 @@
298
282
  scopes: ['bgColor'],
299
283
  },
300
284
  },
301
- alpha: 0.12,
285
+ alpha: 0.2,
302
286
  },
303
287
  active: {
304
- $value: '{base.color.neutral.2}',
288
+ $value: '{base.color.neutral.8}',
305
289
  $type: 'color',
306
290
  $extensions: {
307
291
  'org.primer.figma': {
@@ -311,7 +295,7 @@
311
295
  scopes: ['bgColor'],
312
296
  },
313
297
  },
314
- alpha: 0.2,
298
+ alpha: 0.25,
315
299
  },
316
300
  disabled: {
317
301
  $value: '{bgColor.disabled}',
@@ -326,7 +310,7 @@
326
310
  },
327
311
  },
328
312
  selected: {
329
- $value: '{base.color.neutral.2}',
313
+ $value: '{base.color.neutral.8}',
330
314
  $type: 'color',
331
315
  $extensions: {
332
316
  'org.primer.figma': {
@@ -336,7 +320,7 @@
336
320
  scopes: ['bgColor'],
337
321
  },
338
322
  },
339
- alpha: 0.08,
323
+ alpha: 0.1,
340
324
  },
341
325
  },
342
326
  borderColor: {
@@ -506,7 +490,7 @@
506
490
  },
507
491
  },
508
492
  disabled: {
509
- $value: '{base.color.black}',
493
+ $value: '{base.color.inset}',
510
494
  $type: 'color',
511
495
  $extensions: {
512
496
  'org.primer.figma': {
@@ -520,7 +504,7 @@
520
504
  },
521
505
  borderColor: {
522
506
  rest: {
523
- $value: '{bgColor.accent.emphasis}',
507
+ $value: '{control.checked.bgColor.rest}',
524
508
  $type: 'color',
525
509
  $extensions: {
526
510
  'org.primer.figma': {
@@ -532,7 +516,7 @@
532
516
  },
533
517
  },
534
518
  hover: {
535
- $value: '{bgColor.accent.emphasis}',
519
+ $value: '{control.checked.bgColor.hover}',
536
520
  $type: 'color',
537
521
  $extensions: {
538
522
  'org.primer.figma': {
@@ -542,13 +526,9 @@
542
526
  scopes: ['borderColor'],
543
527
  },
544
528
  },
545
- mix: {
546
- color: '{base.color.blue.3}',
547
- weight: 0.2,
548
- },
549
529
  },
550
530
  active: {
551
- $value: '{bgColor.accent.emphasis}',
531
+ $value: '{control.checked.bgColor.active}',
552
532
  $type: 'color',
553
533
  $extensions: {
554
534
  'org.primer.figma': {
@@ -558,13 +538,9 @@
558
538
  scopes: ['borderColor'],
559
539
  },
560
540
  },
561
- mix: {
562
- color: '{base.color.blue.3}',
563
- weight: 0.4,
564
- },
565
541
  },
566
542
  disabled: {
567
- $value: '{fgColor.disabled}',
543
+ $value: '{control.checked.bgColor.disabled}',
568
544
  $type: 'color',
569
545
  $extensions: {
570
546
  'org.primer.figma': {
@@ -581,7 +557,7 @@
581
557
  controlTrack: {
582
558
  bgColor: {
583
559
  rest: {
584
- $value: '{base.color.neutral.7}',
560
+ $value: '{base.color.neutral.4}',
585
561
  $type: 'color',
586
562
  $extensions: {
587
563
  'org.primer.figma': {
@@ -593,7 +569,7 @@
593
569
  },
594
570
  },
595
571
  hover: {
596
- $value: '{base.color.neutral.7}',
572
+ $value: '{base.color.neutral.5}',
597
573
  $type: 'color',
598
574
  $extensions: {
599
575
  'org.primer.figma': {
@@ -603,13 +579,9 @@
603
579
  scopes: ['bgColor'],
604
580
  },
605
581
  },
606
- mix: {
607
- color: '{base.color.neutral.5}',
608
- weight: 0.2,
609
- },
610
582
  },
611
583
  active: {
612
- $value: '{base.color.neutral.7}',
584
+ $value: '{base.color.neutral.6}',
613
585
  $type: 'color',
614
586
  $extensions: {
615
587
  'org.primer.figma': {
@@ -619,10 +591,6 @@
619
591
  scopes: ['bgColor'],
620
592
  },
621
593
  },
622
- mix: {
623
- color: '{base.color.neutral.5}',
624
- weight: 0.4,
625
- },
626
594
  },
627
595
  disabled: {
628
596
  $value: '{fgColor.disabled}',
@@ -665,7 +633,7 @@
665
633
  },
666
634
  borderColor: {
667
635
  rest: {
668
- $value: '{base.color.transparent}',
636
+ $value: '{borderColor.default}',
669
637
  $type: 'color',
670
638
  $extensions: {
671
639
  'org.primer.figma': {
@@ -693,7 +661,7 @@
693
661
  controlKnob: {
694
662
  bgColor: {
695
663
  rest: {
696
- $value: '{base.color.black}',
664
+ $value: '{bgColor.inset}',
697
665
  $type: 'color',
698
666
  $extensions: {
699
667
  'org.primer.figma': {
@@ -717,7 +685,7 @@
717
685
  },
718
686
  },
719
687
  checked: {
720
- $value: '{base.color.white}',
688
+ $value: '{base.color.neutral.13}',
721
689
  $type: 'color',
722
690
  $extensions: {
723
691
  'org.primer.figma': {
@@ -862,7 +830,7 @@
862
830
  },
863
831
  borderColor: {
864
832
  rest: {
865
- $value: '{borderColor.default}',
833
+ $value: '{control.borderColor.rest}',
866
834
  $type: 'color',
867
835
  $extensions: {
868
836
  'org.primer.figma': {
@@ -926,7 +894,7 @@
926
894
  },
927
895
  },
928
896
  disabled: {
929
- $value: '{base.color.white}',
897
+ $value: '{base.color.neutral.13}',
930
898
  $type: 'color',
931
899
  $extensions: {
932
900
  'org.primer.figma': {
@@ -1017,7 +985,7 @@
1017
985
  },
1018
986
  borderColor: {
1019
987
  rest: {
1020
- $value: '{base.color.neutral.0}',
988
+ $value: '{base.color.neutral.13}',
1021
989
  $type: 'color',
1022
990
  $extensions: {
1023
991
  'org.primer.figma': {
@@ -1070,7 +1038,7 @@
1070
1038
  invisible: {
1071
1039
  fgColor: {
1072
1040
  rest: {
1073
- $value: '{fgColor.accent}',
1041
+ $value: '{fgColor.muted}',
1074
1042
  $type: 'color',
1075
1043
  $extensions: {
1076
1044
  'org.primer.figma': {
@@ -1082,7 +1050,7 @@
1082
1050
  },
1083
1051
  },
1084
1052
  hover: {
1085
- $value: '{base.color.blue.3}',
1053
+ $value: '{fgColor.muted}',
1086
1054
  $type: 'color',
1087
1055
  $extensions: {
1088
1056
  'org.primer.figma': {
@@ -1120,7 +1088,7 @@
1120
1088
  },
1121
1089
  },
1122
1090
  hover: {
1123
- $value: '{fgColor.default}',
1091
+ $value: '{fgColor.muted}',
1124
1092
  $type: 'color',
1125
1093
  $extensions: {
1126
1094
  'org.primer.figma': {
@@ -1260,7 +1228,7 @@
1260
1228
  },
1261
1229
  },
1262
1230
  active: {
1263
- $value: '{base.color.white}',
1231
+ $value: '{base.color.neutral.13}',
1264
1232
  $type: 'color',
1265
1233
  $extensions: {
1266
1234
  'org.primer.figma': {
@@ -1287,7 +1255,7 @@
1287
1255
  },
1288
1256
  bgColor: {
1289
1257
  rest: {
1290
- $value: '{base.color.neutral.0}',
1258
+ $value: '{base.color.neutral.12}',
1291
1259
  $type: 'color',
1292
1260
  $extensions: {
1293
1261
  'org.primer.figma': {
@@ -1299,7 +1267,7 @@
1299
1267
  },
1300
1268
  },
1301
1269
  hover: {
1302
- $value: '{base.color.neutral.6}',
1270
+ $value: '{control.bgColor.hover}',
1303
1271
  $type: 'color',
1304
1272
  $extensions: {
1305
1273
  'org.primer.figma': {
@@ -1323,7 +1291,7 @@
1323
1291
  },
1324
1292
  },
1325
1293
  disabled: {
1326
- $value: '{base.color.neutral.9}',
1294
+ $value: '{control.bgColor.disabled}',
1327
1295
  $type: 'color',
1328
1296
  $extensions: {
1329
1297
  'org.primer.figma': {
@@ -1337,7 +1305,7 @@
1337
1305
  },
1338
1306
  borderColor: {
1339
1307
  hover: {
1340
- $value: '{base.color.neutral.0}',
1308
+ $value: '{button.default.borderColor.hover}',
1341
1309
  $type: 'color',
1342
1310
  $extensions: {
1343
1311
  'org.primer.figma': {
@@ -1347,7 +1315,6 @@
1347
1315
  scopes: ['borderColor'],
1348
1316
  },
1349
1317
  },
1350
- alpha: 0.1,
1351
1318
  },
1352
1319
  selected: {
1353
1320
  $value: '{button.outline.borderColor.hover}',
@@ -1378,7 +1345,7 @@
1378
1345
  },
1379
1346
  },
1380
1347
  hover: {
1381
- $value: '{base.color.white}',
1348
+ $value: '{base.color.neutral.13}',
1382
1349
  $type: 'color',
1383
1350
  $extensions: {
1384
1351
  'org.primer.figma': {
@@ -1390,7 +1357,7 @@
1390
1357
  },
1391
1358
  },
1392
1359
  active: {
1393
- $value: '{base.color.white}',
1360
+ $value: '{base.color.neutral.13}',
1394
1361
  $type: 'color',
1395
1362
  $extensions: {
1396
1363
  'org.primer.figma': {
@@ -1429,7 +1396,7 @@
1429
1396
  },
1430
1397
  },
1431
1398
  hover: {
1432
- $value: '{base.color.white}',
1399
+ $value: '{base.color.neutral.13}',
1433
1400
  $type: 'color',
1434
1401
  $extensions: {
1435
1402
  'org.primer.figma': {
@@ -1497,7 +1464,7 @@
1497
1464
  },
1498
1465
  borderColor: {
1499
1466
  rest: {
1500
- $value: '{borderColor.default}',
1467
+ $value: '{control.borderColor.rest}',
1501
1468
  $type: 'color',
1502
1469
  $extensions: {
1503
1470
  'org.primer.figma': {
@@ -1509,7 +1476,7 @@
1509
1476
  },
1510
1477
  },
1511
1478
  hover: {
1512
- $value: '{base.color.neutral.0}',
1479
+ $value: '{button.primary.borderColor.rest}',
1513
1480
  $type: 'color',
1514
1481
  $extensions: {
1515
1482
  'org.primer.figma': {
@@ -1519,7 +1486,6 @@
1519
1486
  scopes: ['borderColor'],
1520
1487
  },
1521
1488
  },
1522
- alpha: 0.1,
1523
1489
  },
1524
1490
  active: {
1525
1491
  $value: '{button.danger.borderColor.hover}',
@@ -1537,7 +1503,7 @@
1537
1503
  },
1538
1504
  inactive: {
1539
1505
  fgColor: {
1540
- $value: '{base.color.neutral.3}',
1506
+ $value: '{base.color.neutral.9}',
1541
1507
  $type: 'color',
1542
1508
  $extensions: {
1543
1509
  'org.primer.figma': {
@@ -1549,7 +1515,7 @@
1549
1515
  },
1550
1516
  },
1551
1517
  bgColor: {
1552
- $value: '{base.color.neutral.7}',
1518
+ $value: '{base.color.neutral.4}',
1553
1519
  $type: 'color',
1554
1520
  $extensions: {
1555
1521
  'org.primer.figma': {
@@ -1596,7 +1562,7 @@
1596
1562
  invisible: {
1597
1563
  bgColor: {
1598
1564
  rest: {
1599
- $value: '{base.color.neutral.6}',
1565
+ $value: '{bgColor.neutral.muted}',
1600
1566
  $type: 'color',
1601
1567
  $extensions: {
1602
1568
  'org.primer.figma': {
@@ -1712,7 +1678,7 @@
1712
1678
  danger: {
1713
1679
  bgColor: {
1714
1680
  hover: {
1715
- $value: '{base.color.white}',
1681
+ $value: '{base.color.neutral.13}',
1716
1682
  $type: 'color',
1717
1683
  $extensions: {
1718
1684
  'org.primer.figma': {
@@ -1765,7 +1731,7 @@
1765
1731
  },
1766
1732
  },
1767
1733
  hover: {
1768
- $value: '{base.color.white}',
1734
+ $value: '{base.color.neutral.13}',
1769
1735
  $type: 'color',
1770
1736
  $extensions: {
1771
1737
  'org.primer.figma': {
@@ -1870,7 +1836,7 @@
1870
1836
  },
1871
1837
  header: {
1872
1838
  bgColor: {
1873
- $value: '{base.color.neutral.8}',
1839
+ $value: '{base.color.neutral.2}',
1874
1840
  $type: 'color',
1875
1841
  $extensions: {
1876
1842
  'org.primer.figma': {
@@ -1884,7 +1850,7 @@
1884
1850
  },
1885
1851
  fgColor: {
1886
1852
  default: {
1887
- $value: '{base.color.white}',
1853
+ $value: '{base.color.neutral.13}',
1888
1854
  $type: 'color',
1889
1855
  $extensions: {
1890
1856
  'org.primer.figma': {
@@ -1897,7 +1863,7 @@
1897
1863
  alpha: 0.7,
1898
1864
  },
1899
1865
  logo: {
1900
- $value: '{base.color.neutral.0}',
1866
+ $value: '{base.color.neutral.12}',
1901
1867
  $type: 'color',
1902
1868
  $extensions: {
1903
1869
  'org.primer.figma': {
@@ -1911,7 +1877,7 @@
1911
1877
  },
1912
1878
  borderColor: {
1913
1879
  divider: {
1914
- $value: '{base.color.neutral.3}',
1880
+ $value: '{base.color.neutral.8}',
1915
1881
  $type: 'color',
1916
1882
  $extensions: {
1917
1883
  'org.primer.figma': {
@@ -1926,7 +1892,7 @@
1926
1892
  },
1927
1893
  headerSearch: {
1928
1894
  bgColor: {
1929
- $value: '{base.color.neutral.9}',
1895
+ $value: '{base.color.neutral.1}',
1930
1896
  $type: 'color',
1931
1897
  $extensions: {
1932
1898
  'org.primer.figma': {
@@ -1938,7 +1904,7 @@
1938
1904
  },
1939
1905
  },
1940
1906
  borderColor: {
1941
- $value: '{base.color.neutral.6}',
1907
+ $value: '{base.color.neutral.5}',
1942
1908
  $type: 'color',
1943
1909
  $extensions: {
1944
1910
  'org.primer.figma': {
@@ -1953,7 +1919,7 @@
1953
1919
  menu: {
1954
1920
  bgColor: {
1955
1921
  active: {
1956
- $value: '{base.color.neutral.8}',
1922
+ $value: '{base.color.neutral.2}',
1957
1923
  $type: 'color',
1958
1924
  $extensions: {
1959
1925
  'org.primer.figma': {
@@ -1968,7 +1934,7 @@
1968
1934
  },
1969
1935
  overlay: {
1970
1936
  bgColor: {
1971
- $value: '{base.color.neutral.8}',
1937
+ $value: '{bgColor.muted}',
1972
1938
  $type: 'color',
1973
1939
  $extensions: {
1974
1940
  'org.primer.figma': {
@@ -1992,7 +1958,7 @@
1992
1958
  },
1993
1959
  backdrop: {
1994
1960
  bgColor: {
1995
- $value: '{base.color.neutral.8}',
1961
+ $value: '{base.color.neutral.3}',
1996
1962
  $type: 'color',
1997
1963
  $extensions: {
1998
1964
  'org.primer.figma': {
@@ -2008,7 +1974,7 @@
2008
1974
  },
2009
1975
  selectMenu: {
2010
1976
  borderColor: {
2011
- $value: '{base.color.neutral.5}',
1977
+ $value: '{borderColor.default}',
2012
1978
  $type: 'color',
2013
1979
  $extensions: {
2014
1980
  'org.primer.figma': {
@@ -2037,7 +2003,7 @@
2037
2003
  sideNav: {
2038
2004
  bgColor: {
2039
2005
  selected: {
2040
- $value: '{base.color.neutral.7}',
2006
+ $value: '{base.color.neutral.3}',
2041
2007
  $type: 'color',
2042
2008
  $extensions: {
2043
2009
  'org.primer.figma': {
@@ -2058,7 +2024,7 @@
2058
2024
  },
2059
2025
  timelineBadge: {
2060
2026
  bgColor: {
2061
- $value: '{base.color.neutral.7}',
2027
+ $value: '{base.color.neutral.3}',
2062
2028
  $type: 'color',
2063
2029
  $extensions: {
2064
2030
  'org.primer.figma': {