@primer/primitives 10.4.0-rc.ea0a5a9d → 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 (83) 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/themes/dark-colorblind.css +2 -2
  4. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  5. package/dist/css/functional/themes/dark-high-contrast.css +2 -2
  6. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  7. package/dist/css/functional/themes/dark.css +2 -2
  8. package/dist/css/functional/themes/light-colorblind.css +2 -2
  9. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  10. package/dist/css/functional/themes/light-tritanopia.css +2 -2
  11. package/dist/css/functional/themes/light.css +2 -2
  12. package/dist/docs/functional/themes/dark-colorblind.json +510 -9390
  13. package/dist/docs/functional/themes/dark-dimmed.json +633 -9809
  14. package/dist/docs/functional/themes/dark-high-contrast.json +4339 -14493
  15. package/dist/docs/functional/themes/dark-tritanopia.json +537 -9389
  16. package/dist/docs/functional/themes/dark.json +452 -9206
  17. package/dist/docs/functional/themes/light-colorblind.json +470 -9320
  18. package/dist/docs/functional/themes/light-high-contrast.json +3990 -14072
  19. package/dist/docs/functional/themes/light-tritanopia.json +470 -9292
  20. package/dist/docs/functional/themes/light.json +425 -9205
  21. package/dist/figma/figma.json +10 -1
  22. package/dist/figma/shadows/dark-colorblind.json +1152 -0
  23. package/dist/figma/shadows/dark-dimmed.json +1152 -0
  24. package/dist/figma/shadows/dark-high-contrast.json +1152 -0
  25. package/dist/figma/shadows/dark-tritanopia.json +1152 -0
  26. package/dist/figma/shadows/dark.json +1152 -0
  27. package/dist/figma/shadows/light-colorblind.json +1052 -0
  28. package/dist/figma/shadows/light-high-contrast.json +1052 -0
  29. package/dist/figma/shadows/light-tritanopia.json +1052 -0
  30. package/dist/figma/shadows/light.json +1052 -0
  31. package/dist/figma/themes/dark-colorblind.json +5047 -5070
  32. package/dist/figma/themes/dark-dimmed.json +4705 -5059
  33. package/dist/figma/themes/dark-high-contrast.json +4565 -6057
  34. package/dist/figma/themes/dark-tritanopia.json +5056 -5045
  35. package/dist/figma/themes/dark.json +4945 -4829
  36. package/dist/figma/themes/light-colorblind.json +4959 -5035
  37. package/dist/figma/themes/light-high-contrast.json +4601 -6084
  38. package/dist/figma/themes/light-tritanopia.json +4979 -5024
  39. package/dist/figma/themes/light.json +5223 -5223
  40. package/dist/internalCss/dark-colorblind.css +2 -2
  41. package/dist/internalCss/dark-dimmed.css +2 -2
  42. package/dist/internalCss/dark-high-contrast.css +2 -2
  43. package/dist/internalCss/dark-tritanopia.css +2 -2
  44. package/dist/internalCss/dark.css +2 -2
  45. package/dist/internalCss/light-colorblind.css +2 -2
  46. package/dist/internalCss/light-high-contrast.css +2 -2
  47. package/dist/internalCss/light-tritanopia.css +2 -2
  48. package/dist/internalCss/light.css +2 -2
  49. package/dist/styleLint/functional/themes/dark-colorblind.json +510 -9390
  50. package/dist/styleLint/functional/themes/dark-dimmed.json +672 -9848
  51. package/dist/styleLint/functional/themes/dark-high-contrast.json +4339 -14493
  52. package/dist/styleLint/functional/themes/dark-tritanopia.json +537 -9389
  53. package/dist/styleLint/functional/themes/dark.json +452 -9206
  54. package/dist/styleLint/functional/themes/light-colorblind.json +470 -9320
  55. package/dist/styleLint/functional/themes/light-high-contrast.json +771 -10853
  56. package/dist/styleLint/functional/themes/light-tritanopia.json +470 -9292
  57. package/dist/styleLint/functional/themes/light.json +425 -9205
  58. package/package.json +1 -1
  59. package/src/tokens/component/avatar.json5 +0 -33
  60. package/src/tokens/component/header.json5 +0 -3
  61. package/src/tokens/functional/color/dark/display-dark.json5 +1258 -0
  62. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +199 -0
  63. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +618 -0
  64. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +65 -0
  65. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +47 -0
  66. package/src/tokens/functional/color/dark/patterns-dark.json5 +2589 -0
  67. package/src/tokens/functional/color/light/display-light.json5 +1163 -0
  68. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +581 -0
  69. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +69 -0
  70. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +41 -0
  71. package/src/tokens/functional/color/light/patterns-light.json5 +2583 -0
  72. package/src/tokens/functional/shadow/dark.json5 +369 -0
  73. package/src/tokens/functional/shadow/{shadow.json5 → light.json5} +120 -202
  74. package/src/tokens/component/button.json5 +0 -1714
  75. package/src/tokens/component/label.json5 +0 -1942
  76. package/src/tokens/component/menu.json5 +0 -24
  77. package/src/tokens/component/selectMenu.json5 +0 -38
  78. package/src/tokens/component/sideNav.json5 +0 -22
  79. package/src/tokens/component/treeView.json5 +0 -24
  80. package/src/tokens/component/underlineNav.json5 +0 -56
  81. package/src/tokens/functional/color/control.json5 +0 -1087
  82. package/src/tokens/functional/color/display.json5 +0 -2170
  83. package/src/tokens/functional/color/selection.json5 +0 -22
package/src/tokens/functional/color/light/display-light.json5 ADDED
@@ -0,0 +1,1163 @@
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: ['bgColor'],
13
+ },
14
+ },
15
+ },
16
+ emphasis: {
17
+ $value: '{base.display.color.blue.5}',
18
+ $type: 'color',
19
+ $extensions: {
20
+ 'org.primer.figma': {
21
+ collection: 'mode',
22
+ group: 'component (internal)',
23
+ scopes: ['bgColor'],
24
+ },
25
+ },
26
+ },
27
+ },
28
+ fgColor: {
29
+ $value: '{base.display.color.blue.6}',
30
+ $type: 'color',
31
+ $extensions: {
32
+ 'org.primer.figma': {
33
+ collection: 'mode',
34
+ group: 'component (internal)',
35
+ scopes: ['fgColor'],
36
+ },
37
+ },
38
+ },
39
+ borderColor: {
40
+ muted: {
41
+ $value: '{base.display.color.blue.1}',
42
+ $type: 'color',
43
+ $extensions: {
44
+ 'org.primer.figma': {
45
+ collection: 'mode',
46
+ group: 'component (internal)',
47
+ scopes: ['borderColor'],
48
+ },
49
+ },
50
+ },
51
+ emphasis: {
52
+ $value: '{base.display.color.blue.5}',
53
+ $type: 'color',
54
+ $extensions: {
55
+ 'org.primer.figma': {
56
+ collection: 'mode',
57
+ group: 'component (internal)',
58
+ scopes: ['borderColor'],
59
+ },
60
+ },
61
+ },
62
+ },
63
+ },
64
+ green: {
65
+ bgColor: {
66
+ muted: {
67
+ $value: '{base.display.color.green.0}',
68
+ $type: 'color',
69
+ $extensions: {
70
+ 'org.primer.figma': {
71
+ collection: 'mode',
72
+ group: 'component (internal)',
73
+ scopes: ['bgColor'],
74
+ },
75
+ },
76
+ },
77
+ emphasis: {
78
+ $value: '{base.display.color.green.5}',
79
+ $type: 'color',
80
+ $extensions: {
81
+ 'org.primer.figma': {
82
+ collection: 'mode',
83
+ group: 'component (internal)',
84
+ scopes: ['bgColor'],
85
+ },
86
+ },
87
+ },
88
+ },
89
+ fgColor: {
90
+ $value: '{base.display.color.green.6}',
91
+ $type: 'color',
92
+ $extensions: {
93
+ 'org.primer.figma': {
94
+ collection: 'mode',
95
+ group: 'component (internal)',
96
+ scopes: ['fgColor'],
97
+ },
98
+ },
99
+ },
100
+ borderColor: {
101
+ muted: {
102
+ $value: '{base.display.color.green.1}',
103
+ $type: 'color',
104
+ $extensions: {
105
+ 'org.primer.figma': {
106
+ collection: 'mode',
107
+ group: 'component (internal)',
108
+ scopes: ['borderColor'],
109
+ },
110
+ },
111
+ },
112
+ emphasis: {
113
+ $value: '{base.display.color.green.5}',
114
+ $type: 'color',
115
+ $extensions: {
116
+ 'org.primer.figma': {
117
+ collection: 'mode',
118
+ group: 'component (internal)',
119
+ scopes: ['borderColor'],
120
+ },
121
+ },
122
+ },
123
+ },
124
+ },
125
+ orange: {
126
+ bgColor: {
127
+ muted: {
128
+ $value: '{base.display.color.orange.0}',
129
+ $type: 'color',
130
+ $extensions: {
131
+ 'org.primer.figma': {
132
+ collection: 'mode',
133
+ group: 'component (internal)',
134
+ scopes: ['bgColor'],
135
+ },
136
+ },
137
+ },
138
+ emphasis: {
139
+ $value: '{base.display.color.orange.5}',
140
+ $type: 'color',
141
+ $extensions: {
142
+ 'org.primer.figma': {
143
+ collection: 'mode',
144
+ group: 'component (internal)',
145
+ scopes: ['bgColor'],
146
+ },
147
+ },
148
+ },
149
+ },
150
+ fgColor: {
151
+ $value: '{base.display.color.orange.6}',
152
+ $type: 'color',
153
+ $extensions: {
154
+ 'org.primer.figma': {
155
+ collection: 'mode',
156
+ group: 'component (internal)',
157
+ scopes: ['fgColor'],
158
+ },
159
+ },
160
+ },
161
+ borderColor: {
162
+ muted: {
163
+ $value: '{base.display.color.orange.1}',
164
+ $type: 'color',
165
+ $extensions: {
166
+ 'org.primer.figma': {
167
+ collection: 'mode',
168
+ group: 'component (internal)',
169
+ scopes: ['borderColor'],
170
+ },
171
+ },
172
+ },
173
+ emphasis: {
174
+ $value: '{base.display.color.orange.5}',
175
+ $type: 'color',
176
+ $extensions: {
177
+ 'org.primer.figma': {
178
+ collection: 'mode',
179
+ group: 'component (internal)',
180
+ scopes: ['borderColor'],
181
+ },
182
+ },
183
+ },
184
+ },
185
+ },
186
+ purple: {
187
+ bgColor: {
188
+ muted: {
189
+ $value: '{base.display.color.purple.0}',
190
+ $type: 'color',
191
+ $extensions: {
192
+ 'org.primer.figma': {
193
+ collection: 'mode',
194
+ group: 'component (internal)',
195
+ scopes: ['bgColor'],
196
+ },
197
+ },
198
+ },
199
+ emphasis: {
200
+ $value: '{base.display.color.purple.5}',
201
+ $type: 'color',
202
+ $extensions: {
203
+ 'org.primer.figma': {
204
+ collection: 'mode',
205
+ group: 'component (internal)',
206
+ scopes: ['bgColor'],
207
+ },
208
+ },
209
+ },
210
+ },
211
+ fgColor: {
212
+ $value: '{base.display.color.purple.6}',
213
+ $type: 'color',
214
+ $extensions: {
215
+ 'org.primer.figma': {
216
+ collection: 'mode',
217
+ group: 'component (internal)',
218
+ scopes: ['fgColor'],
219
+ },
220
+ },
221
+ },
222
+ borderColor: {
223
+ muted: {
224
+ $value: '{base.display.color.purple.1}',
225
+ $type: 'color',
226
+ $extensions: {
227
+ 'org.primer.figma': {
228
+ collection: 'mode',
229
+ group: 'component (internal)',
230
+ scopes: ['borderColor'],
231
+ },
232
+ },
233
+ },
234
+ emphasis: {
235
+ $value: '{base.display.color.purple.5}',
236
+ $type: 'color',
237
+ $extensions: {
238
+ 'org.primer.figma': {
239
+ collection: 'mode',
240
+ group: 'component (internal)',
241
+ scopes: ['borderColor'],
242
+ },
243
+ },
244
+ },
245
+ },
246
+ },
247
+ plum: {
248
+ bgColor: {
249
+ muted: {
250
+ $value: '{base.display.color.plum.0}',
251
+ $type: 'color',
252
+ $extensions: {
253
+ 'org.primer.figma': {
254
+ collection: 'mode',
255
+ group: 'component (internal)',
256
+ scopes: ['bgColor'],
257
+ },
258
+ },
259
+ },
260
+ emphasis: {
261
+ $value: '{base.display.color.plum.5}',
262
+ $type: 'color',
263
+ $extensions: {
264
+ 'org.primer.figma': {
265
+ collection: 'mode',
266
+ group: 'component (internal)',
267
+ scopes: ['bgColor'],
268
+ },
269
+ },
270
+ },
271
+ },
272
+ fgColor: {
273
+ $value: '{base.display.color.plum.6}',
274
+ $type: 'color',
275
+ $extensions: {
276
+ 'org.primer.figma': {
277
+ collection: 'mode',
278
+ group: 'component (internal)',
279
+ scopes: ['fgColor'],
280
+ },
281
+ },
282
+ },
283
+ borderColor: {
284
+ muted: {
285
+ $value: '{base.display.color.plum.1}',
286
+ $type: 'color',
287
+ $extensions: {
288
+ 'org.primer.figma': {
289
+ collection: 'mode',
290
+ group: 'component (internal)',
291
+ scopes: ['borderColor'],
292
+ },
293
+ },
294
+ },
295
+ emphasis: {
296
+ $value: '{base.display.color.plum.5}',
297
+ $type: 'color',
298
+ $extensions: {
299
+ 'org.primer.figma': {
300
+ collection: 'mode',
301
+ group: 'component (internal)',
302
+ scopes: ['borderColor'],
303
+ },
304
+ },
305
+ },
306
+ },
307
+ },
308
+ red: {
309
+ bgColor: {
310
+ muted: {
311
+ $value: '{base.display.color.red.0}',
312
+ $type: 'color',
313
+ $extensions: {
314
+ 'org.primer.figma': {
315
+ collection: 'mode',
316
+ group: 'component (internal)',
317
+ scopes: ['bgColor'],
318
+ },
319
+ },
320
+ },
321
+ emphasis: {
322
+ $value: '{base.display.color.red.5}',
323
+ $type: 'color',
324
+ $extensions: {
325
+ 'org.primer.figma': {
326
+ collection: 'mode',
327
+ group: 'component (internal)',
328
+ scopes: ['bgColor'],
329
+ },
330
+ },
331
+ },
332
+ },
333
+ fgColor: {
334
+ $value: '{base.display.color.red.6}',
335
+ $type: 'color',
336
+ $extensions: {
337
+ 'org.primer.figma': {
338
+ collection: 'mode',
339
+ group: 'component (internal)',
340
+ scopes: ['fgColor'],
341
+ },
342
+ },
343
+ },
344
+ borderColor: {
345
+ muted: {
346
+ $value: '{base.display.color.red.1}',
347
+ $type: 'color',
348
+ $extensions: {
349
+ 'org.primer.figma': {
350
+ collection: 'mode',
351
+ group: 'component (internal)',
352
+ scopes: ['borderColor'],
353
+ },
354
+ },
355
+ },
356
+ emphasis: {
357
+ $value: '{base.display.color.red.5}',
358
+ $type: 'color',
359
+ $extensions: {
360
+ 'org.primer.figma': {
361
+ collection: 'mode',
362
+ group: 'component (internal)',
363
+ scopes: ['borderColor'],
364
+ },
365
+ },
366
+ },
367
+ },
368
+ },
369
+ coral: {
370
+ bgColor: {
371
+ muted: {
372
+ $value: '{base.display.color.coral.0}',
373
+ $type: 'color',
374
+ $extensions: {
375
+ 'org.primer.figma': {
376
+ collection: 'mode',
377
+ group: 'component (internal)',
378
+ scopes: ['bgColor'],
379
+ },
380
+ },
381
+ },
382
+ emphasis: {
383
+ $value: '{base.display.color.coral.5}',
384
+ $type: 'color',
385
+ $extensions: {
386
+ 'org.primer.figma': {
387
+ collection: 'mode',
388
+ group: 'component (internal)',
389
+ scopes: ['bgColor'],
390
+ },
391
+ },
392
+ },
393
+ },
394
+ fgColor: {
395
+ $value: '{base.display.color.coral.6}',
396
+ $type: 'color',
397
+ $extensions: {
398
+ 'org.primer.figma': {
399
+ collection: 'mode',
400
+ group: 'component (internal)',
401
+ scopes: ['fgColor'],
402
+ },
403
+ },
404
+ },
405
+ borderColor: {
406
+ muted: {
407
+ $value: '{base.display.color.coral.1}',
408
+ $type: 'color',
409
+ $extensions: {
410
+ 'org.primer.figma': {
411
+ collection: 'mode',
412
+ group: 'component (internal)',
413
+ scopes: ['borderColor'],
414
+ },
415
+ },
416
+ },
417
+ emphasis: {
418
+ $value: '{base.display.color.coral.5}',
419
+ $type: 'color',
420
+ $extensions: {
421
+ 'org.primer.figma': {
422
+ collection: 'mode',
423
+ group: 'component (internal)',
424
+ scopes: ['borderColor'],
425
+ },
426
+ },
427
+ },
428
+ },
429
+ },
430
+ yellow: {
431
+ bgColor: {
432
+ muted: {
433
+ $value: '{base.display.color.yellow.0}',
434
+ $type: 'color',
435
+ $extensions: {
436
+ 'org.primer.figma': {
437
+ collection: 'mode',
438
+ group: 'component (internal)',
439
+ scopes: ['bgColor'],
440
+ },
441
+ },
442
+ },
443
+ emphasis: {
444
+ $value: '{base.display.color.yellow.5}',
445
+ $type: 'color',
446
+ $extensions: {
447
+ 'org.primer.figma': {
448
+ collection: 'mode',
449
+ group: 'component (internal)',
450
+ scopes: ['bgColor'],
451
+ },
452
+ },
453
+ },
454
+ },
455
+ fgColor: {
456
+ $value: '{base.display.color.yellow.6}',
457
+ $type: 'color',
458
+ $extensions: {
459
+ 'org.primer.figma': {
460
+ collection: 'mode',
461
+ group: 'component (internal)',
462
+ scopes: ['fgColor'],
463
+ },
464
+ },
465
+ },
466
+ borderColor: {
467
+ muted: {
468
+ $value: '{base.display.color.yellow.1}',
469
+ $type: 'color',
470
+ $extensions: {
471
+ 'org.primer.figma': {
472
+ collection: 'mode',
473
+ group: 'component (internal)',
474
+ scopes: ['borderColor'],
475
+ },
476
+ },
477
+ },
478
+ emphasis: {
479
+ $value: '{base.display.color.yellow.5}',
480
+ $type: 'color',
481
+ $extensions: {
482
+ 'org.primer.figma': {
483
+ collection: 'mode',
484
+ group: 'component (internal)',
485
+ scopes: ['borderColor'],
486
+ },
487
+ },
488
+ },
489
+ },
490
+ },
491
+ gray: {
492
+ bgColor: {
493
+ muted: {
494
+ $value: '{base.display.color.gray.0}',
495
+ $type: 'color',
496
+ $extensions: {
497
+ 'org.primer.figma': {
498
+ collection: 'mode',
499
+ group: 'component (internal)',
500
+ scopes: ['bgColor'],
501
+ },
502
+ },
503
+ },
504
+ emphasis: {
505
+ $value: '{base.display.color.gray.5}',
506
+ $type: 'color',
507
+ $extensions: {
508
+ 'org.primer.figma': {
509
+ collection: 'mode',
510
+ group: 'component (internal)',
511
+ scopes: ['bgColor'],
512
+ },
513
+ },
514
+ },
515
+ },
516
+ fgColor: {
517
+ $value: '{base.display.color.gray.6}',
518
+ $type: 'color',
519
+ $extensions: {
520
+ 'org.primer.figma': {
521
+ collection: 'mode',
522
+ group: 'component (internal)',
523
+ scopes: ['fgColor'],
524
+ },
525
+ },
526
+ },
527
+ borderColor: {
528
+ muted: {
529
+ $value: '{base.display.color.gray.1}',
530
+ $type: 'color',
531
+ $extensions: {
532
+ 'org.primer.figma': {
533
+ collection: 'mode',
534
+ group: 'component (internal)',
535
+ scopes: ['borderColor'],
536
+ },
537
+ },
538
+ },
539
+ emphasis: {
540
+ $value: '{base.display.color.gray.5}',
541
+ $type: 'color',
542
+ $extensions: {
543
+ 'org.primer.figma': {
544
+ collection: 'mode',
545
+ group: 'component (internal)',
546
+ scopes: ['borderColor'],
547
+ },
548
+ },
549
+ },
550
+ },
551
+ },
552
+ auburn: {
553
+ bgColor: {
554
+ muted: {
555
+ $value: '{base.display.color.auburn.0}',
556
+ $type: 'color',
557
+ $extensions: {
558
+ 'org.primer.figma': {
559
+ collection: 'mode',
560
+ group: 'component (internal)',
561
+ scopes: ['bgColor'],
562
+ },
563
+ },
564
+ },
565
+ emphasis: {
566
+ $value: '{base.display.color.auburn.5}',
567
+ $type: 'color',
568
+ $extensions: {
569
+ 'org.primer.figma': {
570
+ collection: 'mode',
571
+ group: 'component (internal)',
572
+ scopes: ['bgColor'],
573
+ },
574
+ },
575
+ },
576
+ },
577
+ fgColor: {
578
+ $value: '{base.display.color.auburn.6}',
579
+ $type: 'color',
580
+ $extensions: {
581
+ 'org.primer.figma': {
582
+ collection: 'mode',
583
+ group: 'component (internal)',
584
+ scopes: ['fgColor'],
585
+ },
586
+ },
587
+ },
588
+ borderColor: {
589
+ muted: {
590
+ $value: '{base.display.color.auburn.1}',
591
+ $type: 'color',
592
+ $extensions: {
593
+ 'org.primer.figma': {
594
+ collection: 'mode',
595
+ group: 'component (internal)',
596
+ scopes: ['borderColor'],
597
+ },
598
+ },
599
+ },
600
+ emphasis: {
601
+ $value: '{base.display.color.auburn.5}',
602
+ $type: 'color',
603
+ $extensions: {
604
+ 'org.primer.figma': {
605
+ collection: 'mode',
606
+ group: 'component (internal)',
607
+ scopes: ['borderColor'],
608
+ },
609
+ },
610
+ },
611
+ },
612
+ },
613
+ brown: {
614
+ bgColor: {
615
+ muted: {
616
+ $value: '{base.display.color.brown.0}',
617
+ $type: 'color',
618
+ $extensions: {
619
+ 'org.primer.figma': {
620
+ collection: 'mode',
621
+ group: 'component (internal)',
622
+ scopes: ['bgColor'],
623
+ },
624
+ },
625
+ },
626
+ emphasis: {
627
+ $value: '{base.display.color.brown.5}',
628
+ $type: 'color',
629
+ $extensions: {
630
+ 'org.primer.figma': {
631
+ collection: 'mode',
632
+ group: 'component (internal)',
633
+ scopes: ['bgColor'],
634
+ },
635
+ },
636
+ },
637
+ },
638
+ fgColor: {
639
+ $value: '{base.display.color.brown.6}',
640
+ $type: 'color',
641
+ $extensions: {
642
+ 'org.primer.figma': {
643
+ collection: 'mode',
644
+ group: 'component (internal)',
645
+ scopes: ['fgColor'],
646
+ },
647
+ },
648
+ },
649
+ borderColor: {
650
+ muted: {
651
+ $value: '{base.display.color.brown.1}',
652
+ $type: 'color',
653
+ $extensions: {
654
+ 'org.primer.figma': {
655
+ collection: 'mode',
656
+ group: 'component (internal)',
657
+ scopes: ['borderColor'],
658
+ },
659
+ },
660
+ },
661
+ emphasis: {
662
+ $value: '{base.display.color.brown.5}',
663
+ $type: 'color',
664
+ $extensions: {
665
+ 'org.primer.figma': {
666
+ collection: 'mode',
667
+ group: 'component (internal)',
668
+ scopes: ['borderColor'],
669
+ },
670
+ },
671
+ },
672
+ },
673
+ },
674
+ lemon: {
675
+ bgColor: {
676
+ muted: {
677
+ $value: '{base.display.color.lemon.0}',
678
+ $type: 'color',
679
+ $extensions: {
680
+ 'org.primer.figma': {
681
+ collection: 'mode',
682
+ group: 'component (internal)',
683
+ scopes: ['bgColor'],
684
+ },
685
+ },
686
+ },
687
+ emphasis: {
688
+ $value: '{base.display.color.lemon.5}',
689
+ $type: 'color',
690
+ $extensions: {
691
+ 'org.primer.figma': {
692
+ collection: 'mode',
693
+ group: 'component (internal)',
694
+ scopes: ['bgColor'],
695
+ },
696
+ },
697
+ },
698
+ },
699
+ fgColor: {
700
+ $value: '{base.display.color.lemon.6}',
701
+ $type: 'color',
702
+ $extensions: {
703
+ 'org.primer.figma': {
704
+ collection: 'mode',
705
+ group: 'component (internal)',
706
+ scopes: ['fgColor'],
707
+ },
708
+ },
709
+ },
710
+ borderColor: {
711
+ muted: {
712
+ $value: '{base.display.color.lemon.1}',
713
+ $type: 'color',
714
+ $extensions: {
715
+ 'org.primer.figma': {
716
+ collection: 'mode',
717
+ group: 'component (internal)',
718
+ scopes: ['borderColor'],
719
+ },
720
+ },
721
+ },
722
+ emphasis: {
723
+ $value: '{base.display.color.lemon.5}',
724
+ $type: 'color',
725
+ $extensions: {
726
+ 'org.primer.figma': {
727
+ collection: 'mode',
728
+ group: 'component (internal)',
729
+ scopes: ['borderColor'],
730
+ },
731
+ },
732
+ },
733
+ },
734
+ },
735
+ olive: {
736
+ bgColor: {
737
+ muted: {
738
+ $value: '{base.display.color.olive.0}',
739
+ $type: 'color',
740
+ $extensions: {
741
+ 'org.primer.figma': {
742
+ collection: 'mode',
743
+ group: 'component (internal)',
744
+ scopes: ['bgColor'],
745
+ },
746
+ },
747
+ },
748
+ emphasis: {
749
+ $value: '{base.display.color.olive.5}',
750
+ $type: 'color',
751
+ $extensions: {
752
+ 'org.primer.figma': {
753
+ collection: 'mode',
754
+ group: 'component (internal)',
755
+ scopes: ['bgColor'],
756
+ },
757
+ },
758
+ },
759
+ },
760
+ fgColor: {
761
+ $value: '{base.display.color.olive.6}',
762
+ $type: 'color',
763
+ $extensions: {
764
+ 'org.primer.figma': {
765
+ collection: 'mode',
766
+ group: 'component (internal)',
767
+ scopes: ['fgColor'],
768
+ },
769
+ },
770
+ },
771
+ borderColor: {
772
+ muted: {
773
+ $value: '{base.display.color.olive.1}',
774
+ $type: 'color',
775
+ $extensions: {
776
+ 'org.primer.figma': {
777
+ collection: 'mode',
778
+ group: 'component (internal)',
779
+ scopes: ['borderColor'],
780
+ },
781
+ },
782
+ },
783
+ emphasis: {
784
+ $value: '{base.display.color.olive.5}',
785
+ $type: 'color',
786
+ $extensions: {
787
+ 'org.primer.figma': {
788
+ collection: 'mode',
789
+ group: 'component (internal)',
790
+ scopes: ['borderColor'],
791
+ },
792
+ },
793
+ },
794
+ },
795
+ },
796
+ lime: {
797
+ bgColor: {
798
+ muted: {
799
+ $value: '{base.display.color.lime.0}',
800
+ $type: 'color',
801
+ $extensions: {
802
+ 'org.primer.figma': {
803
+ collection: 'mode',
804
+ group: 'component (internal)',
805
+ scopes: ['bgColor'],
806
+ },
807
+ },
808
+ },
809
+ emphasis: {
810
+ $value: '{base.display.color.lime.5}',
811
+ $type: 'color',
812
+ $extensions: {
813
+ 'org.primer.figma': {
814
+ collection: 'mode',
815
+ group: 'component (internal)',
816
+ scopes: ['bgColor'],
817
+ },
818
+ },
819
+ },
820
+ },
821
+ fgColor: {
822
+ $value: '{base.display.color.lime.6}',
823
+ $type: 'color',
824
+ $extensions: {
825
+ 'org.primer.figma': {
826
+ collection: 'mode',
827
+ group: 'component (internal)',
828
+ scopes: ['fgColor'],
829
+ },
830
+ },
831
+ },
832
+ borderColor: {
833
+ muted: {
834
+ $value: '{base.display.color.lime.1}',
835
+ $type: 'color',
836
+ $extensions: {
837
+ 'org.primer.figma': {
838
+ collection: 'mode',
839
+ group: 'component (internal)',
840
+ scopes: ['borderColor'],
841
+ },
842
+ },
843
+ },
844
+ emphasis: {
845
+ $value: '{base.display.color.lime.5}',
846
+ $type: 'color',
847
+ $extensions: {
848
+ 'org.primer.figma': {
849
+ collection: 'mode',
850
+ group: 'component (internal)',
851
+ scopes: ['borderColor'],
852
+ },
853
+ },
854
+ },
855
+ },
856
+ },
857
+ pine: {
858
+ bgColor: {
859
+ muted: {
860
+ $value: '{base.display.color.pine.0}',
861
+ $type: 'color',
862
+ $extensions: {
863
+ 'org.primer.figma': {
864
+ collection: 'mode',
865
+ group: 'component (internal)',
866
+ scopes: ['bgColor'],
867
+ },
868
+ },
869
+ },
870
+ emphasis: {
871
+ $value: '{base.display.color.pine.5}',
872
+ $type: 'color',
873
+ $extensions: {
874
+ 'org.primer.figma': {
875
+ collection: 'mode',
876
+ group: 'component (internal)',
877
+ scopes: ['bgColor'],
878
+ },
879
+ },
880
+ },
881
+ },
882
+ fgColor: {
883
+ $value: '{base.display.color.pine.6}',
884
+ $type: 'color',
885
+ $extensions: {
886
+ 'org.primer.figma': {
887
+ collection: 'mode',
888
+ group: 'component (internal)',
889
+ scopes: ['fgColor'],
890
+ },
891
+ },
892
+ },
893
+ borderColor: {
894
+ muted: {
895
+ $value: '{base.display.color.pine.1}',
896
+ $type: 'color',
897
+ $extensions: {
898
+ 'org.primer.figma': {
899
+ collection: 'mode',
900
+ group: 'component (internal)',
901
+ scopes: ['borderColor'],
902
+ },
903
+ },
904
+ },
905
+ emphasis: {
906
+ $value: '{base.display.color.pine.5}',
907
+ $type: 'color',
908
+ $extensions: {
909
+ 'org.primer.figma': {
910
+ collection: 'mode',
911
+ group: 'component (internal)',
912
+ scopes: ['borderColor'],
913
+ },
914
+ },
915
+ },
916
+ },
917
+ },
918
+ teal: {
919
+ bgColor: {
920
+ muted: {
921
+ $value: '{base.display.color.teal.0}',
922
+ $type: 'color',
923
+ $extensions: {
924
+ 'org.primer.figma': {
925
+ collection: 'mode',
926
+ group: 'component (internal)',
927
+ scopes: ['bgColor'],
928
+ },
929
+ },
930
+ },
931
+ emphasis: {
932
+ $value: '{base.display.color.teal.5}',
933
+ $type: 'color',
934
+ $extensions: {
935
+ 'org.primer.figma': {
936
+ collection: 'mode',
937
+ group: 'component (internal)',
938
+ scopes: ['bgColor'],
939
+ },
940
+ },
941
+ },
942
+ },
943
+ fgColor: {
944
+ $value: '{base.display.color.teal.6}',
945
+ $type: 'color',
946
+ $extensions: {
947
+ 'org.primer.figma': {
948
+ collection: 'mode',
949
+ group: 'component (internal)',
950
+ scopes: ['fgColor'],
951
+ },
952
+ },
953
+ },
954
+ borderColor: {
955
+ muted: {
956
+ $value: '{base.display.color.teal.1}',
957
+ $type: 'color',
958
+ $extensions: {
959
+ 'org.primer.figma': {
960
+ collection: 'mode',
961
+ group: 'component (internal)',
962
+ scopes: ['borderColor'],
963
+ },
964
+ },
965
+ },
966
+ emphasis: {
967
+ $value: '{base.display.color.teal.5}',
968
+ $type: 'color',
969
+ $extensions: {
970
+ 'org.primer.figma': {
971
+ collection: 'mode',
972
+ group: 'component (internal)',
973
+ scopes: ['borderColor'],
974
+ },
975
+ },
976
+ },
977
+ },
978
+ },
979
+ cyan: {
980
+ bgColor: {
981
+ muted: {
982
+ $value: '{base.display.color.cyan.0}',
983
+ $type: 'color',
984
+ $extensions: {
985
+ 'org.primer.figma': {
986
+ collection: 'mode',
987
+ group: 'component (internal)',
988
+ scopes: ['bgColor'],
989
+ },
990
+ },
991
+ },
992
+ emphasis: {
993
+ $value: '{base.display.color.cyan.5}',
994
+ $type: 'color',
995
+ $extensions: {
996
+ 'org.primer.figma': {
997
+ collection: 'mode',
998
+ group: 'component (internal)',
999
+ scopes: ['bgColor'],
1000
+ },
1001
+ },
1002
+ },
1003
+ },
1004
+ fgColor: {
1005
+ $value: '{base.display.color.cyan.6}',
1006
+ $type: 'color',
1007
+ $extensions: {
1008
+ 'org.primer.figma': {
1009
+ collection: 'mode',
1010
+ group: 'component (internal)',
1011
+ scopes: ['fgColor'],
1012
+ },
1013
+ },
1014
+ },
1015
+ borderColor: {
1016
+ muted: {
1017
+ $value: '{base.display.color.cyan.1}',
1018
+ $type: 'color',
1019
+ $extensions: {
1020
+ 'org.primer.figma': {
1021
+ collection: 'mode',
1022
+ group: 'component (internal)',
1023
+ scopes: ['borderColor'],
1024
+ },
1025
+ },
1026
+ },
1027
+ emphasis: {
1028
+ $value: '{base.display.color.cyan.5}',
1029
+ $type: 'color',
1030
+ $extensions: {
1031
+ 'org.primer.figma': {
1032
+ collection: 'mode',
1033
+ group: 'component (internal)',
1034
+ scopes: ['borderColor'],
1035
+ },
1036
+ },
1037
+ },
1038
+ },
1039
+ },
1040
+ indigo: {
1041
+ bgColor: {
1042
+ muted: {
1043
+ $value: '{base.display.color.indigo.0}',
1044
+ $type: 'color',
1045
+ $extensions: {
1046
+ 'org.primer.figma': {
1047
+ collection: 'mode',
1048
+ group: 'component (internal)',
1049
+ scopes: ['bgColor'],
1050
+ },
1051
+ },
1052
+ },
1053
+ emphasis: {
1054
+ $value: '{base.display.color.indigo.5}',
1055
+ $type: 'color',
1056
+ $extensions: {
1057
+ 'org.primer.figma': {
1058
+ collection: 'mode',
1059
+ group: 'component (internal)',
1060
+ scopes: ['bgColor'],
1061
+ },
1062
+ },
1063
+ },
1064
+ },
1065
+ fgColor: {
1066
+ $value: '{base.display.color.indigo.6}',
1067
+ $type: 'color',
1068
+ $extensions: {
1069
+ 'org.primer.figma': {
1070
+ collection: 'mode',
1071
+ group: 'component (internal)',
1072
+ scopes: ['fgColor'],
1073
+ },
1074
+ },
1075
+ },
1076
+ borderColor: {
1077
+ muted: {
1078
+ $value: '{base.display.color.indigo.1}',
1079
+ $type: 'color',
1080
+ $extensions: {
1081
+ 'org.primer.figma': {
1082
+ collection: 'mode',
1083
+ group: 'component (internal)',
1084
+ scopes: ['borderColor'],
1085
+ },
1086
+ },
1087
+ },
1088
+ emphasis: {
1089
+ $value: '{base.display.color.indigo.5}',
1090
+ $type: 'color',
1091
+ $extensions: {
1092
+ 'org.primer.figma': {
1093
+ collection: 'mode',
1094
+ group: 'component (internal)',
1095
+ scopes: ['borderColor'],
1096
+ },
1097
+ },
1098
+ },
1099
+ },
1100
+ },
1101
+ pink: {
1102
+ bgColor: {
1103
+ muted: {
1104
+ $value: '{base.display.color.pink.0}',
1105
+ $type: 'color',
1106
+ $extensions: {
1107
+ 'org.primer.figma': {
1108
+ collection: 'mode',
1109
+ group: 'component (internal)',
1110
+ scopes: ['bgColor'],
1111
+ },
1112
+ },
1113
+ },
1114
+ emphasis: {
1115
+ $value: '{base.display.color.pink.5}',
1116
+ $type: 'color',
1117
+ $extensions: {
1118
+ 'org.primer.figma': {
1119
+ collection: 'mode',
1120
+ group: 'component (internal)',
1121
+ scopes: ['bgColor'],
1122
+ },
1123
+ },
1124
+ },
1125
+ },
1126
+ fgColor: {
1127
+ $value: '{base.display.color.pink.6}',
1128
+ $type: 'color',
1129
+ $extensions: {
1130
+ 'org.primer.figma': {
1131
+ collection: 'mode',
1132
+ group: 'component (internal)',
1133
+ scopes: ['fgColor'],
1134
+ },
1135
+ },
1136
+ },
1137
+ borderColor: {
1138
+ muted: {
1139
+ $value: '{base.display.color.pink.1}',
1140
+ $type: 'color',
1141
+ $extensions: {
1142
+ 'org.primer.figma': {
1143
+ collection: 'mode',
1144
+ group: 'component (internal)',
1145
+ scopes: ['borderColor'],
1146
+ },
1147
+ },
1148
+ },
1149
+ emphasis: {
1150
+ $value: '{base.display.color.pink.5}',
1151
+ $type: 'color',
1152
+ $extensions: {
1153
+ 'org.primer.figma': {
1154
+ collection: 'mode',
1155
+ group: 'component (internal)',
1156
+ scopes: ['borderColor'],
1157
+ },
1158
+ },
1159
+ },
1160
+ },
1161
+ },
1162
+ },
1163
+ }