@primer/primitives 8.2.3 → 8.2.4-rc.20f0592f

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 (57) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +48 -48
  2. package/dist/css/functional/themes/dark-dimmed.css +50 -50
  3. package/dist/css/functional/themes/dark-high-contrast.css +50 -50
  4. package/dist/css/functional/themes/dark-tritanopia.css +50 -50
  5. package/dist/css/functional/themes/dark.css +50 -50
  6. package/dist/css/functional/themes/light-colorblind.css +22 -22
  7. package/dist/css/functional/themes/light-high-contrast.css +10 -10
  8. package/dist/css/functional/themes/light-tritanopia.css +22 -22
  9. package/dist/css/functional/themes/light.css +10 -10
  10. package/dist/docs/functional/themes/dark-colorblind.json +202 -202
  11. package/dist/docs/functional/themes/dark-dimmed.json +212 -210
  12. package/dist/docs/functional/themes/dark-high-contrast.json +212 -210
  13. package/dist/docs/functional/themes/dark-tritanopia.json +206 -206
  14. package/dist/docs/functional/themes/dark.json +212 -210
  15. package/dist/docs/functional/themes/light-colorblind.json +187 -193
  16. package/dist/docs/functional/themes/light-high-contrast.json +185 -183
  17. package/dist/docs/functional/themes/light-tritanopia.json +187 -193
  18. package/dist/docs/functional/themes/light.json +180 -178
  19. package/dist/figma/themes/dark-colorblind.json +231 -231
  20. package/dist/figma/themes/dark-dimmed.json +215 -214
  21. package/dist/figma/themes/dark-high-contrast.json +215 -214
  22. package/dist/figma/themes/dark-tritanopia.json +233 -233
  23. package/dist/figma/themes/dark.json +215 -214
  24. package/dist/figma/themes/light-colorblind.json +213 -214
  25. package/dist/figma/themes/light-high-contrast.json +135 -134
  26. package/dist/figma/themes/light-tritanopia.json +212 -213
  27. package/dist/figma/themes/light.json +135 -134
  28. package/dist/internalCss/dark-colorblind.css +48 -48
  29. package/dist/internalCss/dark-dimmed.css +50 -50
  30. package/dist/internalCss/dark-high-contrast.css +50 -50
  31. package/dist/internalCss/dark-tritanopia.css +50 -50
  32. package/dist/internalCss/dark.css +50 -50
  33. package/dist/internalCss/light-colorblind.css +22 -22
  34. package/dist/internalCss/light-high-contrast.css +10 -10
  35. package/dist/internalCss/light-tritanopia.css +22 -22
  36. package/dist/internalCss/light.css +10 -10
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +202 -202
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +212 -210
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +212 -210
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +206 -206
  41. package/dist/styleLint/functional/themes/dark.json +212 -210
  42. package/dist/styleLint/functional/themes/light-colorblind.json +187 -193
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +185 -183
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +187 -193
  45. package/dist/styleLint/functional/themes/light.json +180 -178
  46. package/package.json +1 -1
  47. package/src/tokens/functional/color/dark/display-dark.json5 +19 -19
  48. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +7 -0
  49. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +8 -16
  50. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +13 -17
  51. package/src/tokens/functional/color/dark/patterns-dark.json5 +10 -10
  52. package/src/tokens/functional/color/dark/primitives-dark.json5 +174 -197
  53. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +11 -8
  54. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +14 -25
  55. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +11 -22
  56. package/src/tokens/functional/color/light/patterns-light.json5 +12 -12
  57. package/src/tokens/functional/color/light/primitives-light.json5 +173 -196
package/src/tokens/functional/color/dark/primitives-dark.json5 CHANGED
@@ -90,206 +90,182 @@
90
90
  },
91
91
  },
92
92
  link: {
93
- '@': {
94
- $value: '{fgColor.accent.@}',
95
- $type: 'color',
96
- $extensions: {
97
- 'org.primer.figma': {
98
- collection: 'mode',
99
- mode: 'dark',
100
- group: 'semantic',
101
- scopes: ['fgColor'],
102
- codeSyntax: {
103
- web: 'var(--fgColor-link) /* utility class: .color-fg-accent */',
104
- },
93
+ $value: '{fgColor.accent}',
94
+ $type: 'color',
95
+ $extensions: {
96
+ 'org.primer.figma': {
97
+ collection: 'mode',
98
+ mode: 'dark',
99
+ group: 'semantic',
100
+ scopes: ['fgColor'],
101
+ codeSyntax: {
102
+ web: 'var(--fgColor-link) /* utility class: .color-fg-accent */',
105
103
  },
106
104
  },
107
105
  },
108
106
  },
109
107
  neutral: {
110
- '@': {
111
- $value: '{base.color.neutral.4}',
112
- $type: 'color',
113
- $extensions: {
114
- 'org.primer.figma': {
115
- collection: 'mode',
116
- mode: 'dark',
117
- group: 'semantic',
118
- scopes: ['fgColor'],
119
- },
108
+ $value: '{base.color.neutral.4}',
109
+ $type: 'color',
110
+ $extensions: {
111
+ 'org.primer.figma': {
112
+ collection: 'mode',
113
+ mode: 'dark',
114
+ group: 'semantic',
115
+ scopes: ['fgColor'],
120
116
  },
121
117
  },
122
118
  },
123
119
  accent: {
124
- '@': {
125
- $value: '{base.color.blue.3}',
126
- $type: 'color',
127
- $extensions: {
128
- 'org.primer.figma': {
129
- collection: 'mode',
130
- mode: 'dark',
131
- group: 'semantic',
132
- scopes: ['fgColor'],
133
- codeSyntax: {
134
- web: 'var(--fgColor-accent) /* utility class: .color-fg-accent */',
135
- },
120
+ $value: '{base.color.blue.3}',
121
+ $type: 'color',
122
+ $extensions: {
123
+ 'org.primer.figma': {
124
+ collection: 'mode',
125
+ mode: 'dark',
126
+ group: 'semantic',
127
+ scopes: ['fgColor'],
128
+ codeSyntax: {
129
+ web: 'var(--fgColor-accent) /* utility class: .color-fg-accent */',
136
130
  },
137
131
  },
138
- mix: {
139
- color: '{base.color.blue.5}',
140
- weight: 0.35,
141
- },
132
+ },
133
+ mix: {
134
+ color: '{base.color.blue.5}',
135
+ weight: 0.35,
142
136
  },
143
137
  },
144
138
  success: {
145
- '@': {
146
- $value: '{base.color.green.3}',
147
- $type: 'color',
148
- $extensions: {
149
- 'org.primer.figma': {
150
- collection: 'mode',
151
- mode: 'dark',
152
- group: 'semantic',
153
- scopes: ['fgColor'],
154
- codeSyntax: {
155
- web: 'var(--fgColor-success) /* utility class: .color-fg-success */',
156
- },
139
+ $value: '{base.color.green.3}',
140
+ $type: 'color',
141
+ $extensions: {
142
+ 'org.primer.figma': {
143
+ collection: 'mode',
144
+ mode: 'dark',
145
+ group: 'semantic',
146
+ scopes: ['fgColor'],
147
+ codeSyntax: {
148
+ web: 'var(--fgColor-success) /* utility class: .color-fg-success */',
157
149
  },
158
150
  },
159
151
  },
160
152
  },
161
- attention: {
162
- '@': {
163
- $value: '{base.color.yellow.3}',
164
- $type: 'color',
165
- $extensions: {
166
- 'org.primer.figma': {
167
- collection: 'mode',
168
- mode: 'dark',
169
- group: 'semantic',
170
- scopes: ['fgColor'],
171
- codeSyntax: {
172
- web: 'var(--fgColor-attention) /* utility class: .color-fg-attention */',
173
- },
153
+ open: {
154
+ $value: '{fgColor.success}',
155
+ $type: 'color',
156
+ $extensions: {
157
+ 'org.primer.figma': {
158
+ collection: 'mode',
159
+ mode: 'dark',
160
+ group: 'semantic',
161
+ scopes: ['fgColor'],
162
+ codeSyntax: {
163
+ web: 'var(--fgColor-open) /* utility class: .color-fg-open */',
174
164
  },
175
165
  },
176
166
  },
177
167
  },
178
- severe: {
179
- '@': {
180
- $value: '{base.color.orange.4}',
181
- $type: 'color',
182
- $extensions: {
183
- 'org.primer.figma': {
184
- collection: 'mode',
185
- mode: 'dark',
186
- group: 'semantic',
187
- scopes: ['fgColor'],
188
- codeSyntax: {
189
- web: 'var(--fgColor-severe) /* utility class: .color-fg-severe */',
190
- },
168
+ attention: {
169
+ $value: '{base.color.yellow.3}',
170
+ $type: 'color',
171
+ $extensions: {
172
+ 'org.primer.figma': {
173
+ collection: 'mode',
174
+ mode: 'dark',
175
+ group: 'semantic',
176
+ scopes: ['fgColor'],
177
+ codeSyntax: {
178
+ web: 'var(--fgColor-attention) /* utility class: .color-fg-attention */',
191
179
  },
192
180
  },
193
181
  },
194
182
  },
195
- danger: {
196
- '@': {
197
- $value: '{base.color.red.4}',
198
- $type: 'color',
199
- $extensions: {
200
- 'org.primer.figma': {
201
- collection: 'mode',
202
- mode: 'dark',
203
- group: 'semantic',
204
- scopes: ['fgColor'],
205
- codeSyntax: {
206
- web: 'var(--fgColor-danger) /* utility class: .color-fg-danger */',
207
- },
183
+ severe: {
184
+ $value: '{base.color.orange.4}',
185
+ $type: 'color',
186
+ $extensions: {
187
+ 'org.primer.figma': {
188
+ collection: 'mode',
189
+ mode: 'dark',
190
+ group: 'semantic',
191
+ scopes: ['fgColor'],
192
+ codeSyntax: {
193
+ web: 'var(--fgColor-severe) /* utility class: .color-fg-severe */',
208
194
  },
209
195
  },
210
196
  },
211
197
  },
212
- open: {
213
- '@': {
214
- $value: '{fgColor.success.@}',
215
- $type: 'color',
216
- $extensions: {
217
- 'org.primer.figma': {
218
- collection: 'mode',
219
- mode: 'dark',
220
- group: 'semantic',
221
- scopes: ['fgColor'],
222
- codeSyntax: {
223
- web: 'var(--fgColor-open) /* utility class: .color-fg-open */',
224
- },
198
+ danger: {
199
+ $value: '{base.color.red.4}',
200
+ $type: 'color',
201
+ $extensions: {
202
+ 'org.primer.figma': {
203
+ collection: 'mode',
204
+ mode: 'dark',
205
+ group: 'semantic',
206
+ scopes: ['fgColor'],
207
+ codeSyntax: {
208
+ web: 'var(--fgColor-danger) /* utility class: .color-fg-danger */',
225
209
  },
226
210
  },
227
211
  },
228
212
  },
229
213
  closed: {
230
- '@': {
231
- $value: '{base.color.red.4}',
232
- $type: 'color',
233
- $extensions: {
234
- 'org.primer.figma': {
235
- collection: 'mode',
236
- mode: 'dark',
237
- group: 'semantic',
238
- scopes: ['fgColor'],
239
- codeSyntax: {
240
- web: 'var(--fgColor-closed) /* utility class: .color-fg-closed */',
241
- },
214
+ $value: '{fgColor.danger}',
215
+ $type: 'color',
216
+ $extensions: {
217
+ 'org.primer.figma': {
218
+ collection: 'mode',
219
+ mode: 'dark',
220
+ group: 'semantic',
221
+ scopes: ['fgColor'],
222
+ codeSyntax: {
223
+ web: 'var(--fgColor-closed) /* utility class: .color-fg-closed */',
242
224
  },
243
225
  },
244
226
  },
245
227
  },
246
228
  done: {
247
- '@': {
248
- $value: '{base.color.purple.4}',
249
- $type: 'color',
250
- $extensions: {
251
- 'org.primer.figma': {
252
- collection: 'mode',
253
- mode: 'dark',
254
- group: 'semantic',
255
- scopes: ['fgColor'],
256
- codeSyntax: {
257
- web: 'var(--fgColor-done) /* utility class: .color-fg-done */',
258
- },
229
+ $value: '{base.color.purple.4}',
230
+ $type: 'color',
231
+ $extensions: {
232
+ 'org.primer.figma': {
233
+ collection: 'mode',
234
+ mode: 'dark',
235
+ group: 'semantic',
236
+ scopes: ['fgColor'],
237
+ codeSyntax: {
238
+ web: 'var(--fgColor-done) /* utility class: .color-fg-done */',
259
239
  },
260
240
  },
261
241
  },
262
242
  },
263
243
  upsell: {
264
- '@': {
265
- $value: '{base.color.purple.4}',
266
- $type: 'color',
267
- $extensions: {
268
- 'org.primer.figma': {
269
- collection: 'mode',
270
- mode: 'dark',
271
- group: 'semantic',
272
- scopes: ['fgColor'],
273
- codeSyntax: {
274
- web: 'var(--fgColor-upsell)',
275
- },
244
+ $value: '{fgColor.done}',
245
+ $type: 'color',
246
+ $extensions: {
247
+ 'org.primer.figma': {
248
+ collection: 'mode',
249
+ mode: 'dark',
250
+ group: 'semantic',
251
+ scopes: ['fgColor'],
252
+ codeSyntax: {
253
+ web: 'var(--fgColor-upsell)',
276
254
  },
277
255
  },
278
256
  },
279
257
  },
280
258
  sponsors: {
281
- '@': {
282
- $value: '{base.color.pink.4}',
283
- $type: 'color',
284
- $extensions: {
285
- 'org.primer.figma': {
286
- collection: 'mode',
287
- mode: 'dark',
288
- group: 'semantic',
289
- scopes: ['fgColor'],
290
- codeSyntax: {
291
- web: 'var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */',
292
- },
259
+ $value: '{base.color.pink.4}',
260
+ $type: 'color',
261
+ $extensions: {
262
+ 'org.primer.figma': {
263
+ collection: 'mode',
264
+ mode: 'dark',
265
+ group: 'semantic',
266
+ scopes: ['fgColor'],
267
+ codeSyntax: {
268
+ web: 'var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */',
293
269
  },
294
270
  },
295
271
  },
@@ -513,9 +489,9 @@
513
489
  },
514
490
  },
515
491
  },
516
- attention: {
492
+ open: {
517
493
  muted: {
518
- $value: '{base.color.yellow.4}',
494
+ $value: '{bgColor.success.muted}',
519
495
  $type: 'color',
520
496
  $extensions: {
521
497
  'org.primer.figma': {
@@ -524,14 +500,14 @@
524
500
  group: 'semantic',
525
501
  scopes: ['bgColor'],
526
502
  codeSyntax: {
527
- web: 'var(--bgColor-attention-muted) /* utility class: .color-bg-attention */',
503
+ web: 'var(--bgColor-success-muted) /* utility class: .color-bg-success */',
528
504
  },
529
505
  },
530
506
  },
531
507
  alpha: 0.15,
532
508
  },
533
509
  emphasis: {
534
- $value: '{base.color.yellow.5}',
510
+ $value: '{bgColor.success.emphasis}',
535
511
  $type: 'color',
536
512
  $extensions: {
537
513
  'org.primer.figma': {
@@ -540,15 +516,15 @@
540
516
  group: 'semantic',
541
517
  scopes: ['bgColor'],
542
518
  codeSyntax: {
543
- web: 'var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */',
519
+ web: 'var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */',
544
520
  },
545
521
  },
546
522
  },
547
523
  },
548
524
  },
549
- severe: {
525
+ attention: {
550
526
  muted: {
551
- $value: '{base.color.orange.4}',
527
+ $value: '{base.color.yellow.4}',
552
528
  $type: 'color',
553
529
  $extensions: {
554
530
  'org.primer.figma': {
@@ -557,14 +533,14 @@
557
533
  group: 'semantic',
558
534
  scopes: ['bgColor'],
559
535
  codeSyntax: {
560
- web: 'var(--bgColor-severe-muted) /* utility class: .color-bg-severe */',
536
+ web: 'var(--bgColor-attention-muted) /* utility class: .color-bg-attention */',
561
537
  },
562
538
  },
563
539
  },
564
- alpha: 0.1,
540
+ alpha: 0.15,
565
541
  },
566
542
  emphasis: {
567
- $value: '{base.color.orange.5}',
543
+ $value: '{base.color.yellow.5}',
568
544
  $type: 'color',
569
545
  $extensions: {
570
546
  'org.primer.figma': {
@@ -573,15 +549,15 @@
573
549
  group: 'semantic',
574
550
  scopes: ['bgColor'],
575
551
  codeSyntax: {
576
- web: 'var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */',
552
+ web: 'var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */',
577
553
  },
578
554
  },
579
555
  },
580
556
  },
581
557
  },
582
- danger: {
558
+ severe: {
583
559
  muted: {
584
- $value: '{base.color.red.4}',
560
+ $value: '{base.color.orange.4}',
585
561
  $type: 'color',
586
562
  $extensions: {
587
563
  'org.primer.figma': {
@@ -590,14 +566,14 @@
590
566
  group: 'semantic',
591
567
  scopes: ['bgColor'],
592
568
  codeSyntax: {
593
- web: 'var(--bgColor-danger-muted) /* utility class: .color-bg-danger */',
569
+ web: 'var(--bgColor-severe-muted) /* utility class: .color-bg-severe */',
594
570
  },
595
571
  },
596
572
  },
597
573
  alpha: 0.1,
598
574
  },
599
575
  emphasis: {
600
- $value: '{base.color.red.5}',
576
+ $value: '{base.color.orange.5}',
601
577
  $type: 'color',
602
578
  $extensions: {
603
579
  'org.primer.figma': {
@@ -606,15 +582,15 @@
606
582
  group: 'semantic',
607
583
  scopes: ['bgColor'],
608
584
  codeSyntax: {
609
- web: 'var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */',
585
+ web: 'var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */',
610
586
  },
611
587
  },
612
588
  },
613
589
  },
614
590
  },
615
- open: {
591
+ danger: {
616
592
  muted: {
617
- $value: '{bgColor.success.muted}',
593
+ $value: '{base.color.red.4}',
618
594
  $type: 'color',
619
595
  $extensions: {
620
596
  'org.primer.figma': {
@@ -623,14 +599,14 @@
623
599
  group: 'semantic',
624
600
  scopes: ['bgColor'],
625
601
  codeSyntax: {
626
- web: 'var(--bgColor-success-muted) /* utility class: .color-bg-success */',
602
+ web: 'var(--bgColor-danger-muted) /* utility class: .color-bg-danger */',
627
603
  },
628
604
  },
629
605
  },
630
606
  alpha: 0.1,
631
607
  },
632
608
  emphasis: {
633
- $value: '{bgColor.success.emphasis}',
609
+ $value: '{base.color.red.5}',
634
610
  $type: 'color',
635
611
  $extensions: {
636
612
  'org.primer.figma': {
@@ -639,7 +615,7 @@
639
615
  group: 'semantic',
640
616
  scopes: ['bgColor'],
641
617
  codeSyntax: {
642
- web: 'var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */',
618
+ web: 'var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */',
643
619
  },
644
620
  },
645
621
  },
@@ -647,7 +623,7 @@
647
623
  },
648
624
  closed: {
649
625
  muted: {
650
- $value: '{base.color.red.4}',
626
+ $value: '{bgColor.danger.muted}',
651
627
  $type: 'color',
652
628
  $extensions: {
653
629
  'org.primer.figma': {
@@ -660,7 +636,7 @@
660
636
  },
661
637
  },
662
638
  },
663
- alpha: 0.15,
639
+ alpha: 0.1,
664
640
  },
665
641
  emphasis: {
666
642
  $value: '{base.color.red.5}',
@@ -952,9 +928,9 @@
952
928
  },
953
929
  },
954
930
  },
955
- attention: {
931
+ open: {
956
932
  muted: {
957
- $value: '{base.color.yellow.4}',
933
+ $value: '{borderColor.success.muted}',
958
934
  $type: 'color',
959
935
  $extensions: {
960
936
  'org.primer.figma': {
@@ -963,14 +939,14 @@
963
939
  group: 'semantic',
964
940
  scopes: ['borderColor'],
965
941
  codeSyntax: {
966
- web: 'var(--borderColor-attention-muted) /* utility class: .color-border-attention */',
942
+ web: 'var(--borderColor-open-muted) /* utility class: .color-border-open */',
967
943
  },
968
944
  },
969
945
  },
970
946
  alpha: 0.4,
971
947
  },
972
948
  emphasis: {
973
- $value: '{base.color.yellow.5}',
949
+ $value: '{borderColor.success.emphasis}',
974
950
  $type: 'color',
975
951
  $extensions: {
976
952
  'org.primer.figma': {
@@ -979,15 +955,15 @@
979
955
  group: 'semantic',
980
956
  scopes: ['borderColor'],
981
957
  codeSyntax: {
982
- web: 'var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */',
958
+ web: 'var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */',
983
959
  },
984
960
  },
985
961
  },
986
962
  },
987
963
  },
988
- severe: {
964
+ attention: {
989
965
  muted: {
990
- $value: '{base.color.orange.4}',
966
+ $value: '{base.color.yellow.4}',
991
967
  $type: 'color',
992
968
  $extensions: {
993
969
  'org.primer.figma': {
@@ -996,14 +972,14 @@
996
972
  group: 'semantic',
997
973
  scopes: ['borderColor'],
998
974
  codeSyntax: {
999
- web: 'var(--borderColor-severe-muted) /* utility class: .color-border-severe */',
975
+ web: 'var(--borderColor-attention-muted) /* utility class: .color-border-attention */',
1000
976
  },
1001
977
  },
1002
978
  },
1003
979
  alpha: 0.4,
1004
980
  },
1005
981
  emphasis: {
1006
- $value: '{base.color.orange.5}',
982
+ $value: '{base.color.yellow.5}',
1007
983
  $type: 'color',
1008
984
  $extensions: {
1009
985
  'org.primer.figma': {
@@ -1012,15 +988,15 @@
1012
988
  group: 'semantic',
1013
989
  scopes: ['borderColor'],
1014
990
  codeSyntax: {
1015
- web: 'var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */',
991
+ web: 'var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */',
1016
992
  },
1017
993
  },
1018
994
  },
1019
995
  },
1020
996
  },
1021
- danger: {
997
+ severe: {
1022
998
  muted: {
1023
- $value: '{base.color.red.4}',
999
+ $value: '{base.color.orange.4}',
1024
1000
  $type: 'color',
1025
1001
  $extensions: {
1026
1002
  'org.primer.figma': {
@@ -1029,14 +1005,14 @@
1029
1005
  group: 'semantic',
1030
1006
  scopes: ['borderColor'],
1031
1007
  codeSyntax: {
1032
- web: 'var(--borderColor-danger-muted) /* utility class: .color-border-danger */',
1008
+ web: 'var(--borderColor-severe-muted) /* utility class: .color-border-severe */',
1033
1009
  },
1034
1010
  },
1035
1011
  },
1036
1012
  alpha: 0.4,
1037
1013
  },
1038
1014
  emphasis: {
1039
- $value: '{base.color.red.5}',
1015
+ $value: '{base.color.orange.5}',
1040
1016
  $type: 'color',
1041
1017
  $extensions: {
1042
1018
  'org.primer.figma': {
@@ -1045,15 +1021,15 @@
1045
1021
  group: 'semantic',
1046
1022
  scopes: ['borderColor'],
1047
1023
  codeSyntax: {
1048
- web: 'var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */',
1024
+ web: 'var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */',
1049
1025
  },
1050
1026
  },
1051
1027
  },
1052
1028
  },
1053
1029
  },
1054
- open: {
1030
+ danger: {
1055
1031
  muted: {
1056
- $value: '{borderColor.success.muted}',
1032
+ $value: '{base.color.red.4}',
1057
1033
  $type: 'color',
1058
1034
  $extensions: {
1059
1035
  'org.primer.figma': {
@@ -1062,13 +1038,14 @@
1062
1038
  group: 'semantic',
1063
1039
  scopes: ['borderColor'],
1064
1040
  codeSyntax: {
1065
- web: 'var(--borderColor-open-muted) /* utility class: .color-border-open */',
1041
+ web: 'var(--borderColor-danger-muted) /* utility class: .color-border-danger */',
1066
1042
  },
1067
1043
  },
1068
1044
  },
1045
+ alpha: 0.4,
1069
1046
  },
1070
1047
  emphasis: {
1071
- $value: '{borderColor.success.emphasis}',
1048
+ $value: '{base.color.red.5}',
1072
1049
  $type: 'color',
1073
1050
  $extensions: {
1074
1051
  'org.primer.figma': {
@@ -1077,7 +1054,7 @@
1077
1054
  group: 'semantic',
1078
1055
  scopes: ['borderColor'],
1079
1056
  codeSyntax: {
1080
- web: 'var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */',
1057
+ web: 'var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */',
1081
1058
  },
1082
1059
  },
1083
1060
  },
@@ -1085,7 +1062,7 @@
1085
1062
  },
1086
1063
  closed: {
1087
1064
  muted: {
1088
- $value: '{base.color.red.4}',
1065
+ $value: '{borderColor.danger.muted}',
1089
1066
  $type: 'color',
1090
1067
  $extensions: {
1091
1068
  'org.primer.figma': {
@@ -1101,7 +1078,7 @@
1101
1078
  alpha: 0.4,
1102
1079
  },
1103
1080
  emphasis: {
1104
- $value: '{base.color.red.5}',
1081
+ $value: '{borderColor.danger.emphasis}',
1105
1082
  $type: 'color',
1106
1083
  $extensions: {
1107
1084
  'org.primer.figma': {
@@ -1151,7 +1128,7 @@
1151
1128
  },
1152
1129
  upsell: {
1153
1130
  muted: {
1154
- $value: '{base.color.purple.4}',
1131
+ $value: '{borderColor.done.muted}',
1155
1132
  $type: 'color',
1156
1133
  $extensions: {
1157
1134
  'org.primer.figma': {
@@ -1167,7 +1144,7 @@
1167
1144
  alpha: 0.4,
1168
1145
  },
1169
1146
  emphasis: {
1170
- $value: '{base.color.purple.5}',
1147
+ $value: '{borderColor.done.emphasis}',
1171
1148
  $type: 'color',
1172
1149
  $extensions: {
1173
1150
  'org.primer.figma': {