@primer/primitives 10.4.0-rc.fd8ac4c9 → 10.4.0

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 (92) 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/functional/themes/dark-colorblind.css +8 -8
  4. package/dist/css/functional/themes/dark-dimmed.css +8 -8
  5. package/dist/css/functional/themes/dark-high-contrast.css +8 -8
  6. package/dist/css/functional/themes/dark-tritanopia.css +8 -8
  7. package/dist/css/functional/themes/dark.css +8 -8
  8. package/dist/css/functional/themes/light-colorblind.css +8 -8
  9. package/dist/css/functional/themes/light-high-contrast.css +8 -8
  10. package/dist/css/functional/themes/light-tritanopia.css +8 -8
  11. package/dist/css/functional/themes/light.css +8 -8
  12. package/dist/css/primitives.css +0 -6
  13. package/dist/docs/functional/themes/dark-colorblind.json +9370 -439
  14. package/dist/docs/functional/themes/dark-dimmed.json +9790 -563
  15. package/dist/docs/functional/themes/dark-high-contrast.json +10794 -589
  16. package/dist/docs/functional/themes/dark-tritanopia.json +9352 -449
  17. package/dist/docs/functional/themes/dark.json +9248 -443
  18. package/dist/docs/functional/themes/light-colorblind.json +9334 -433
  19. package/dist/docs/functional/themes/light-high-contrast.json +10806 -673
  20. package/dist/docs/functional/themes/light-tritanopia.json +9323 -450
  21. package/dist/docs/functional/themes/light.json +9245 -414
  22. package/dist/figma/figma.json +1 -10
  23. package/dist/figma/themes/dark-colorblind.json +5203 -5080
  24. package/dist/figma/themes/dark-dimmed.json +5130 -4676
  25. package/dist/figma/themes/dark-high-contrast.json +6223 -4631
  26. package/dist/figma/themes/dark-tritanopia.json +5185 -5096
  27. package/dist/figma/themes/dark.json +4869 -4885
  28. package/dist/figma/themes/light-colorblind.json +5347 -5171
  29. package/dist/figma/themes/light-high-contrast.json +6117 -4534
  30. package/dist/figma/themes/light-tritanopia.json +5532 -5387
  31. package/dist/figma/themes/light.json +5270 -5170
  32. package/dist/internalCss/dark-colorblind.css +8 -8
  33. package/dist/internalCss/dark-dimmed.css +8 -8
  34. package/dist/internalCss/dark-high-contrast.css +8 -8
  35. package/dist/internalCss/dark-tritanopia.css +8 -8
  36. package/dist/internalCss/dark.css +8 -8
  37. package/dist/internalCss/light-colorblind.css +8 -8
  38. package/dist/internalCss/light-high-contrast.css +8 -8
  39. package/dist/internalCss/light-tritanopia.css +8 -8
  40. package/dist/internalCss/light.css +8 -8
  41. package/dist/styleLint/functional/themes/dark-colorblind.json +9370 -439
  42. package/dist/styleLint/functional/themes/dark-dimmed.json +9790 -563
  43. package/dist/styleLint/functional/themes/dark-high-contrast.json +10794 -589
  44. package/dist/styleLint/functional/themes/dark-tritanopia.json +9352 -449
  45. package/dist/styleLint/functional/themes/dark.json +9248 -443
  46. package/dist/styleLint/functional/themes/light-colorblind.json +9334 -433
  47. package/dist/styleLint/functional/themes/light-high-contrast.json +10806 -673
  48. package/dist/styleLint/functional/themes/light-tritanopia.json +9323 -450
  49. package/dist/styleLint/functional/themes/light.json +9245 -414
  50. package/package.json +1 -1
  51. package/src/tokens/component/avatar.json5 +33 -0
  52. package/src/tokens/component/button.json5 +1714 -0
  53. package/src/tokens/component/header.json5 +3 -0
  54. package/src/tokens/component/label.json5 +1942 -0
  55. package/src/tokens/component/menu.json5 +24 -0
  56. package/src/tokens/component/overlay.json5 +1 -1
  57. package/src/tokens/component/selectMenu.json5 +38 -0
  58. package/src/tokens/component/sideNav.json5 +22 -0
  59. package/src/tokens/component/treeView.json5 +24 -0
  60. package/src/tokens/component/underlineNav.json5 +56 -0
  61. package/src/tokens/functional/color/control.json5 +1087 -0
  62. package/src/tokens/functional/color/display.json5 +2170 -0
  63. package/src/tokens/functional/color/selection.json5 +22 -0
  64. package/src/tokens/functional/shadow/shadow.json5 +478 -0
  65. package/dist/css/functional/motion/motion.css +0 -6
  66. package/dist/docs/functional/motion/motion.json +0 -66
  67. package/dist/fallbacks/functional/motion/motion.json +0 -6
  68. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  69. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  70. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  71. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  72. package/dist/figma/shadows/dark.json +0 -1152
  73. package/dist/figma/shadows/light-colorblind.json +0 -1052
  74. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  75. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  76. package/dist/figma/shadows/light.json +0 -1052
  77. package/dist/styleLint/functional/motion/motion.json +0 -66
  78. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  79. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -199
  80. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -618
  81. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -65
  82. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -47
  83. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2589
  84. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  85. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -581
  86. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -69
  87. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -41
  88. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2583
  89. package/src/tokens/functional/motion/loading.json5 +0 -17
  90. package/src/tokens/functional/motion/patterns.json5 +0 -35
  91. package/src/tokens/functional/shadow/dark.json5 +0 -369
  92. package/src/tokens/functional/shadow/light.json5 +0 -363
package/src/tokens/functional/color/light/display-light.json5 DELETED
@@ -1,1163 +0,0 @@
1
- {
2
- display: {
3
- blue: {
4
- bgColor: {
5
- muted: {
6
- $value: '{base.display.color.blue.0}',
7
- $type: 'color',
8
- $extensions: {
9
- 'org.primer.figma': {
10
- collection: 'mode',
11
- group: 'component (internal)',
12
- scopes: ['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
- }