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