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

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 +1992 -0
  2. package/dist/build/schemas/shadowToken.js +27 -0
  3. package/dist/css/base/motion/motion.css +1 -0
  4. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  5. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  6. package/dist/css/functional/themes/dark-high-contrast.css +2 -2
  7. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  8. package/dist/css/functional/themes/dark.css +2 -2
  9. package/dist/css/functional/themes/light-colorblind.css +2 -2
  10. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  11. package/dist/css/functional/themes/light-tritanopia.css +2 -2
  12. package/dist/css/functional/themes/light.css +2 -2
  13. package/dist/css/primitives.css +1 -0
  14. package/dist/docs/base/motion/motion.json +14 -0
  15. package/dist/docs/functional/themes/dark-colorblind.json +9685 -465
  16. package/dist/docs/functional/themes/dark-dimmed.json +9811 -547
  17. package/dist/docs/functional/themes/dark-high-contrast.json +10869 -627
  18. package/dist/docs/functional/themes/dark-tritanopia.json +9577 -475
  19. package/dist/docs/functional/themes/dark.json +9311 -469
  20. package/dist/docs/functional/themes/light-colorblind.json +9630 -458
  21. package/dist/docs/functional/themes/light-high-contrast.json +10860 -690
  22. package/dist/docs/functional/themes/light-tritanopia.json +9543 -489
  23. package/dist/docs/functional/themes/light.json +9307 -439
  24. package/dist/fallbacks/base/motion/motion.json +1 -0
  25. package/dist/figma/figma.json +1 -10
  26. package/dist/figma/themes/dark-colorblind.json +5060 -4813
  27. package/dist/figma/themes/dark-dimmed.json +5049 -4695
  28. package/dist/figma/themes/dark-high-contrast.json +6050 -4558
  29. package/dist/figma/themes/dark-tritanopia.json +5065 -4932
  30. package/dist/figma/themes/dark.json +4775 -4891
  31. package/dist/figma/themes/light-colorblind.json +5026 -4742
  32. package/dist/figma/themes/light-high-contrast.json +6075 -4592
  33. package/dist/figma/themes/light-tritanopia.json +5084 -4911
  34. package/dist/figma/themes/light.json +5230 -5230
  35. package/dist/internalCss/dark-colorblind.css +2 -2
  36. package/dist/internalCss/dark-dimmed.css +2 -2
  37. package/dist/internalCss/dark-high-contrast.css +2 -2
  38. package/dist/internalCss/dark-tritanopia.css +2 -2
  39. package/dist/internalCss/dark.css +2 -2
  40. package/dist/internalCss/light-colorblind.css +2 -2
  41. package/dist/internalCss/light-high-contrast.css +2 -2
  42. package/dist/internalCss/light-tritanopia.css +2 -2
  43. package/dist/internalCss/light.css +2 -2
  44. package/dist/styleLint/base/motion/motion.json +14 -0
  45. package/dist/styleLint/functional/themes/dark-colorblind.json +9685 -465
  46. package/dist/styleLint/functional/themes/dark-dimmed.json +9811 -547
  47. package/dist/styleLint/functional/themes/dark-high-contrast.json +10869 -627
  48. package/dist/styleLint/functional/themes/dark-tritanopia.json +9577 -475
  49. package/dist/styleLint/functional/themes/dark.json +9311 -469
  50. package/dist/styleLint/functional/themes/light-colorblind.json +9630 -458
  51. package/dist/styleLint/functional/themes/light-high-contrast.json +10853 -683
  52. package/dist/styleLint/functional/themes/light-tritanopia.json +9543 -489
  53. package/dist/styleLint/functional/themes/light.json +9307 -439
  54. package/package.json +1 -1
  55. package/src/tokens/base/motion/timing.json5 +4 -0
  56. package/src/tokens/component/avatar.json5 +33 -0
  57. package/src/tokens/component/button.json5 +1714 -0
  58. package/src/tokens/component/header.json5 +3 -0
  59. package/src/tokens/component/label.json5 +1942 -0
  60. package/src/tokens/component/menu.json5 +24 -0
  61. package/src/tokens/component/selectMenu.json5 +38 -0
  62. package/src/tokens/component/sideNav.json5 +22 -0
  63. package/src/tokens/component/treeView.json5 +24 -0
  64. package/src/tokens/component/underlineNav.json5 +56 -0
  65. package/src/tokens/functional/color/control.json5 +1087 -0
  66. package/src/tokens/functional/color/display.json5 +2170 -0
  67. package/src/tokens/functional/color/selection.json5 +22 -0
  68. package/src/tokens/functional/color/syntax.json5 +256 -210
  69. package/src/tokens/functional/shadow/{light.json5 → shadow.json5} +202 -120
  70. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  71. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  72. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  73. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  74. package/dist/figma/shadows/dark.json +0 -1152
  75. package/dist/figma/shadows/light-colorblind.json +0 -1052
  76. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  77. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  78. package/dist/figma/shadows/light.json +0 -1052
  79. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  80. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -199
  81. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -618
  82. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -145
  83. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -97
  84. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2589
  85. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  86. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -581
  87. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -145
  88. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -87
  89. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2583
  90. package/src/tokens/functional/shadow/dark.json5 +0 -369
package/src/tokens/functional/color/dark/display-dark.json5 DELETED
@@ -1,1258 +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
-
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
- }