@primer/primitives 10.4.0-rc.e41ed5ed → 10.4.0-rc.eab36abe

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 (96) 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/base/motion/motion.css +1 -0
  4. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  5. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  6. package/dist/css/functional/themes/dark-high-contrast.css +2 -2
  7. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  8. package/dist/css/functional/themes/dark.css +2 -2
  9. package/dist/css/functional/themes/light-colorblind.css +2 -2
  10. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  11. package/dist/css/functional/themes/light-tritanopia.css +2 -2
  12. package/dist/css/functional/themes/light.css +2 -2
  13. package/dist/css/primitives.css +1 -6
  14. package/dist/docs/base/motion/motion.json +14 -0
  15. package/dist/docs/functional/themes/dark-colorblind.json +9685 -465
  16. package/dist/docs/functional/themes/dark-dimmed.json +9811 -547
  17. package/dist/docs/functional/themes/dark-high-contrast.json +10869 -627
  18. package/dist/docs/functional/themes/dark-tritanopia.json +9577 -475
  19. package/dist/docs/functional/themes/dark.json +9311 -469
  20. package/dist/docs/functional/themes/light-colorblind.json +9630 -458
  21. package/dist/docs/functional/themes/light-high-contrast.json +10860 -690
  22. package/dist/docs/functional/themes/light-tritanopia.json +9543 -489
  23. package/dist/docs/functional/themes/light.json +9307 -439
  24. package/dist/fallbacks/base/motion/motion.json +1 -0
  25. package/dist/figma/figma.json +1 -10
  26. package/dist/figma/themes/dark-colorblind.json +5060 -4813
  27. package/dist/figma/themes/dark-dimmed.json +5049 -4695
  28. package/dist/figma/themes/dark-high-contrast.json +6050 -4558
  29. package/dist/figma/themes/dark-tritanopia.json +5065 -4932
  30. package/dist/figma/themes/dark.json +4775 -4891
  31. package/dist/figma/themes/light-colorblind.json +5026 -4742
  32. package/dist/figma/themes/light-high-contrast.json +6075 -4592
  33. package/dist/figma/themes/light-tritanopia.json +5084 -4911
  34. package/dist/figma/themes/light.json +5230 -5230
  35. package/dist/internalCss/dark-colorblind.css +2 -2
  36. package/dist/internalCss/dark-dimmed.css +2 -2
  37. package/dist/internalCss/dark-high-contrast.css +2 -2
  38. package/dist/internalCss/dark-tritanopia.css +2 -2
  39. package/dist/internalCss/dark.css +2 -2
  40. package/dist/internalCss/light-colorblind.css +2 -2
  41. package/dist/internalCss/light-high-contrast.css +2 -2
  42. package/dist/internalCss/light-tritanopia.css +2 -2
  43. package/dist/internalCss/light.css +2 -2
  44. package/dist/styleLint/base/motion/motion.json +14 -0
  45. package/dist/styleLint/functional/themes/dark-colorblind.json +9685 -465
  46. package/dist/styleLint/functional/themes/dark-dimmed.json +9811 -547
  47. package/dist/styleLint/functional/themes/dark-high-contrast.json +10869 -627
  48. package/dist/styleLint/functional/themes/dark-tritanopia.json +9577 -475
  49. package/dist/styleLint/functional/themes/dark.json +9311 -469
  50. package/dist/styleLint/functional/themes/light-colorblind.json +9630 -458
  51. package/dist/styleLint/functional/themes/light-high-contrast.json +10853 -683
  52. package/dist/styleLint/functional/themes/light-tritanopia.json +9543 -489
  53. package/dist/styleLint/functional/themes/light.json +9307 -439
  54. package/package.json +1 -1
  55. package/src/tokens/base/motion/timing.json5 +4 -0
  56. package/src/tokens/component/avatar.json5 +33 -0
  57. package/src/tokens/component/button.json5 +1714 -0
  58. package/src/tokens/component/header.json5 +3 -0
  59. package/src/tokens/component/label.json5 +1942 -0
  60. package/src/tokens/component/menu.json5 +24 -0
  61. package/src/tokens/component/selectMenu.json5 +38 -0
  62. package/src/tokens/component/sideNav.json5 +22 -0
  63. package/src/tokens/component/treeView.json5 +24 -0
  64. package/src/tokens/component/underlineNav.json5 +56 -0
  65. package/src/tokens/functional/color/control.json5 +1087 -0
  66. package/src/tokens/functional/color/display.json5 +2170 -0
  67. package/src/tokens/functional/color/selection.json5 +22 -0
  68. package/src/tokens/functional/color/syntax.json5 +256 -210
  69. package/src/tokens/functional/shadow/{light.json5 → shadow.json5} +202 -120
  70. package/dist/css/functional/motion/motion.css +0 -6
  71. package/dist/docs/functional/motion/motion.json +0 -66
  72. package/dist/fallbacks/functional/motion/motion.json +0 -6
  73. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  74. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  75. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  76. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  77. package/dist/figma/shadows/dark.json +0 -1152
  78. package/dist/figma/shadows/light-colorblind.json +0 -1052
  79. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  80. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  81. package/dist/figma/shadows/light.json +0 -1052
  82. package/dist/styleLint/functional/motion/motion.json +0 -66
  83. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  84. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -199
  85. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -618
  86. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -145
  87. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -97
  88. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2589
  89. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  90. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -581
  91. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -145
  92. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -87
  93. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2583
  94. package/src/tokens/functional/motion/loading.json5 +0 -17
  95. package/src/tokens/functional/motion/patterns.json5 +0 -35
  96. package/src/tokens/functional/shadow/dark.json5 +0 -369
package/src/tokens/functional/color/display.json5 ADDED
@@ -0,0 +1,2170 @@
1
+ {
2
+ display: {
3
+ blue: {
4
+ bgColor: {
5
+ muted: {
6
+ $value: '{base.display.color.blue.0}',
7
+ $type: 'color',
8
+ $extensions: {
9
+ 'org.primer.figma': {
10
+ collection: 'mode',
11
+ group: 'component (internal)',
12
+ scopes: [
13
+ 'bgColor',
14
+ ],
15
+ },
16
+ 'org.primer.overrides': {
17
+ dark: {
18
+ $value: '{base.display.color.blue.0}',
19
+ },
20
+ },
21
+ },
22
+ },
23
+ emphasis: {
24
+ $value: '{base.display.color.blue.5}',
25
+ $type: 'color',
26
+ $extensions: {
27
+ 'org.primer.figma': {
28
+ collection: 'mode',
29
+ group: 'component (internal)',
30
+ scopes: [
31
+ 'bgColor',
32
+ ],
33
+ },
34
+ 'org.primer.overrides': {
35
+ dark: {
36
+ $value: '{base.display.color.blue.4}',
37
+ },
38
+ 'light-high-contrast': {
39
+ $value: '{base.display.color.blue.7}',
40
+ },
41
+ 'dark-high-contrast': {
42
+ $value: '{base.display.color.blue.3}',
43
+ },
44
+ },
45
+ },
46
+ },
47
+ },
48
+ fgColor: {
49
+ $value: '{base.display.color.blue.6}',
50
+ $type: 'color',
51
+ $extensions: {
52
+ 'org.primer.figma': {
53
+ collection: 'mode',
54
+ group: 'component (internal)',
55
+ scopes: [
56
+ 'fgColor',
57
+ ],
58
+ },
59
+ 'org.primer.overrides': {
60
+ dark: {
61
+ $value: '{base.display.color.blue.6}',
62
+ },
63
+ 'light-high-contrast': {
64
+ $value: '{base.display.color.blue.8}',
65
+ },
66
+ 'dark-high-contrast': {
67
+ $value: '{base.display.color.blue.8}',
68
+ },
69
+ },
70
+ },
71
+ },
72
+ borderColor: {
73
+ muted: {
74
+ $value: '{base.display.color.blue.1}',
75
+ $type: 'color',
76
+ $extensions: {
77
+ 'org.primer.figma': {
78
+ collection: 'mode',
79
+ group: 'component (internal)',
80
+ scopes: [
81
+ 'borderColor',
82
+ ],
83
+ },
84
+ 'org.primer.overrides': {
85
+ dark: {
86
+ $value: '{base.display.color.blue.1}',
87
+ },
88
+ },
89
+ },
90
+ },
91
+ emphasis: {
92
+ $value: '{base.display.color.blue.5}',
93
+ $type: 'color',
94
+ $extensions: {
95
+ 'org.primer.figma': {
96
+ collection: 'mode',
97
+ group: 'component (internal)',
98
+ scopes: [
99
+ 'borderColor',
100
+ ],
101
+ },
102
+ 'org.primer.overrides': {
103
+ dark: {
104
+ $value: '{base.display.color.blue.5}',
105
+ },
106
+ 'light-high-contrast': {
107
+ $value: '{base.display.color.blue.6}',
108
+ },
109
+ 'dark-high-contrast': {
110
+ $value: '{base.display.color.blue.6}',
111
+ },
112
+ },
113
+ },
114
+ },
115
+ },
116
+ },
117
+ green: {
118
+ bgColor: {
119
+ muted: {
120
+ $value: '{base.display.color.green.0}',
121
+ $type: 'color',
122
+ $extensions: {
123
+ 'org.primer.figma': {
124
+ collection: 'mode',
125
+ group: 'component (internal)',
126
+ scopes: [
127
+ 'bgColor',
128
+ ],
129
+ },
130
+ 'org.primer.overrides': {
131
+ dark: {
132
+ $value: '{base.display.color.green.0}',
133
+ },
134
+ },
135
+ },
136
+ },
137
+ emphasis: {
138
+ $value: '{base.display.color.green.5}',
139
+ $type: 'color',
140
+ $extensions: {
141
+ 'org.primer.figma': {
142
+ collection: 'mode',
143
+ group: 'component (internal)',
144
+ scopes: [
145
+ 'bgColor',
146
+ ],
147
+ },
148
+ 'org.primer.overrides': {
149
+ dark: {
150
+ $value: '{base.display.color.green.4}',
151
+ },
152
+ 'light-high-contrast': {
153
+ $value: '{base.display.color.green.7}',
154
+ },
155
+ 'dark-high-contrast': {
156
+ $value: '{base.display.color.green.3}',
157
+ },
158
+ },
159
+ },
160
+ },
161
+ },
162
+ fgColor: {
163
+ $value: '{base.display.color.green.6}',
164
+ $type: 'color',
165
+ $extensions: {
166
+ 'org.primer.figma': {
167
+ collection: 'mode',
168
+ group: 'component (internal)',
169
+ scopes: [
170
+ 'fgColor',
171
+ ],
172
+ },
173
+ 'org.primer.overrides': {
174
+ dark: {
175
+ $value: '{base.display.color.green.6}',
176
+ },
177
+ 'light-high-contrast': {
178
+ $value: '{base.display.color.green.8}',
179
+ },
180
+ 'dark-high-contrast': {
181
+ $value: '{base.display.color.green.8}',
182
+ },
183
+ },
184
+ },
185
+ },
186
+ borderColor: {
187
+ muted: {
188
+ $value: '{base.display.color.green.1}',
189
+ $type: 'color',
190
+ $extensions: {
191
+ 'org.primer.figma': {
192
+ collection: 'mode',
193
+ group: 'component (internal)',
194
+ scopes: [
195
+ 'borderColor',
196
+ ],
197
+ },
198
+ 'org.primer.overrides': {
199
+ dark: {
200
+ $value: '{base.display.color.green.1}',
201
+ },
202
+ },
203
+ },
204
+ },
205
+ emphasis: {
206
+ $value: '{base.display.color.green.5}',
207
+ $type: 'color',
208
+ $extensions: {
209
+ 'org.primer.figma': {
210
+ collection: 'mode',
211
+ group: 'component (internal)',
212
+ scopes: [
213
+ 'borderColor',
214
+ ],
215
+ },
216
+ 'org.primer.overrides': {
217
+ dark: {
218
+ $value: '{base.display.color.green.5}',
219
+ },
220
+ 'light-high-contrast': {
221
+ $value: '{base.display.color.green.6}',
222
+ },
223
+ 'dark-high-contrast': {
224
+ $value: '{base.display.color.green.6}',
225
+ },
226
+ },
227
+ },
228
+ },
229
+ },
230
+ },
231
+ orange: {
232
+ bgColor: {
233
+ muted: {
234
+ $value: '{base.display.color.orange.0}',
235
+ $type: 'color',
236
+ $extensions: {
237
+ 'org.primer.figma': {
238
+ collection: 'mode',
239
+ group: 'component (internal)',
240
+ scopes: [
241
+ 'bgColor',
242
+ ],
243
+ },
244
+ 'org.primer.overrides': {
245
+ dark: {
246
+ $value: '{base.display.color.orange.0}',
247
+ },
248
+ },
249
+ },
250
+ },
251
+ emphasis: {
252
+ $value: '{base.display.color.orange.5}',
253
+ $type: 'color',
254
+ $extensions: {
255
+ 'org.primer.figma': {
256
+ collection: 'mode',
257
+ group: 'component (internal)',
258
+ scopes: [
259
+ 'bgColor',
260
+ ],
261
+ },
262
+ 'org.primer.overrides': {
263
+ dark: {
264
+ $value: '{base.display.color.orange.4}',
265
+ },
266
+ 'light-high-contrast': {
267
+ $value: '{base.display.color.orange.7}',
268
+ },
269
+ 'dark-high-contrast': {
270
+ $value: '{base.display.color.orange.3}',
271
+ },
272
+ },
273
+ },
274
+ },
275
+ },
276
+ fgColor: {
277
+ $value: '{base.display.color.orange.6}',
278
+ $type: 'color',
279
+ $extensions: {
280
+ 'org.primer.figma': {
281
+ collection: 'mode',
282
+ group: 'component (internal)',
283
+ scopes: [
284
+ 'fgColor',
285
+ ],
286
+ },
287
+ 'org.primer.overrides': {
288
+ dark: {
289
+ $value: '{base.display.color.orange.6}',
290
+ },
291
+ 'light-high-contrast': {
292
+ $value: '{base.display.color.orange.8}',
293
+ },
294
+ 'dark-high-contrast': {
295
+ $value: '{base.display.color.orange.8}',
296
+ },
297
+ },
298
+ },
299
+ },
300
+ borderColor: {
301
+ muted: {
302
+ $value: '{base.display.color.orange.1}',
303
+ $type: 'color',
304
+ $extensions: {
305
+ 'org.primer.figma': {
306
+ collection: 'mode',
307
+ group: 'component (internal)',
308
+ scopes: [
309
+ 'borderColor',
310
+ ],
311
+ },
312
+ 'org.primer.overrides': {
313
+ dark: {
314
+ $value: '{base.display.color.orange.1}',
315
+ },
316
+ },
317
+ },
318
+ },
319
+ emphasis: {
320
+ $value: '{base.display.color.orange.5}',
321
+ $type: 'color',
322
+ $extensions: {
323
+ 'org.primer.figma': {
324
+ collection: 'mode',
325
+ group: 'component (internal)',
326
+ scopes: [
327
+ 'borderColor',
328
+ ],
329
+ },
330
+ 'org.primer.overrides': {
331
+ dark: {
332
+ $value: '{base.display.color.orange.5}',
333
+ },
334
+ 'light-high-contrast': {
335
+ $value: '{base.display.color.orange.6}',
336
+ },
337
+ 'dark-high-contrast': {
338
+ $value: '{base.display.color.orange.6}',
339
+ },
340
+ },
341
+ },
342
+ },
343
+ },
344
+ },
345
+ purple: {
346
+ bgColor: {
347
+ muted: {
348
+ $value: '{base.display.color.purple.0}',
349
+ $type: 'color',
350
+ $extensions: {
351
+ 'org.primer.figma': {
352
+ collection: 'mode',
353
+ group: 'component (internal)',
354
+ scopes: [
355
+ 'bgColor',
356
+ ],
357
+ },
358
+ 'org.primer.overrides': {
359
+ dark: {
360
+ $value: '{base.display.color.purple.0}',
361
+ },
362
+ },
363
+ },
364
+ },
365
+ emphasis: {
366
+ $value: '{base.display.color.purple.5}',
367
+ $type: 'color',
368
+ $extensions: {
369
+ 'org.primer.figma': {
370
+ collection: 'mode',
371
+ group: 'component (internal)',
372
+ scopes: [
373
+ 'bgColor',
374
+ ],
375
+ },
376
+ 'org.primer.overrides': {
377
+ dark: {
378
+ $value: '{base.display.color.purple.4}',
379
+ },
380
+ 'light-high-contrast': {
381
+ $value: '{base.display.color.purple.7}',
382
+ },
383
+ 'dark-high-contrast': {
384
+ $value: '{base.display.color.purple.3}',
385
+ },
386
+ },
387
+ },
388
+ },
389
+ },
390
+ fgColor: {
391
+ $value: '{base.display.color.purple.6}',
392
+ $type: 'color',
393
+ $extensions: {
394
+ 'org.primer.figma': {
395
+ collection: 'mode',
396
+ group: 'component (internal)',
397
+ scopes: [
398
+ 'fgColor',
399
+ ],
400
+ },
401
+ 'org.primer.overrides': {
402
+ dark: {
403
+ $value: '{base.display.color.purple.6}',
404
+ },
405
+ 'light-high-contrast': {
406
+ $value: '{base.display.color.purple.8}',
407
+ },
408
+ 'dark-high-contrast': {
409
+ $value: '{base.display.color.purple.8}',
410
+ },
411
+ },
412
+ },
413
+ },
414
+ borderColor: {
415
+ muted: {
416
+ $value: '{base.display.color.purple.1}',
417
+ $type: 'color',
418
+ $extensions: {
419
+ 'org.primer.figma': {
420
+ collection: 'mode',
421
+ group: 'component (internal)',
422
+ scopes: [
423
+ 'borderColor',
424
+ ],
425
+ },
426
+ 'org.primer.overrides': {
427
+ dark: {
428
+ $value: '{base.display.color.purple.1}',
429
+ },
430
+ },
431
+ },
432
+ },
433
+ emphasis: {
434
+ $value: '{base.display.color.purple.5}',
435
+ $type: 'color',
436
+ $extensions: {
437
+ 'org.primer.figma': {
438
+ collection: 'mode',
439
+ group: 'component (internal)',
440
+ scopes: [
441
+ 'borderColor',
442
+ ],
443
+ },
444
+ 'org.primer.overrides': {
445
+ dark: {
446
+ $value: '{base.display.color.purple.5}',
447
+ },
448
+ 'light-high-contrast': {
449
+ $value: '{base.display.color.purple.6}',
450
+ },
451
+ 'dark-high-contrast': {
452
+ $value: '{base.display.color.purple.6}',
453
+ },
454
+ },
455
+ },
456
+ },
457
+ },
458
+ },
459
+ plum: {
460
+ bgColor: {
461
+ muted: {
462
+ $value: '{base.display.color.plum.0}',
463
+ $type: 'color',
464
+ $extensions: {
465
+ 'org.primer.figma': {
466
+ collection: 'mode',
467
+ group: 'component (internal)',
468
+ scopes: [
469
+ 'bgColor',
470
+ ],
471
+ },
472
+ 'org.primer.overrides': {
473
+ dark: {
474
+ $value: '{base.display.color.plum.0}',
475
+ },
476
+ },
477
+ },
478
+ },
479
+ emphasis: {
480
+ $value: '{base.display.color.plum.5}',
481
+ $type: 'color',
482
+ $extensions: {
483
+ 'org.primer.figma': {
484
+ collection: 'mode',
485
+ group: 'component (internal)',
486
+ scopes: [
487
+ 'bgColor',
488
+ ],
489
+ },
490
+ 'org.primer.overrides': {
491
+ dark: {
492
+ $value: '{base.display.color.plum.4}',
493
+ },
494
+ 'light-high-contrast': {
495
+ $value: '{base.display.color.plum.7}',
496
+ },
497
+ 'dark-high-contrast': {
498
+ $value: '{base.display.color.plum.3}',
499
+ },
500
+ },
501
+ },
502
+ },
503
+ },
504
+ fgColor: {
505
+ $value: '{base.display.color.plum.6}',
506
+ $type: 'color',
507
+ $extensions: {
508
+ 'org.primer.figma': {
509
+ collection: 'mode',
510
+ group: 'component (internal)',
511
+ scopes: [
512
+ 'fgColor',
513
+ ],
514
+ },
515
+ 'org.primer.overrides': {
516
+ dark: {
517
+ $value: '{base.display.color.plum.6}',
518
+ },
519
+ 'light-high-contrast': {
520
+ $value: '{base.display.color.plum.8}',
521
+ },
522
+ 'dark-high-contrast': {
523
+ $value: '{base.display.color.plum.8}',
524
+ },
525
+ },
526
+ },
527
+ },
528
+ borderColor: {
529
+ muted: {
530
+ $value: '{base.display.color.plum.1}',
531
+ $type: 'color',
532
+ $extensions: {
533
+ 'org.primer.figma': {
534
+ collection: 'mode',
535
+ group: 'component (internal)',
536
+ scopes: [
537
+ 'borderColor',
538
+ ],
539
+ },
540
+ 'org.primer.overrides': {
541
+ dark: {
542
+ $value: '{base.display.color.plum.1}',
543
+ },
544
+ },
545
+ },
546
+ },
547
+ emphasis: {
548
+ $value: '{base.display.color.plum.5}',
549
+ $type: 'color',
550
+ $extensions: {
551
+ 'org.primer.figma': {
552
+ collection: 'mode',
553
+ group: 'component (internal)',
554
+ scopes: [
555
+ 'borderColor',
556
+ ],
557
+ },
558
+ 'org.primer.overrides': {
559
+ dark: {
560
+ $value: '{base.display.color.plum.5}',
561
+ },
562
+ 'light-high-contrast': {
563
+ $value: '{base.display.color.plum.6}',
564
+ },
565
+ 'dark-high-contrast': {
566
+ $value: '{base.display.color.plum.6}',
567
+ },
568
+ },
569
+ },
570
+ },
571
+ },
572
+ },
573
+ red: {
574
+ bgColor: {
575
+ muted: {
576
+ $value: '{base.display.color.red.0}',
577
+ $type: 'color',
578
+ $extensions: {
579
+ 'org.primer.figma': {
580
+ collection: 'mode',
581
+ group: 'component (internal)',
582
+ scopes: [
583
+ 'bgColor',
584
+ ],
585
+ },
586
+ 'org.primer.overrides': {
587
+ dark: {
588
+ $value: '{base.display.color.red.0}',
589
+ },
590
+ },
591
+ },
592
+ },
593
+ emphasis: {
594
+ $value: '{base.display.color.red.5}',
595
+ $type: 'color',
596
+ $extensions: {
597
+ 'org.primer.figma': {
598
+ collection: 'mode',
599
+ group: 'component (internal)',
600
+ scopes: [
601
+ 'bgColor',
602
+ ],
603
+ },
604
+ 'org.primer.overrides': {
605
+ dark: {
606
+ $value: '{base.display.color.red.4}',
607
+ },
608
+ 'light-high-contrast': {
609
+ $value: '{base.display.color.red.7}',
610
+ },
611
+ 'dark-high-contrast': {
612
+ $value: '{base.display.color.red.3}',
613
+ },
614
+ },
615
+ },
616
+ },
617
+ },
618
+ fgColor: {
619
+ $value: '{base.display.color.red.6}',
620
+ $type: 'color',
621
+ $extensions: {
622
+ 'org.primer.figma': {
623
+ collection: 'mode',
624
+ group: 'component (internal)',
625
+ scopes: [
626
+ 'fgColor',
627
+ ],
628
+ },
629
+ 'org.primer.overrides': {
630
+ dark: {
631
+ $value: '{base.display.color.red.6}',
632
+ },
633
+ 'light-high-contrast': {
634
+ $value: '{base.display.color.red.8}',
635
+ },
636
+ 'dark-high-contrast': {
637
+ $value: '{base.display.color.red.8}',
638
+ },
639
+ },
640
+ },
641
+ },
642
+ borderColor: {
643
+ muted: {
644
+ $value: '{base.display.color.red.1}',
645
+ $type: 'color',
646
+ $extensions: {
647
+ 'org.primer.figma': {
648
+ collection: 'mode',
649
+ group: 'component (internal)',
650
+ scopes: [
651
+ 'borderColor',
652
+ ],
653
+ },
654
+ 'org.primer.overrides': {
655
+ dark: {
656
+ $value: '{base.display.color.red.1}',
657
+ },
658
+ },
659
+ },
660
+ },
661
+ emphasis: {
662
+ $value: '{base.display.color.red.5}',
663
+ $type: 'color',
664
+ $extensions: {
665
+ 'org.primer.figma': {
666
+ collection: 'mode',
667
+ group: 'component (internal)',
668
+ scopes: [
669
+ 'borderColor',
670
+ ],
671
+ },
672
+ 'org.primer.overrides': {
673
+ dark: {
674
+ $value: '{base.display.color.red.5}',
675
+ },
676
+ 'light-high-contrast': {
677
+ $value: '{base.display.color.red.6}',
678
+ },
679
+ 'dark-high-contrast': {
680
+ $value: '{base.display.color.red.6}',
681
+ },
682
+ },
683
+ },
684
+ },
685
+ },
686
+ },
687
+ coral: {
688
+ bgColor: {
689
+ muted: {
690
+ $value: '{base.display.color.coral.0}',
691
+ $type: 'color',
692
+ $extensions: {
693
+ 'org.primer.figma': {
694
+ collection: 'mode',
695
+ group: 'component (internal)',
696
+ scopes: [
697
+ 'bgColor',
698
+ ],
699
+ },
700
+ 'org.primer.overrides': {
701
+ dark: {
702
+ $value: '{base.display.color.red.0}',
703
+ },
704
+ },
705
+ },
706
+ },
707
+ emphasis: {
708
+ $value: '{base.display.color.coral.5}',
709
+ $type: 'color',
710
+ $extensions: {
711
+ 'org.primer.figma': {
712
+ collection: 'mode',
713
+ group: 'component (internal)',
714
+ scopes: [
715
+ 'bgColor',
716
+ ],
717
+ },
718
+ 'org.primer.overrides': {
719
+ dark: {
720
+ $value: '{base.display.color.red.4}',
721
+ },
722
+ 'light-high-contrast': {
723
+ $value: '{base.display.color.coral.7}',
724
+ },
725
+ 'dark-high-contrast': {
726
+ $value: '{base.display.color.coral.3}',
727
+ },
728
+ },
729
+ },
730
+ },
731
+ },
732
+ fgColor: {
733
+ $value: '{base.display.color.coral.6}',
734
+ $type: 'color',
735
+ $extensions: {
736
+ 'org.primer.figma': {
737
+ collection: 'mode',
738
+ group: 'component (internal)',
739
+ scopes: [
740
+ 'fgColor',
741
+ ],
742
+ },
743
+ 'org.primer.overrides': {
744
+ dark: {
745
+ $value: '{base.display.color.red.6}',
746
+ },
747
+ 'light-high-contrast': {
748
+ $value: '{base.display.color.coral.8}',
749
+ },
750
+ 'dark-high-contrast': {
751
+ $value: '{base.display.color.coral.8}',
752
+ },
753
+ },
754
+ },
755
+ },
756
+ borderColor: {
757
+ muted: {
758
+ $value: '{base.display.color.coral.1}',
759
+ $type: 'color',
760
+ $extensions: {
761
+ 'org.primer.figma': {
762
+ collection: 'mode',
763
+ group: 'component (internal)',
764
+ scopes: [
765
+ 'borderColor',
766
+ ],
767
+ },
768
+ 'org.primer.overrides': {
769
+ dark: {
770
+ $value: '{base.display.color.red.1}',
771
+ },
772
+ },
773
+ },
774
+ },
775
+ emphasis: {
776
+ $value: '{base.display.color.coral.5}',
777
+ $type: 'color',
778
+ $extensions: {
779
+ 'org.primer.figma': {
780
+ collection: 'mode',
781
+ group: 'component (internal)',
782
+ scopes: [
783
+ 'borderColor',
784
+ ],
785
+ },
786
+ 'org.primer.overrides': {
787
+ dark: {
788
+ $value: '{base.display.color.red.5}',
789
+ },
790
+ 'light-high-contrast': {
791
+ $value: '{base.display.color.coral.6}',
792
+ },
793
+ 'dark-high-contrast': {
794
+ $value: '{base.display.color.coral.6}',
795
+ },
796
+ },
797
+ },
798
+ },
799
+ },
800
+ },
801
+ yellow: {
802
+ bgColor: {
803
+ muted: {
804
+ $value: '{base.display.color.yellow.0}',
805
+ $type: 'color',
806
+ $extensions: {
807
+ 'org.primer.figma': {
808
+ collection: 'mode',
809
+ group: 'component (internal)',
810
+ scopes: [
811
+ 'bgColor',
812
+ ],
813
+ },
814
+ 'org.primer.overrides': {
815
+ dark: {
816
+ $value: '{base.display.color.yellow.0}',
817
+ },
818
+ },
819
+ },
820
+ },
821
+ emphasis: {
822
+ $value: '{base.display.color.yellow.5}',
823
+ $type: 'color',
824
+ $extensions: {
825
+ 'org.primer.figma': {
826
+ collection: 'mode',
827
+ group: 'component (internal)',
828
+ scopes: [
829
+ 'bgColor',
830
+ ],
831
+ },
832
+ 'org.primer.overrides': {
833
+ dark: {
834
+ $value: '{base.display.color.yellow.4}',
835
+ },
836
+ 'light-high-contrast': {
837
+ $value: '{base.display.color.yellow.7}',
838
+ },
839
+ 'dark-high-contrast': {
840
+ $value: '{base.display.color.yellow.3}',
841
+ },
842
+ },
843
+ },
844
+ },
845
+ },
846
+ fgColor: {
847
+ $value: '{base.display.color.yellow.6}',
848
+ $type: 'color',
849
+ $extensions: {
850
+ 'org.primer.figma': {
851
+ collection: 'mode',
852
+ group: 'component (internal)',
853
+ scopes: [
854
+ 'fgColor',
855
+ ],
856
+ },
857
+ 'org.primer.overrides': {
858
+ dark: {
859
+ $value: '{base.display.color.yellow.6}',
860
+ },
861
+ 'light-high-contrast': {
862
+ $value: '{base.display.color.yellow.8}',
863
+ },
864
+ 'dark-high-contrast': {
865
+ $value: '{base.display.color.yellow.8}',
866
+ },
867
+ },
868
+ },
869
+ },
870
+ borderColor: {
871
+ muted: {
872
+ $value: '{base.display.color.yellow.1}',
873
+ $type: 'color',
874
+ $extensions: {
875
+ 'org.primer.figma': {
876
+ collection: 'mode',
877
+ group: 'component (internal)',
878
+ scopes: [
879
+ 'borderColor',
880
+ ],
881
+ },
882
+ 'org.primer.overrides': {
883
+ dark: {
884
+ $value: '{base.display.color.yellow.1}',
885
+ },
886
+ },
887
+ },
888
+ },
889
+ emphasis: {
890
+ $value: '{base.display.color.yellow.5}',
891
+ $type: 'color',
892
+ $extensions: {
893
+ 'org.primer.figma': {
894
+ collection: 'mode',
895
+ group: 'component (internal)',
896
+ scopes: [
897
+ 'borderColor',
898
+ ],
899
+ },
900
+ 'org.primer.overrides': {
901
+ dark: {
902
+ $value: '{base.display.color.yellow.5}',
903
+ },
904
+ 'light-high-contrast': {
905
+ $value: '{base.display.color.yellow.6}',
906
+ },
907
+ 'dark-high-contrast': {
908
+ $value: '{base.display.color.yellow.6}',
909
+ },
910
+ },
911
+ },
912
+ },
913
+ },
914
+ },
915
+ gray: {
916
+ bgColor: {
917
+ muted: {
918
+ $value: '{base.display.color.gray.0}',
919
+ $type: 'color',
920
+ $extensions: {
921
+ 'org.primer.figma': {
922
+ collection: 'mode',
923
+ group: 'component (internal)',
924
+ scopes: [
925
+ 'bgColor',
926
+ ],
927
+ },
928
+ 'org.primer.overrides': {
929
+ dark: {
930
+ $value: '{base.display.color.gray.0}',
931
+ },
932
+ },
933
+ },
934
+ },
935
+ emphasis: {
936
+ $value: '{base.display.color.gray.5}',
937
+ $type: 'color',
938
+ $extensions: {
939
+ 'org.primer.figma': {
940
+ collection: 'mode',
941
+ group: 'component (internal)',
942
+ scopes: [
943
+ 'bgColor',
944
+ ],
945
+ },
946
+ 'org.primer.overrides': {
947
+ dark: {
948
+ $value: '{base.display.color.gray.4}',
949
+ },
950
+ 'light-high-contrast': {
951
+ $value: '{base.display.color.gray.7}',
952
+ },
953
+ 'dark-high-contrast': {
954
+ $value: '{base.display.color.gray.3}',
955
+ },
956
+ },
957
+ },
958
+ },
959
+ },
960
+ fgColor: {
961
+ $value: '{base.display.color.gray.6}',
962
+ $type: 'color',
963
+ $extensions: {
964
+ 'org.primer.figma': {
965
+ collection: 'mode',
966
+ group: 'component (internal)',
967
+ scopes: [
968
+ 'fgColor',
969
+ ],
970
+ },
971
+ 'org.primer.overrides': {
972
+ dark: {
973
+ $value: '{base.display.color.gray.6}',
974
+ },
975
+ 'light-high-contrast': {
976
+ $value: '{base.display.color.gray.8}',
977
+ },
978
+ 'dark-high-contrast': {
979
+ $value: '{base.display.color.gray.8}',
980
+ },
981
+ },
982
+ },
983
+ },
984
+ borderColor: {
985
+ muted: {
986
+ $value: '{base.display.color.gray.1}',
987
+ $type: 'color',
988
+ $extensions: {
989
+ 'org.primer.figma': {
990
+ collection: 'mode',
991
+ group: 'component (internal)',
992
+ scopes: [
993
+ 'borderColor',
994
+ ],
995
+ },
996
+ 'org.primer.overrides': {
997
+ dark: {
998
+ $value: '{base.display.color.gray.1}',
999
+ },
1000
+ },
1001
+ },
1002
+ },
1003
+ emphasis: {
1004
+ $value: '{base.display.color.gray.5}',
1005
+ $type: 'color',
1006
+ $extensions: {
1007
+ 'org.primer.figma': {
1008
+ collection: 'mode',
1009
+ group: 'component (internal)',
1010
+ scopes: [
1011
+ 'borderColor',
1012
+ ],
1013
+ },
1014
+ 'org.primer.overrides': {
1015
+ dark: {
1016
+ $value: '{base.display.color.gray.5}',
1017
+ },
1018
+ 'light-high-contrast': {
1019
+ $value: '{base.display.color.gray.6}',
1020
+ },
1021
+ 'dark-high-contrast': {
1022
+ $value: '{base.display.color.gray.6}',
1023
+ },
1024
+ },
1025
+ },
1026
+ },
1027
+ },
1028
+ },
1029
+ auburn: {
1030
+ bgColor: {
1031
+ muted: {
1032
+ $value: '{base.display.color.auburn.0}',
1033
+ $type: 'color',
1034
+ $extensions: {
1035
+ 'org.primer.figma': {
1036
+ collection: 'mode',
1037
+ group: 'component (internal)',
1038
+ scopes: [
1039
+ 'bgColor',
1040
+ ],
1041
+ },
1042
+ 'org.primer.overrides': {
1043
+ dark: {
1044
+ $value: '{base.display.color.auburn.0}',
1045
+ },
1046
+ },
1047
+ },
1048
+ },
1049
+ emphasis: {
1050
+ $value: '{base.display.color.auburn.5}',
1051
+ $type: 'color',
1052
+ $extensions: {
1053
+ 'org.primer.figma': {
1054
+ collection: 'mode',
1055
+ group: 'component (internal)',
1056
+ scopes: [
1057
+ 'bgColor',
1058
+ ],
1059
+ },
1060
+ 'org.primer.overrides': {
1061
+ dark: {
1062
+ $value: '{base.display.color.auburn.4}',
1063
+ },
1064
+ 'light-high-contrast': {
1065
+ $value: '{base.display.color.auburn.7}',
1066
+ },
1067
+ 'dark-high-contrast': {
1068
+ $value: '{base.display.color.auburn.3}',
1069
+ },
1070
+ },
1071
+ },
1072
+ },
1073
+ },
1074
+ fgColor: {
1075
+ $value: '{base.display.color.auburn.6}',
1076
+ $type: 'color',
1077
+ $extensions: {
1078
+ 'org.primer.figma': {
1079
+ collection: 'mode',
1080
+ group: 'component (internal)',
1081
+ scopes: [
1082
+ 'fgColor',
1083
+ ],
1084
+ },
1085
+ 'org.primer.overrides': {
1086
+ dark: {
1087
+ $value: '{base.display.color.auburn.6}',
1088
+ },
1089
+ 'light-high-contrast': {
1090
+ $value: '{base.display.color.auburn.8}',
1091
+ },
1092
+ 'dark-high-contrast': {
1093
+ $value: '{base.display.color.auburn.8}',
1094
+ },
1095
+ },
1096
+ },
1097
+ },
1098
+ borderColor: {
1099
+ muted: {
1100
+ $value: '{base.display.color.auburn.1}',
1101
+ $type: 'color',
1102
+ $extensions: {
1103
+ 'org.primer.figma': {
1104
+ collection: 'mode',
1105
+ group: 'component (internal)',
1106
+ scopes: [
1107
+ 'borderColor',
1108
+ ],
1109
+ },
1110
+ 'org.primer.overrides': {
1111
+ dark: {
1112
+ $value: '{base.display.color.auburn.1}',
1113
+ },
1114
+ },
1115
+ },
1116
+ },
1117
+ emphasis: {
1118
+ $value: '{base.display.color.auburn.5}',
1119
+ $type: 'color',
1120
+ $extensions: {
1121
+ 'org.primer.figma': {
1122
+ collection: 'mode',
1123
+ group: 'component (internal)',
1124
+ scopes: [
1125
+ 'borderColor',
1126
+ ],
1127
+ },
1128
+ 'org.primer.overrides': {
1129
+ dark: {
1130
+ $value: '{base.display.color.auburn.5}',
1131
+ },
1132
+ 'light-high-contrast': {
1133
+ $value: '{base.display.color.auburn.6}',
1134
+ },
1135
+ 'dark-high-contrast': {
1136
+ $value: '{base.display.color.auburn.6}',
1137
+ },
1138
+ },
1139
+ },
1140
+ },
1141
+ },
1142
+ },
1143
+ brown: {
1144
+ bgColor: {
1145
+ muted: {
1146
+ $value: '{base.display.color.brown.0}',
1147
+ $type: 'color',
1148
+ $extensions: {
1149
+ 'org.primer.figma': {
1150
+ collection: 'mode',
1151
+ group: 'component (internal)',
1152
+ scopes: [
1153
+ 'bgColor',
1154
+ ],
1155
+ },
1156
+ 'org.primer.overrides': {
1157
+ dark: {
1158
+ $value: '{base.display.color.brown.0}',
1159
+ },
1160
+ },
1161
+ },
1162
+ },
1163
+ emphasis: {
1164
+ $value: '{base.display.color.brown.5}',
1165
+ $type: 'color',
1166
+ $extensions: {
1167
+ 'org.primer.figma': {
1168
+ collection: 'mode',
1169
+ group: 'component (internal)',
1170
+ scopes: [
1171
+ 'bgColor',
1172
+ ],
1173
+ },
1174
+ 'org.primer.overrides': {
1175
+ dark: {
1176
+ $value: '{base.display.color.brown.4}',
1177
+ },
1178
+ 'light-high-contrast': {
1179
+ $value: '{base.display.color.brown.7}',
1180
+ },
1181
+ 'dark-high-contrast': {
1182
+ $value: '{base.display.color.brown.3}',
1183
+ },
1184
+ },
1185
+ },
1186
+ },
1187
+ },
1188
+ fgColor: {
1189
+ $value: '{base.display.color.brown.6}',
1190
+ $type: 'color',
1191
+ $extensions: {
1192
+ 'org.primer.figma': {
1193
+ collection: 'mode',
1194
+ group: 'component (internal)',
1195
+ scopes: [
1196
+ 'fgColor',
1197
+ ],
1198
+ },
1199
+ 'org.primer.overrides': {
1200
+ dark: {
1201
+ $value: '{base.display.color.brown.6}',
1202
+ },
1203
+ 'light-high-contrast': {
1204
+ $value: '{base.display.color.brown.8}',
1205
+ },
1206
+ 'dark-high-contrast': {
1207
+ $value: '{base.display.color.brown.8}',
1208
+ },
1209
+ },
1210
+ },
1211
+ },
1212
+ borderColor: {
1213
+ muted: {
1214
+ $value: '{base.display.color.brown.1}',
1215
+ $type: 'color',
1216
+ $extensions: {
1217
+ 'org.primer.figma': {
1218
+ collection: 'mode',
1219
+ group: 'component (internal)',
1220
+ scopes: [
1221
+ 'borderColor',
1222
+ ],
1223
+ },
1224
+ 'org.primer.overrides': {
1225
+ dark: {
1226
+ $value: '{base.display.color.brown.1}',
1227
+ },
1228
+ },
1229
+ },
1230
+ },
1231
+ emphasis: {
1232
+ $value: '{base.display.color.brown.5}',
1233
+ $type: 'color',
1234
+ $extensions: {
1235
+ 'org.primer.figma': {
1236
+ collection: 'mode',
1237
+ group: 'component (internal)',
1238
+ scopes: [
1239
+ 'borderColor',
1240
+ ],
1241
+ },
1242
+ 'org.primer.overrides': {
1243
+ dark: {
1244
+ $value: '{base.display.color.brown.5}',
1245
+ },
1246
+ 'light-high-contrast': {
1247
+ $value: '{base.display.color.brown.6}',
1248
+ },
1249
+ 'dark-high-contrast': {
1250
+ $value: '{base.display.color.brown.6}',
1251
+ },
1252
+ },
1253
+ },
1254
+ },
1255
+ },
1256
+ },
1257
+ lemon: {
1258
+ bgColor: {
1259
+ muted: {
1260
+ $value: '{base.display.color.lemon.0}',
1261
+ $type: 'color',
1262
+ $extensions: {
1263
+ 'org.primer.figma': {
1264
+ collection: 'mode',
1265
+ group: 'component (internal)',
1266
+ scopes: [
1267
+ 'bgColor',
1268
+ ],
1269
+ },
1270
+ 'org.primer.overrides': {
1271
+ dark: {
1272
+ $value: '{base.display.color.lemon.0}',
1273
+ },
1274
+ },
1275
+ },
1276
+ },
1277
+ emphasis: {
1278
+ $value: '{base.display.color.lemon.5}',
1279
+ $type: 'color',
1280
+ $extensions: {
1281
+ 'org.primer.figma': {
1282
+ collection: 'mode',
1283
+ group: 'component (internal)',
1284
+ scopes: [
1285
+ 'bgColor',
1286
+ ],
1287
+ },
1288
+ 'org.primer.overrides': {
1289
+ dark: {
1290
+ $value: '{base.display.color.lemon.4}',
1291
+ },
1292
+ 'light-high-contrast': {
1293
+ $value: '{base.display.color.lemon.7}',
1294
+ },
1295
+ 'dark-high-contrast': {
1296
+ $value: '{base.display.color.lemon.3}',
1297
+ },
1298
+ },
1299
+ },
1300
+ },
1301
+ },
1302
+ fgColor: {
1303
+ $value: '{base.display.color.lemon.6}',
1304
+ $type: 'color',
1305
+ $extensions: {
1306
+ 'org.primer.figma': {
1307
+ collection: 'mode',
1308
+ group: 'component (internal)',
1309
+ scopes: [
1310
+ 'fgColor',
1311
+ ],
1312
+ },
1313
+ 'org.primer.overrides': {
1314
+ dark: {
1315
+ $value: '{base.display.color.lemon.6}',
1316
+ },
1317
+ 'light-high-contrast': {
1318
+ $value: '{base.display.color.lemon.8}',
1319
+ },
1320
+ 'dark-high-contrast': {
1321
+ $value: '{base.display.color.lemon.8}',
1322
+ },
1323
+ },
1324
+ },
1325
+ },
1326
+ borderColor: {
1327
+ muted: {
1328
+ $value: '{base.display.color.lemon.1}',
1329
+ $type: 'color',
1330
+ $extensions: {
1331
+ 'org.primer.figma': {
1332
+ collection: 'mode',
1333
+ group: 'component (internal)',
1334
+ scopes: [
1335
+ 'borderColor',
1336
+ ],
1337
+ },
1338
+ 'org.primer.overrides': {
1339
+ dark: {
1340
+ $value: '{base.display.color.lemon.1}',
1341
+ },
1342
+ },
1343
+ },
1344
+ },
1345
+ emphasis: {
1346
+ $value: '{base.display.color.lemon.5}',
1347
+ $type: 'color',
1348
+ $extensions: {
1349
+ 'org.primer.figma': {
1350
+ collection: 'mode',
1351
+ group: 'component (internal)',
1352
+ scopes: [
1353
+ 'borderColor',
1354
+ ],
1355
+ },
1356
+ 'org.primer.overrides': {
1357
+ dark: {
1358
+ $value: '{base.display.color.lemon.5}',
1359
+ },
1360
+ 'light-high-contrast': {
1361
+ $value: '{base.display.color.lemon.6}',
1362
+ },
1363
+ 'dark-high-contrast': {
1364
+ $value: '{base.display.color.lemon.6}',
1365
+ },
1366
+ },
1367
+ },
1368
+ },
1369
+ },
1370
+ },
1371
+ olive: {
1372
+ bgColor: {
1373
+ muted: {
1374
+ $value: '{base.display.color.olive.0}',
1375
+ $type: 'color',
1376
+ $extensions: {
1377
+ 'org.primer.figma': {
1378
+ collection: 'mode',
1379
+ group: 'component (internal)',
1380
+ scopes: [
1381
+ 'bgColor',
1382
+ ],
1383
+ },
1384
+ 'org.primer.overrides': {
1385
+ dark: {
1386
+ $value: '{base.display.color.olive.0}',
1387
+ },
1388
+ },
1389
+ },
1390
+ },
1391
+ emphasis: {
1392
+ $value: '{base.display.color.olive.5}',
1393
+ $type: 'color',
1394
+ $extensions: {
1395
+ 'org.primer.figma': {
1396
+ collection: 'mode',
1397
+ group: 'component (internal)',
1398
+ scopes: [
1399
+ 'bgColor',
1400
+ ],
1401
+ },
1402
+ 'org.primer.overrides': {
1403
+ dark: {
1404
+ $value: '{base.display.color.olive.4}',
1405
+ },
1406
+ 'light-high-contrast': {
1407
+ $value: '{base.display.color.olive.7}',
1408
+ },
1409
+ 'dark-high-contrast': {
1410
+ $value: '{base.display.color.olive.3}',
1411
+ },
1412
+ },
1413
+ },
1414
+ },
1415
+ },
1416
+ fgColor: {
1417
+ $value: '{base.display.color.olive.6}',
1418
+ $type: 'color',
1419
+ $extensions: {
1420
+ 'org.primer.figma': {
1421
+ collection: 'mode',
1422
+ group: 'component (internal)',
1423
+ scopes: [
1424
+ 'fgColor',
1425
+ ],
1426
+ },
1427
+ 'org.primer.overrides': {
1428
+ dark: {
1429
+ $value: '{base.display.color.olive.6}',
1430
+ },
1431
+ 'light-high-contrast': {
1432
+ $value: '{base.display.color.olive.8}',
1433
+ },
1434
+ 'dark-high-contrast': {
1435
+ $value: '{base.display.color.olive.8}',
1436
+ },
1437
+ },
1438
+ },
1439
+ },
1440
+ borderColor: {
1441
+ muted: {
1442
+ $value: '{base.display.color.olive.1}',
1443
+ $type: 'color',
1444
+ $extensions: {
1445
+ 'org.primer.figma': {
1446
+ collection: 'mode',
1447
+ group: 'component (internal)',
1448
+ scopes: [
1449
+ 'borderColor',
1450
+ ],
1451
+ },
1452
+ 'org.primer.overrides': {
1453
+ dark: {
1454
+ $value: '{base.display.color.olive.1}',
1455
+ },
1456
+ },
1457
+ },
1458
+ },
1459
+ emphasis: {
1460
+ $value: '{base.display.color.olive.5}',
1461
+ $type: 'color',
1462
+ $extensions: {
1463
+ 'org.primer.figma': {
1464
+ collection: 'mode',
1465
+ group: 'component (internal)',
1466
+ scopes: [
1467
+ 'borderColor',
1468
+ ],
1469
+ },
1470
+ 'org.primer.overrides': {
1471
+ dark: {
1472
+ $value: '{base.display.color.olive.5}',
1473
+ },
1474
+ 'light-high-contrast': {
1475
+ $value: '{base.display.color.olive.6}',
1476
+ },
1477
+ 'dark-high-contrast': {
1478
+ $value: '{base.display.color.olive.6}',
1479
+ },
1480
+ },
1481
+ },
1482
+ },
1483
+ },
1484
+ },
1485
+ lime: {
1486
+ bgColor: {
1487
+ muted: {
1488
+ $value: '{base.display.color.lime.0}',
1489
+ $type: 'color',
1490
+ $extensions: {
1491
+ 'org.primer.figma': {
1492
+ collection: 'mode',
1493
+ group: 'component (internal)',
1494
+ scopes: [
1495
+ 'bgColor',
1496
+ ],
1497
+ },
1498
+ 'org.primer.overrides': {
1499
+ dark: {
1500
+ $value: '{base.display.color.lime.0}',
1501
+ },
1502
+ },
1503
+ },
1504
+ },
1505
+ emphasis: {
1506
+ $value: '{base.display.color.lime.5}',
1507
+ $type: 'color',
1508
+ $extensions: {
1509
+ 'org.primer.figma': {
1510
+ collection: 'mode',
1511
+ group: 'component (internal)',
1512
+ scopes: [
1513
+ 'bgColor',
1514
+ ],
1515
+ },
1516
+ 'org.primer.overrides': {
1517
+ dark: {
1518
+ $value: '{base.display.color.lime.4}',
1519
+ },
1520
+ 'light-high-contrast': {
1521
+ $value: '{base.display.color.lime.7}',
1522
+ },
1523
+ 'dark-high-contrast': {
1524
+ $value: '{base.display.color.lime.3}',
1525
+ },
1526
+ },
1527
+ },
1528
+ },
1529
+ },
1530
+ fgColor: {
1531
+ $value: '{base.display.color.lime.6}',
1532
+ $type: 'color',
1533
+ $extensions: {
1534
+ 'org.primer.figma': {
1535
+ collection: 'mode',
1536
+ group: 'component (internal)',
1537
+ scopes: [
1538
+ 'fgColor',
1539
+ ],
1540
+ },
1541
+ 'org.primer.overrides': {
1542
+ dark: {
1543
+ $value: '{base.display.color.lime.6}',
1544
+ },
1545
+ 'light-high-contrast': {
1546
+ $value: '{base.display.color.lime.8}',
1547
+ },
1548
+ 'dark-high-contrast': {
1549
+ $value: '{base.display.color.lime.8}',
1550
+ },
1551
+ },
1552
+ },
1553
+ },
1554
+ borderColor: {
1555
+ muted: {
1556
+ $value: '{base.display.color.lime.1}',
1557
+ $type: 'color',
1558
+ $extensions: {
1559
+ 'org.primer.figma': {
1560
+ collection: 'mode',
1561
+ group: 'component (internal)',
1562
+ scopes: [
1563
+ 'borderColor',
1564
+ ],
1565
+ },
1566
+ 'org.primer.overrides': {
1567
+ dark: {
1568
+ $value: '{base.display.color.lime.1}',
1569
+ },
1570
+ },
1571
+ },
1572
+ },
1573
+ emphasis: {
1574
+ $value: '{base.display.color.lime.5}',
1575
+ $type: 'color',
1576
+ $extensions: {
1577
+ 'org.primer.figma': {
1578
+ collection: 'mode',
1579
+ group: 'component (internal)',
1580
+ scopes: [
1581
+ 'borderColor',
1582
+ ],
1583
+ },
1584
+ 'org.primer.overrides': {
1585
+ dark: {
1586
+ $value: '{base.display.color.lime.5}',
1587
+ },
1588
+ 'light-high-contrast': {
1589
+ $value: '{base.display.color.lime.6}',
1590
+ },
1591
+ 'dark-high-contrast': {
1592
+ $value: '{base.display.color.lime.6}',
1593
+ },
1594
+ },
1595
+ },
1596
+ },
1597
+ },
1598
+ },
1599
+ pine: {
1600
+ bgColor: {
1601
+ muted: {
1602
+ $value: '{base.display.color.pine.0}',
1603
+ $type: 'color',
1604
+ $extensions: {
1605
+ 'org.primer.figma': {
1606
+ collection: 'mode',
1607
+ group: 'component (internal)',
1608
+ scopes: [
1609
+ 'bgColor',
1610
+ ],
1611
+ },
1612
+ 'org.primer.overrides': {
1613
+ dark: {
1614
+ $value: '{base.display.color.pine.0}',
1615
+ },
1616
+ },
1617
+ },
1618
+ },
1619
+ emphasis: {
1620
+ $value: '{base.display.color.pine.5}',
1621
+ $type: 'color',
1622
+ $extensions: {
1623
+ 'org.primer.figma': {
1624
+ collection: 'mode',
1625
+ group: 'component (internal)',
1626
+ scopes: [
1627
+ 'bgColor',
1628
+ ],
1629
+ },
1630
+ 'org.primer.overrides': {
1631
+ dark: {
1632
+ $value: '{base.display.color.pine.4}',
1633
+ },
1634
+ 'light-high-contrast': {
1635
+ $value: '{base.display.color.pine.7}',
1636
+ },
1637
+ 'dark-high-contrast': {
1638
+ $value: '{base.display.color.pine.3}',
1639
+ },
1640
+ },
1641
+ },
1642
+ },
1643
+ },
1644
+ fgColor: {
1645
+ $value: '{base.display.color.pine.6}',
1646
+ $type: 'color',
1647
+ $extensions: {
1648
+ 'org.primer.figma': {
1649
+ collection: 'mode',
1650
+ group: 'component (internal)',
1651
+ scopes: [
1652
+ 'fgColor',
1653
+ ],
1654
+ },
1655
+ 'org.primer.overrides': {
1656
+ dark: {
1657
+ $value: '{base.display.color.pine.6}',
1658
+ },
1659
+ 'light-high-contrast': {
1660
+ $value: '{base.display.color.pine.8}',
1661
+ },
1662
+ 'dark-high-contrast': {
1663
+ $value: '{base.display.color.pine.8}',
1664
+ },
1665
+ },
1666
+ },
1667
+ },
1668
+ borderColor: {
1669
+ muted: {
1670
+ $value: '{base.display.color.pine.1}',
1671
+ $type: 'color',
1672
+ $extensions: {
1673
+ 'org.primer.figma': {
1674
+ collection: 'mode',
1675
+ group: 'component (internal)',
1676
+ scopes: [
1677
+ 'borderColor',
1678
+ ],
1679
+ },
1680
+ 'org.primer.overrides': {
1681
+ dark: {
1682
+ $value: '{base.display.color.pine.1}',
1683
+ },
1684
+ },
1685
+ },
1686
+ },
1687
+ emphasis: {
1688
+ $value: '{base.display.color.pine.5}',
1689
+ $type: 'color',
1690
+ $extensions: {
1691
+ 'org.primer.figma': {
1692
+ collection: 'mode',
1693
+ group: 'component (internal)',
1694
+ scopes: [
1695
+ 'borderColor',
1696
+ ],
1697
+ },
1698
+ 'org.primer.overrides': {
1699
+ dark: {
1700
+ $value: '{base.display.color.pine.5}',
1701
+ },
1702
+ 'light-high-contrast': {
1703
+ $value: '{base.display.color.pine.6}',
1704
+ },
1705
+ 'dark-high-contrast': {
1706
+ $value: '{base.display.color.pine.6}',
1707
+ },
1708
+ },
1709
+ },
1710
+ },
1711
+ },
1712
+ },
1713
+ teal: {
1714
+ bgColor: {
1715
+ muted: {
1716
+ $value: '{base.display.color.teal.0}',
1717
+ $type: 'color',
1718
+ $extensions: {
1719
+ 'org.primer.figma': {
1720
+ collection: 'mode',
1721
+ group: 'component (internal)',
1722
+ scopes: [
1723
+ 'bgColor',
1724
+ ],
1725
+ },
1726
+ 'org.primer.overrides': {
1727
+ dark: {
1728
+ $value: '{base.display.color.teal.0}',
1729
+ },
1730
+ },
1731
+ },
1732
+ },
1733
+ emphasis: {
1734
+ $value: '{base.display.color.teal.5}',
1735
+ $type: 'color',
1736
+ $extensions: {
1737
+ 'org.primer.figma': {
1738
+ collection: 'mode',
1739
+ group: 'component (internal)',
1740
+ scopes: [
1741
+ 'bgColor',
1742
+ ],
1743
+ },
1744
+ 'org.primer.overrides': {
1745
+ dark: {
1746
+ $value: '{base.display.color.teal.4}',
1747
+ },
1748
+ 'light-high-contrast': {
1749
+ $value: '{base.display.color.teal.7}',
1750
+ },
1751
+ 'dark-high-contrast': {
1752
+ $value: '{base.display.color.teal.3}',
1753
+ },
1754
+ },
1755
+ },
1756
+ },
1757
+ },
1758
+ fgColor: {
1759
+ $value: '{base.display.color.teal.6}',
1760
+ $type: 'color',
1761
+ $extensions: {
1762
+ 'org.primer.figma': {
1763
+ collection: 'mode',
1764
+ group: 'component (internal)',
1765
+ scopes: [
1766
+ 'fgColor',
1767
+ ],
1768
+ },
1769
+ 'org.primer.overrides': {
1770
+ dark: {
1771
+ $value: '{base.display.color.teal.6}',
1772
+ },
1773
+ 'light-high-contrast': {
1774
+ $value: '{base.display.color.teal.8}',
1775
+ },
1776
+ 'dark-high-contrast': {
1777
+ $value: '{base.display.color.teal.8}',
1778
+ },
1779
+ },
1780
+ },
1781
+ },
1782
+ borderColor: {
1783
+ muted: {
1784
+ $value: '{base.display.color.teal.1}',
1785
+ $type: 'color',
1786
+ $extensions: {
1787
+ 'org.primer.figma': {
1788
+ collection: 'mode',
1789
+ group: 'component (internal)',
1790
+ scopes: [
1791
+ 'borderColor',
1792
+ ],
1793
+ },
1794
+ 'org.primer.overrides': {
1795
+ dark: {
1796
+ $value: '{base.display.color.teal.1}',
1797
+ },
1798
+ },
1799
+ },
1800
+ },
1801
+ emphasis: {
1802
+ $value: '{base.display.color.teal.5}',
1803
+ $type: 'color',
1804
+ $extensions: {
1805
+ 'org.primer.figma': {
1806
+ collection: 'mode',
1807
+ group: 'component (internal)',
1808
+ scopes: [
1809
+ 'borderColor',
1810
+ ],
1811
+ },
1812
+ 'org.primer.overrides': {
1813
+ dark: {
1814
+ $value: '{base.display.color.teal.5}',
1815
+ },
1816
+ 'light-high-contrast': {
1817
+ $value: '{base.display.color.teal.6}',
1818
+ },
1819
+ 'dark-high-contrast': {
1820
+ $value: '{base.display.color.teal.6}',
1821
+ },
1822
+ },
1823
+ },
1824
+ },
1825
+ },
1826
+ },
1827
+ cyan: {
1828
+ bgColor: {
1829
+ muted: {
1830
+ $value: '{base.display.color.cyan.0}',
1831
+ $type: 'color',
1832
+ $extensions: {
1833
+ 'org.primer.figma': {
1834
+ collection: 'mode',
1835
+ group: 'component (internal)',
1836
+ scopes: [
1837
+ 'bgColor',
1838
+ ],
1839
+ },
1840
+ 'org.primer.overrides': {
1841
+ dark: {
1842
+ $value: '{base.display.color.cyan.0}',
1843
+ },
1844
+ },
1845
+ },
1846
+ },
1847
+ emphasis: {
1848
+ $value: '{base.display.color.cyan.5}',
1849
+ $type: 'color',
1850
+ $extensions: {
1851
+ 'org.primer.figma': {
1852
+ collection: 'mode',
1853
+ group: 'component (internal)',
1854
+ scopes: [
1855
+ 'bgColor',
1856
+ ],
1857
+ },
1858
+ 'org.primer.overrides': {
1859
+ dark: {
1860
+ $value: '{base.display.color.cyan.4}',
1861
+ },
1862
+ 'light-high-contrast': {
1863
+ $value: '{base.display.color.cyan.7}',
1864
+ },
1865
+ 'dark-high-contrast': {
1866
+ $value: '{base.display.color.cyan.3}',
1867
+ },
1868
+ },
1869
+ },
1870
+ },
1871
+ },
1872
+ fgColor: {
1873
+ $value: '{base.display.color.cyan.6}',
1874
+ $type: 'color',
1875
+ $extensions: {
1876
+ 'org.primer.figma': {
1877
+ collection: 'mode',
1878
+ group: 'component (internal)',
1879
+ scopes: [
1880
+ 'fgColor',
1881
+ ],
1882
+ },
1883
+ 'org.primer.overrides': {
1884
+ dark: {
1885
+ $value: '{base.display.color.cyan.6}',
1886
+ },
1887
+ 'light-high-contrast': {
1888
+ $value: '{base.display.color.cyan.8}',
1889
+ },
1890
+ 'dark-high-contrast': {
1891
+ $value: '{base.display.color.cyan.8}',
1892
+ },
1893
+ },
1894
+ },
1895
+ },
1896
+ borderColor: {
1897
+ muted: {
1898
+ $value: '{base.display.color.cyan.1}',
1899
+ $type: 'color',
1900
+ $extensions: {
1901
+ 'org.primer.figma': {
1902
+ collection: 'mode',
1903
+ group: 'component (internal)',
1904
+ scopes: [
1905
+ 'borderColor',
1906
+ ],
1907
+ },
1908
+ 'org.primer.overrides': {
1909
+ dark: {
1910
+ $value: '{base.display.color.cyan.1}',
1911
+ },
1912
+ },
1913
+ },
1914
+ },
1915
+ emphasis: {
1916
+ $value: '{base.display.color.cyan.5}',
1917
+ $type: 'color',
1918
+ $extensions: {
1919
+ 'org.primer.figma': {
1920
+ collection: 'mode',
1921
+ group: 'component (internal)',
1922
+ scopes: [
1923
+ 'borderColor',
1924
+ ],
1925
+ },
1926
+ 'org.primer.overrides': {
1927
+ dark: {
1928
+ $value: '{base.display.color.cyan.5}',
1929
+ },
1930
+ 'light-high-contrast': {
1931
+ $value: '{base.display.color.cyan.6}',
1932
+ },
1933
+ 'dark-high-contrast': {
1934
+ $value: '{base.display.color.cyan.6}',
1935
+ },
1936
+ },
1937
+ },
1938
+ },
1939
+ },
1940
+ },
1941
+ indigo: {
1942
+ bgColor: {
1943
+ muted: {
1944
+ $value: '{base.display.color.indigo.0}',
1945
+ $type: 'color',
1946
+ $extensions: {
1947
+ 'org.primer.figma': {
1948
+ collection: 'mode',
1949
+ group: 'component (internal)',
1950
+ scopes: [
1951
+ 'bgColor',
1952
+ ],
1953
+ },
1954
+ 'org.primer.overrides': {
1955
+ dark: {
1956
+ $value: '{base.display.color.indigo.0}',
1957
+ },
1958
+ },
1959
+ },
1960
+ },
1961
+ emphasis: {
1962
+ $value: '{base.display.color.indigo.5}',
1963
+ $type: 'color',
1964
+ $extensions: {
1965
+ 'org.primer.figma': {
1966
+ collection: 'mode',
1967
+ group: 'component (internal)',
1968
+ scopes: [
1969
+ 'bgColor',
1970
+ ],
1971
+ },
1972
+ 'org.primer.overrides': {
1973
+ dark: {
1974
+ $value: '{base.display.color.indigo.4}',
1975
+ },
1976
+ 'light-high-contrast': {
1977
+ $value: '{base.display.color.indigo.7}',
1978
+ },
1979
+ 'dark-high-contrast': {
1980
+ $value: '{base.display.color.indigo.3}',
1981
+ },
1982
+ },
1983
+ },
1984
+ },
1985
+ },
1986
+ fgColor: {
1987
+ $value: '{base.display.color.indigo.6}',
1988
+ $type: 'color',
1989
+ $extensions: {
1990
+ 'org.primer.figma': {
1991
+ collection: 'mode',
1992
+ group: 'component (internal)',
1993
+ scopes: [
1994
+ 'fgColor',
1995
+ ],
1996
+ },
1997
+ 'org.primer.overrides': {
1998
+ dark: {
1999
+ $value: '{base.display.color.indigo.6}',
2000
+ },
2001
+ 'light-high-contrast': {
2002
+ $value: '{base.display.color.indigo.8}',
2003
+ },
2004
+ 'dark-high-contrast': {
2005
+ $value: '{base.display.color.indigo.8}',
2006
+ },
2007
+ },
2008
+ },
2009
+ },
2010
+ borderColor: {
2011
+ muted: {
2012
+ $value: '{base.display.color.indigo.1}',
2013
+ $type: 'color',
2014
+ $extensions: {
2015
+ 'org.primer.figma': {
2016
+ collection: 'mode',
2017
+ group: 'component (internal)',
2018
+ scopes: [
2019
+ 'borderColor',
2020
+ ],
2021
+ },
2022
+ 'org.primer.overrides': {
2023
+ dark: {
2024
+ $value: '{base.display.color.indigo.1}',
2025
+ },
2026
+ },
2027
+ },
2028
+ },
2029
+ emphasis: {
2030
+ $value: '{base.display.color.indigo.5}',
2031
+ $type: 'color',
2032
+ $extensions: {
2033
+ 'org.primer.figma': {
2034
+ collection: 'mode',
2035
+ group: 'component (internal)',
2036
+ scopes: [
2037
+ 'borderColor',
2038
+ ],
2039
+ },
2040
+ 'org.primer.overrides': {
2041
+ dark: {
2042
+ $value: '{base.display.color.indigo.5}',
2043
+ },
2044
+ 'light-high-contrast': {
2045
+ $value: '{base.display.color.indigo.6}',
2046
+ },
2047
+ 'dark-high-contrast': {
2048
+ $value: '{base.display.color.indigo.6}',
2049
+ },
2050
+ },
2051
+ },
2052
+ },
2053
+ },
2054
+ },
2055
+ pink: {
2056
+ bgColor: {
2057
+ muted: {
2058
+ $value: '{base.display.color.pink.0}',
2059
+ $type: 'color',
2060
+ $extensions: {
2061
+ 'org.primer.figma': {
2062
+ collection: 'mode',
2063
+ group: 'component (internal)',
2064
+ scopes: [
2065
+ 'bgColor',
2066
+ ],
2067
+ },
2068
+ 'org.primer.overrides': {
2069
+ dark: {
2070
+ $value: '{base.display.color.pink.0}',
2071
+ },
2072
+ },
2073
+ },
2074
+ },
2075
+ emphasis: {
2076
+ $value: '{base.display.color.pink.5}',
2077
+ $type: 'color',
2078
+ $extensions: {
2079
+ 'org.primer.figma': {
2080
+ collection: 'mode',
2081
+ group: 'component (internal)',
2082
+ scopes: [
2083
+ 'bgColor',
2084
+ ],
2085
+ },
2086
+ 'org.primer.overrides': {
2087
+ dark: {
2088
+ $value: '{base.display.color.pink.4}',
2089
+ },
2090
+ 'light-high-contrast': {
2091
+ $value: '{base.display.color.pink.7}',
2092
+ },
2093
+ 'dark-high-contrast': {
2094
+ $value: '{base.display.color.pink.3}',
2095
+ },
2096
+ },
2097
+ },
2098
+ },
2099
+ },
2100
+ fgColor: {
2101
+ $value: '{base.display.color.pink.6}',
2102
+ $type: 'color',
2103
+ $extensions: {
2104
+ 'org.primer.figma': {
2105
+ collection: 'mode',
2106
+ group: 'component (internal)',
2107
+ scopes: [
2108
+ 'fgColor',
2109
+ ],
2110
+ },
2111
+ 'org.primer.overrides': {
2112
+ dark: {
2113
+ $value: '{base.display.color.pink.6}',
2114
+ },
2115
+ 'light-high-contrast': {
2116
+ $value: '{base.display.color.pink.8}',
2117
+ },
2118
+ 'dark-high-contrast': {
2119
+ $value: '{base.display.color.pink.8}',
2120
+ },
2121
+ },
2122
+ },
2123
+ },
2124
+ borderColor: {
2125
+ muted: {
2126
+ $value: '{base.display.color.pink.1}',
2127
+ $type: 'color',
2128
+ $extensions: {
2129
+ 'org.primer.figma': {
2130
+ collection: 'mode',
2131
+ group: 'component (internal)',
2132
+ scopes: [
2133
+ 'borderColor',
2134
+ ],
2135
+ },
2136
+ 'org.primer.overrides': {
2137
+ dark: {
2138
+ $value: '{base.display.color.pink.1}',
2139
+ },
2140
+ },
2141
+ },
2142
+ },
2143
+ emphasis: {
2144
+ $value: '{base.display.color.pink.5}',
2145
+ $type: 'color',
2146
+ $extensions: {
2147
+ 'org.primer.figma': {
2148
+ collection: 'mode',
2149
+ group: 'component (internal)',
2150
+ scopes: [
2151
+ 'borderColor',
2152
+ ],
2153
+ },
2154
+ 'org.primer.overrides': {
2155
+ dark: {
2156
+ $value: '{base.display.color.pink.5}',
2157
+ },
2158
+ 'light-high-contrast': {
2159
+ $value: '{base.display.color.pink.6}',
2160
+ },
2161
+ 'dark-high-contrast': {
2162
+ $value: '{base.display.color.pink.6}',
2163
+ },
2164
+ },
2165
+ },
2166
+ },
2167
+ },
2168
+ },
2169
+ },
2170
+ }