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

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 (90) hide show
  1. package/dist/build/schemas/shadowToken.d.ts +0 -1992
  2. package/dist/build/schemas/shadowToken.js +0 -27
  3. package/dist/css/functional/motion/motion.css +6 -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 +6 -0
  14. package/dist/docs/functional/motion/motion.json +66 -0
  15. package/dist/docs/functional/themes/dark-colorblind.json +510 -9390
  16. package/dist/docs/functional/themes/dark-dimmed.json +633 -9809
  17. package/dist/docs/functional/themes/dark-high-contrast.json +4339 -14493
  18. package/dist/docs/functional/themes/dark-tritanopia.json +537 -9389
  19. package/dist/docs/functional/themes/dark.json +452 -9206
  20. package/dist/docs/functional/themes/light-colorblind.json +470 -9320
  21. package/dist/docs/functional/themes/light-high-contrast.json +3990 -14072
  22. package/dist/docs/functional/themes/light-tritanopia.json +470 -9292
  23. package/dist/docs/functional/themes/light.json +425 -9205
  24. package/dist/fallbacks/functional/motion/motion.json +6 -0
  25. package/dist/figma/figma.json +10 -1
  26. package/dist/figma/shadows/dark-colorblind.json +1152 -0
  27. package/dist/figma/shadows/dark-dimmed.json +1152 -0
  28. package/dist/figma/shadows/dark-high-contrast.json +1152 -0
  29. package/dist/figma/shadows/dark-tritanopia.json +1152 -0
  30. package/dist/figma/shadows/dark.json +1152 -0
  31. package/dist/figma/shadows/light-colorblind.json +1052 -0
  32. package/dist/figma/shadows/light-high-contrast.json +1052 -0
  33. package/dist/figma/shadows/light-tritanopia.json +1052 -0
  34. package/dist/figma/shadows/light.json +1052 -0
  35. package/dist/figma/themes/dark-colorblind.json +5047 -5070
  36. package/dist/figma/themes/dark-dimmed.json +4705 -5059
  37. package/dist/figma/themes/dark-high-contrast.json +4565 -6057
  38. package/dist/figma/themes/dark-tritanopia.json +5056 -5045
  39. package/dist/figma/themes/dark.json +4945 -4829
  40. package/dist/figma/themes/light-colorblind.json +4959 -5035
  41. package/dist/figma/themes/light-high-contrast.json +4601 -6084
  42. package/dist/figma/themes/light-tritanopia.json +4979 -5024
  43. package/dist/figma/themes/light.json +5223 -5223
  44. package/dist/internalCss/dark-colorblind.css +2 -2
  45. package/dist/internalCss/dark-dimmed.css +2 -2
  46. package/dist/internalCss/dark-high-contrast.css +2 -2
  47. package/dist/internalCss/dark-tritanopia.css +2 -2
  48. package/dist/internalCss/dark.css +2 -2
  49. package/dist/internalCss/light-colorblind.css +2 -2
  50. package/dist/internalCss/light-high-contrast.css +2 -2
  51. package/dist/internalCss/light-tritanopia.css +2 -2
  52. package/dist/internalCss/light.css +2 -2
  53. package/dist/styleLint/functional/motion/motion.json +66 -0
  54. package/dist/styleLint/functional/themes/dark-colorblind.json +510 -9390
  55. package/dist/styleLint/functional/themes/dark-dimmed.json +672 -9848
  56. package/dist/styleLint/functional/themes/dark-high-contrast.json +4339 -14493
  57. package/dist/styleLint/functional/themes/dark-tritanopia.json +537 -9389
  58. package/dist/styleLint/functional/themes/dark.json +452 -9206
  59. package/dist/styleLint/functional/themes/light-colorblind.json +470 -9320
  60. package/dist/styleLint/functional/themes/light-high-contrast.json +771 -10853
  61. package/dist/styleLint/functional/themes/light-tritanopia.json +470 -9292
  62. package/dist/styleLint/functional/themes/light.json +425 -9205
  63. package/package.json +1 -1
  64. package/src/tokens/component/avatar.json5 +0 -33
  65. package/src/tokens/component/header.json5 +0 -3
  66. package/src/tokens/functional/color/dark/display-dark.json5 +1258 -0
  67. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +199 -0
  68. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +618 -0
  69. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +65 -0
  70. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +47 -0
  71. package/src/tokens/functional/color/dark/patterns-dark.json5 +2589 -0
  72. package/src/tokens/functional/color/light/display-light.json5 +1163 -0
  73. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +581 -0
  74. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +69 -0
  75. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +41 -0
  76. package/src/tokens/functional/color/light/patterns-light.json5 +2583 -0
  77. package/src/tokens/functional/motion/loading.json5 +17 -0
  78. package/src/tokens/functional/motion/patterns.json5 +35 -0
  79. package/src/tokens/functional/shadow/dark.json5 +369 -0
  80. package/src/tokens/functional/shadow/{shadow.json5 → light.json5} +120 -202
  81. package/src/tokens/component/button.json5 +0 -1714
  82. package/src/tokens/component/label.json5 +0 -1942
  83. package/src/tokens/component/menu.json5 +0 -24
  84. package/src/tokens/component/selectMenu.json5 +0 -38
  85. package/src/tokens/component/sideNav.json5 +0 -22
  86. package/src/tokens/component/treeView.json5 +0 -24
  87. package/src/tokens/component/underlineNav.json5 +0 -56
  88. package/src/tokens/functional/color/control.json5 +0 -1087
  89. package/src/tokens/functional/color/display.json5 +0 -2170
  90. package/src/tokens/functional/color/selection.json5 +0 -22
package/src/tokens/functional/color/display.json5 DELETED
@@ -1,2170 +0,0 @@
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
- }