@primer/primitives 10.3.0 → 10.3.1

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 (63) hide show
  1. package/dist/build/schemas/colorToken.js +1 -1
  2. package/dist/css/functional/themes/dark-colorblind.css +14 -14
  3. package/dist/css/functional/themes/dark-high-contrast.css +4 -4
  4. package/dist/css/functional/themes/light-colorblind.css +16 -16
  5. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  6. package/dist/css/functional/themes/light.css +4 -4
  7. package/dist/docs/functional/themes/dark-colorblind.json +963 -139
  8. package/dist/docs/functional/themes/dark-dimmed.json +819 -85
  9. package/dist/docs/functional/themes/dark-high-contrast.json +1039 -77
  10. package/dist/docs/functional/themes/dark-tritanopia.json +885 -55
  11. package/dist/docs/functional/themes/dark.json +723 -57
  12. package/dist/docs/functional/themes/light-colorblind.json +964 -136
  13. package/dist/docs/functional/themes/light-high-contrast.json +1069 -67
  14. package/dist/docs/functional/themes/light-tritanopia.json +880 -50
  15. package/dist/docs/functional/themes/light.json +716 -50
  16. package/dist/figma/figma.json +133 -0
  17. package/dist/figma/shadows/dark-colorblind.json +1152 -0
  18. package/dist/figma/shadows/dark-dimmed.json +1152 -0
  19. package/dist/figma/shadows/dark-high-contrast.json +1152 -0
  20. package/dist/figma/shadows/dark-tritanopia.json +1152 -0
  21. package/dist/figma/shadows/dark.json +1152 -0
  22. package/dist/figma/shadows/light-colorblind.json +1052 -0
  23. package/dist/figma/shadows/light-high-contrast.json +1052 -0
  24. package/dist/figma/shadows/light-tritanopia.json +1052 -0
  25. package/dist/figma/shadows/light.json +1052 -0
  26. package/dist/figma/themes/dark-colorblind.json +2886 -2733
  27. package/dist/figma/themes/dark-dimmed.json +2778 -2708
  28. package/dist/figma/themes/dark-high-contrast.json +697 -394
  29. package/dist/figma/themes/dark-tritanopia.json +2886 -2731
  30. package/dist/figma/themes/dark.json +3018 -3021
  31. package/dist/figma/themes/light-colorblind.json +2913 -2759
  32. package/dist/figma/themes/light-high-contrast.json +591 -250
  33. package/dist/figma/themes/light-tritanopia.json +2895 -2740
  34. package/dist/figma/themes/light.json +5496 -5499
  35. package/dist/internalCss/dark-colorblind.css +14 -14
  36. package/dist/internalCss/dark-high-contrast.css +4 -4
  37. package/dist/internalCss/light-colorblind.css +16 -16
  38. package/dist/internalCss/light-high-contrast.css +2 -2
  39. package/dist/internalCss/light.css +4 -4
  40. package/dist/styleLint/functional/themes/dark-colorblind.json +963 -139
  41. package/dist/styleLint/functional/themes/dark-dimmed.json +819 -85
  42. package/dist/styleLint/functional/themes/dark-high-contrast.json +1039 -77
  43. package/dist/styleLint/functional/themes/dark-tritanopia.json +885 -55
  44. package/dist/styleLint/functional/themes/dark.json +723 -57
  45. package/dist/styleLint/functional/themes/light-colorblind.json +979 -151
  46. package/dist/styleLint/functional/themes/light-high-contrast.json +1069 -67
  47. package/dist/styleLint/functional/themes/light-tritanopia.json +880 -50
  48. package/dist/styleLint/functional/themes/light.json +716 -50
  49. package/package.json +1 -1
  50. package/src/tokens/component/avatar.json5 +42 -0
  51. package/src/tokens/component/avatarStack.json5 +30 -0
  52. package/src/tokens/functional/color/borderColor.json5 +616 -0
  53. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -23
  54. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -102
  55. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +8 -55
  56. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -46
  57. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -53
  58. package/src/tokens/functional/color/dark/primitives-dark.json5 +0 -438
  59. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -110
  60. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +2 -48
  61. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -46
  62. package/src/tokens/functional/color/light/patterns-light.json5 +0 -52
  63. package/src/tokens/functional/color/light/primitives-light.json5 +0 -411
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "10.3.0",
3
+ "version": "10.3.1",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "type": "module",
6
6
  "files": [
package/src/tokens/component/avatar.json5 ADDED
@@ -0,0 +1,42 @@
1
+ {
2
+ avatar: {
3
+ bgColor: {
4
+ $value: '{base.color.neutral.0}',
5
+ $type: 'color',
6
+ $extensions: {
7
+ 'org.primer.figma': {
8
+ collection: 'mode',
9
+ group: 'component (internal)',
10
+ scopes: ['bgColor'],
11
+ },
12
+ 'org.primer.overrides': {
13
+ dark: {
14
+ $value: '{base.color.neutral.13}',
15
+ alpha: 0.1,
16
+ },
17
+ },
18
+ },
19
+ },
20
+ borderColor: {
21
+ $value: '{borderColor.translucent}',
22
+ $type: 'color',
23
+ $extensions: {
24
+ 'org.primer.figma': {
25
+ collection: 'mode',
26
+ group: 'component (internal)',
27
+ scopes: ['borderColor'],
28
+ },
29
+ 'org.primer.overrides': {
30
+ 'dark-high-contrast': {
31
+ $value: '{base.color.neutral.13}',
32
+ alpha: 0.9,
33
+ },
34
+ 'light-high-contrast': {
35
+ $value: '{base.color.neutral.13}',
36
+ alpha: 0.9,
37
+ },
38
+ },
39
+ },
40
+ },
41
+ },
42
+ }
package/src/tokens/component/avatarStack.json5 ADDED
@@ -0,0 +1,30 @@
1
+ {
2
+ avatarStack: {
3
+ fade: {
4
+ bgColor: {
5
+ default: {
6
+ $value: '{base.color.neutral.7}',
7
+ $type: 'color',
8
+ $extensions: {
9
+ 'org.primer.figma': {
10
+ collection: 'mode',
11
+ group: 'component (internal)',
12
+ scopes: ['bgColor'],
13
+ },
14
+ },
15
+ },
16
+ muted: {
17
+ $value: '{base.color.neutral.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
+ },
29
+ },
30
+ }
package/src/tokens/functional/color/borderColor.json5 ADDED
@@ -0,0 +1,616 @@
1
+ {
2
+ borderColor: {
3
+ default: {
4
+ $value: '{base.color.neutral.6}',
5
+ $type: 'color',
6
+ $extensions: {
7
+ 'org.primer.overrides': {
8
+ dark: '{base.color.neutral.7}',
9
+ 'dark-dimmed': '{base.color.neutral.7}',
10
+ 'light-high-contrast': '{base.color.neutral.10}',
11
+ 'dark-high-contrast': '{base.color.neutral.10}',
12
+ },
13
+ 'org.primer.figma': {
14
+ collection: 'mode',
15
+ group: 'semantic',
16
+ scopes: ['borderColor'],
17
+ codeSyntax: {
18
+ web: 'var(--borderColor-default) /* utility class: .color-border-default */',
19
+ },
20
+ },
21
+ },
22
+ },
23
+ muted: {
24
+ $value: '{borderColor.default}',
25
+ $type: 'color',
26
+ $extensions: {
27
+ 'org.primer.figma': {
28
+ collection: 'mode',
29
+ group: 'semantic',
30
+ scopes: ['borderColor'],
31
+ codeSyntax: {
32
+ web: 'var(--borderColor-muted) /* utility class: .color-border-muted */',
33
+ },
34
+ },
35
+ 'org.primer.overrides': {
36
+ 'dark-dimmed': {
37
+ $value: '{base.color.neutral.7}',
38
+ alpha: 0.7,
39
+ },
40
+ 'light-high-contrast': {
41
+ $value: '{borderColor.default}',
42
+ alpha: 1,
43
+ },
44
+ 'dark-high-contrast': {
45
+ $value: '{borderColor.default}',
46
+ alpha: 1,
47
+ },
48
+ },
49
+ },
50
+ alpha: 0.7,
51
+ },
52
+ emphasis: {
53
+ $value: '{base.color.neutral.8}',
54
+ $type: 'color',
55
+ $extensions: {
56
+ 'org.primer.figma': {
57
+ collection: 'mode',
58
+ group: 'semantic',
59
+ scopes: ['borderColor'],
60
+ },
61
+ 'org.primer.overrides': {
62
+ 'light-high-contrast': '{borderColor.default}',
63
+ 'dark-high-contrast': '{borderColor.default}',
64
+ },
65
+ },
66
+ },
67
+ disabled: {
68
+ $value: '{base.color.neutral.8}',
69
+ $type: 'color',
70
+ $extensions: {
71
+ 'org.primer.figma': {
72
+ collection: 'mode',
73
+ group: 'semantic',
74
+ scopes: ['borderColor'],
75
+ },
76
+ 'org.primer.overrides': {
77
+ 'dark-dimmed': {
78
+ $value: '{base.color.neutral.8}',
79
+ alpha: 0.1,
80
+ },
81
+ 'light-high-contrast': {
82
+ $value: '{base.color.neutral.9}',
83
+ alpha: 0.12,
84
+ },
85
+ },
86
+ },
87
+ alpha: 0.1,
88
+ },
89
+ transparent: {
90
+ $value: '{base.color.transparent}',
91
+ $type: 'color',
92
+ $extensions: {
93
+ 'org.primer.figma': {
94
+ collection: 'mode',
95
+ group: 'semantic',
96
+ scopes: ['borderColor'],
97
+ },
98
+ },
99
+ },
100
+ translucent: {
101
+ $value: '{base.color.neutral.13}',
102
+ $type: 'color',
103
+ $extensions: {
104
+ 'org.primer.figma': {
105
+ collection: 'mode',
106
+ group: 'semantic',
107
+ scopes: ['borderColor'],
108
+ },
109
+ 'org.primer.overrides': {
110
+ 'light-high-contrast': {
111
+ $value: '{base.color.neutral.9}',
112
+ alpha: 1,
113
+ },
114
+ 'dark-high-contrast': {
115
+ $value: '{base.color.neutral.6}',
116
+ alpha: 1,
117
+ },
118
+ },
119
+ },
120
+ alpha: 0.15,
121
+ },
122
+ neutral: {
123
+ muted: {
124
+ $value: '{borderColor.muted}',
125
+ $type: 'color',
126
+ $extensions: {
127
+ 'org.primer.figma': {
128
+ collection: 'mode',
129
+ group: 'semantic',
130
+ scopes: ['borderColor'],
131
+ },
132
+ 'org.primer.overrides': {
133
+ 'dark-dimmed': {
134
+ $value: '{base.color.neutral.7}',
135
+ alpha: 0.7,
136
+ },
137
+ },
138
+ },
139
+ },
140
+ emphasis: {
141
+ $value: '{base.color.neutral.9}',
142
+ $type: 'color',
143
+ $extensions: {
144
+ 'org.primer.figma': {
145
+ collection: 'mode',
146
+ group: 'semantic',
147
+ scopes: ['borderColor'],
148
+ },
149
+ 'org.primer.overrides': {
150
+ dark: '{borderColor.emphasis}',
151
+ },
152
+ },
153
+ },
154
+ },
155
+ accent: {
156
+ muted: {
157
+ $value: '{base.color.blue.3}',
158
+ $type: 'color',
159
+ $extensions: {
160
+ 'org.primer.figma': {
161
+ collection: 'mode',
162
+ group: 'semantic',
163
+ scopes: ['borderColor'],
164
+ codeSyntax: {
165
+ web: 'var(--borderColor-accent-muted) /* utility class: .color-border-accent */',
166
+ },
167
+ },
168
+ 'org.primer.overrides': {
169
+ dark: '{base.color.blue.4}',
170
+ 'light-high-contrast': {
171
+ $value: '{base.color.blue.3}',
172
+ alpha: 1,
173
+ },
174
+ 'dark-high-contrast': {
175
+ $value: '{base.color.blue.4}',
176
+ alpha: 1,
177
+ },
178
+ },
179
+ },
180
+ alpha: 0.4,
181
+ },
182
+ emphasis: {
183
+ $value: '{base.color.blue.5}',
184
+ $type: 'color',
185
+ $extensions: {
186
+ 'org.primer.figma': {
187
+ collection: 'mode',
188
+ group: 'semantic',
189
+ scopes: ['borderColor'],
190
+ codeSyntax: {
191
+ web: 'var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */',
192
+ },
193
+ },
194
+ },
195
+ },
196
+ },
197
+ success: {
198
+ muted: {
199
+ $value: '{base.color.green.3}',
200
+ $type: 'color',
201
+ $extensions: {
202
+ 'org.primer.figma': {
203
+ collection: 'mode',
204
+ group: 'semantic',
205
+ scopes: ['borderColor'],
206
+ codeSyntax: {
207
+ web: 'var(--borderColor-success-muted) /* utility class: .color-border-success */',
208
+ },
209
+ },
210
+ 'org.primer.overrides': {
211
+ dark: '{base.color.green.4}',
212
+ 'light-high-contrast': {
213
+ $value: '{base.color.green.3}',
214
+ alpha: 1,
215
+ },
216
+ 'dark-high-contrast': {
217
+ $value: '{base.color.green.4}',
218
+ alpha: 1,
219
+ },
220
+ 'dark-tritanopia': {
221
+ $value: '{base.color.blue.4}',
222
+ alpha: 0.4,
223
+ },
224
+ 'light-tritanopia': {
225
+ $value: '{base.color.blue.3}',
226
+ alpha: 0.4,
227
+ },
228
+ 'dark-protanopia-deuteranopia': {
229
+ $value: '{base.color.blue.4}',
230
+ },
231
+ 'light-protanopia-deuteranopia': {
232
+ $value: '{base.color.blue.0}',
233
+ alpha: 1,
234
+ },
235
+ },
236
+ },
237
+ alpha: 0.4,
238
+ },
239
+ emphasis: {
240
+ $value: '{base.color.green.5}',
241
+ $type: 'color',
242
+ $extensions: {
243
+ 'org.primer.figma': {
244
+ collection: 'mode',
245
+ group: 'semantic',
246
+ scopes: ['borderColor'],
247
+ codeSyntax: {
248
+ web: 'var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */',
249
+ },
250
+ },
251
+ 'org.primer.overrides': {
252
+ 'dark-tritanopia': '{base.color.blue.5}',
253
+ 'light-tritanopia': '{base.color.blue.5}',
254
+ 'dark-protanopia-deuteranopia': '{base.color.blue.5}',
255
+ 'light-protanopia-deuteranopia': '{base.color.blue.5}',
256
+ },
257
+ },
258
+ },
259
+ },
260
+ open: {
261
+ muted: {
262
+ $value: '{borderColor.success.muted}',
263
+ $type: 'color',
264
+ $extensions: {
265
+ 'org.primer.figma': {
266
+ collection: 'mode',
267
+ group: 'semantic',
268
+ scopes: ['borderColor'],
269
+ codeSyntax: {
270
+ web: 'var(--borderColor-open-muted) /* utility class: .color-border-open */',
271
+ },
272
+ },
273
+ 'org.primer.overrides': {
274
+ 'dark-tritanopia': {
275
+ $value: '{base.color.red.4}',
276
+ alpha: 0.4,
277
+ },
278
+ 'light-tritanopia': {
279
+ $value: '{base.color.red.3}',
280
+ alpha: 0.4,
281
+ },
282
+ },
283
+ },
284
+ },
285
+ emphasis: {
286
+ $value: '{borderColor.success.emphasis}',
287
+ $type: 'color',
288
+ $extensions: {
289
+ 'org.primer.figma': {
290
+ collection: 'mode',
291
+ group: 'semantic',
292
+ scopes: ['borderColor'],
293
+ codeSyntax: {
294
+ web: 'var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */',
295
+ },
296
+ },
297
+ 'org.primer.overrides': {
298
+ 'dark-tritanopia': '{base.color.red.5}',
299
+ 'light-tritanopia': '{base.color.red.5}',
300
+ },
301
+ },
302
+ },
303
+ },
304
+ attention: {
305
+ muted: {
306
+ $value: '{base.color.yellow.3}',
307
+ $type: 'color',
308
+ $extensions: {
309
+ 'org.primer.figma': {
310
+ collection: 'mode',
311
+ group: 'semantic',
312
+ scopes: ['borderColor'],
313
+ codeSyntax: {
314
+ web: 'var(--borderColor-attention-muted) /* utility class: .color-border-attention */',
315
+ },
316
+ },
317
+ 'org.primer.overrides': {
318
+ dark: '{base.color.yellow.4}',
319
+ 'light-high-contrast': {
320
+ $value: '{base.color.yellow.3}',
321
+ alpha: 1,
322
+ },
323
+ 'dark-high-contrast': {
324
+ $value: '{base.color.yellow.4}',
325
+ alpha: 1,
326
+ },
327
+ },
328
+ },
329
+ alpha: 0.4,
330
+ },
331
+ emphasis: {
332
+ $value: '{base.color.yellow.5}',
333
+ $type: 'color',
334
+ $extensions: {
335
+ 'org.primer.figma': {
336
+ collection: 'mode',
337
+ group: 'semantic',
338
+ scopes: ['borderColor'],
339
+ codeSyntax: {
340
+ web: 'var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */',
341
+ },
342
+ },
343
+ },
344
+ },
345
+ },
346
+ severe: {
347
+ muted: {
348
+ $value: '{base.color.orange.3}',
349
+ $type: 'color',
350
+ $extensions: {
351
+ 'org.primer.figma': {
352
+ collection: 'mode',
353
+ group: 'semantic',
354
+ scopes: ['borderColor'],
355
+ codeSyntax: {
356
+ web: 'var(--borderColor-severe-muted) /* utility class: .color-border-severe */',
357
+ },
358
+ },
359
+ 'org.primer.overrides': {
360
+ dark: '{base.color.orange.4}',
361
+ 'light-high-contrast': {
362
+ $value: '{base.color.orange.3}',
363
+ alpha: 1,
364
+ },
365
+ 'dark-high-contrast': {
366
+ $value: '{base.color.orange.4}',
367
+ alpha: 1,
368
+ },
369
+ 'dark-tritanopia': '{base.color.red.4}',
370
+ 'light-tritanopia': '{base.color.red.3}',
371
+ },
372
+ },
373
+ alpha: 0.4,
374
+ },
375
+ emphasis: {
376
+ $value: '{base.color.orange.5}',
377
+ $type: 'color',
378
+ $extensions: {
379
+ 'org.primer.figma': {
380
+ collection: 'mode',
381
+ group: 'semantic',
382
+ scopes: ['borderColor'],
383
+ codeSyntax: {
384
+ web: 'var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */',
385
+ },
386
+ },
387
+ 'org.primer.overrides': {
388
+ 'dark-tritanopia': '{base.color.red.5}',
389
+ 'light-tritanopia': '{base.color.red.5}',
390
+ },
391
+ },
392
+ },
393
+ },
394
+ danger: {
395
+ muted: {
396
+ $value: '{base.color.red.3}',
397
+ $type: 'color',
398
+ $extensions: {
399
+ 'org.primer.figma': {
400
+ collection: 'mode',
401
+ group: 'semantic',
402
+ scopes: ['borderColor'],
403
+ codeSyntax: {
404
+ web: 'var(--borderColor-danger-muted) /* utility class: .color-border-danger */',
405
+ },
406
+ },
407
+ 'org.primer.overrides': {
408
+ dark: '{base.color.red.4}',
409
+ 'light-high-contrast': {
410
+ $value: '{base.color.red.3}',
411
+ alpha: 1,
412
+ },
413
+ 'dark-high-contrast': {
414
+ $value: '{base.color.red.4}',
415
+ alpha: 1,
416
+ },
417
+ 'dark-protanopia-deuteranopia': {
418
+ $value: '{base.color.orange.4}',
419
+ },
420
+ 'light-protanopia-deuteranopia': {
421
+ $value: '{base.color.orange.0}',
422
+ alpha: 1,
423
+ },
424
+ },
425
+ },
426
+ alpha: 0.4,
427
+ },
428
+ emphasis: {
429
+ $value: '{base.color.red.5}',
430
+ $type: 'color',
431
+ $extensions: {
432
+ 'org.primer.figma': {
433
+ collection: 'mode',
434
+ group: 'semantic',
435
+ scopes: ['borderColor'],
436
+ codeSyntax: {
437
+ web: 'var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */',
438
+ },
439
+ },
440
+ 'org.primer.overrides': {
441
+ 'dark-protanopia-deuteranopia': {
442
+ $value: '{base.color.orange.5}',
443
+ },
444
+ 'light-protanopia-deuteranopia': {
445
+ $value: '{base.color.orange.5}',
446
+ },
447
+ },
448
+ },
449
+ },
450
+ },
451
+ closed: {
452
+ muted: {
453
+ $value: '{borderColor.danger.muted}',
454
+ $type: 'color',
455
+ $extensions: {
456
+ 'org.primer.figma': {
457
+ collection: 'mode',
458
+ group: 'semantic',
459
+ scopes: ['borderColor'],
460
+ codeSyntax: {
461
+ web: 'var(--borderColor-closed-muted) /* utility class: .color-border-closed */',
462
+ },
463
+ },
464
+ 'org.primer.overrides': {
465
+ 'dark-tritanopia': {
466
+ $value: '{borderColor.default}',
467
+ alpha: 0.4,
468
+ },
469
+ 'light-tritanopia': {
470
+ $value: '{borderColor.default}',
471
+ alpha: 0.4,
472
+ },
473
+ 'light-protanopia-deuteranopia': {
474
+ $value: '{borderColor.default}',
475
+ alpha: 0.4,
476
+ },
477
+ },
478
+ },
479
+ },
480
+ emphasis: {
481
+ $value: '{borderColor.danger.emphasis}',
482
+ $type: 'color',
483
+ $extensions: {
484
+ 'org.primer.figma': {
485
+ collection: 'mode',
486
+ group: 'semantic',
487
+ scopes: ['borderColor'],
488
+ codeSyntax: {
489
+ web: 'var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */',
490
+ },
491
+ },
492
+ 'org.primer.overrides': {
493
+ 'light-protanopia-deuteranopia': '{borderColor.emphasis}',
494
+ 'dark-protanopia-deuteranopia': '{borderColor.emphasis}',
495
+ 'dark-tritanopia': '{borderColor.emphasis}',
496
+ 'light-tritanopia': '{borderColor.emphasis}',
497
+ },
498
+ },
499
+ },
500
+ },
501
+ done: {
502
+ muted: {
503
+ $value: '{base.color.purple.3}',
504
+ $type: 'color',
505
+ $extensions: {
506
+ 'org.primer.figma': {
507
+ collection: 'mode',
508
+ group: 'semantic',
509
+ scopes: ['borderColor'],
510
+ codeSyntax: {
511
+ web: 'var(--borderColor-done-muted) /* utility class: .color-border-done */',
512
+ },
513
+ },
514
+ 'org.primer.overrides': {
515
+ dark: '{base.color.purple.4}',
516
+ 'light-high-contrast': {
517
+ $value: '{base.color.purple.3}',
518
+ alpha: 1,
519
+ },
520
+ 'dark-high-contrast': {
521
+ $value: '{base.color.purple.4}',
522
+ alpha: 1,
523
+ },
524
+ },
525
+ },
526
+ alpha: 0.4,
527
+ },
528
+ emphasis: {
529
+ $value: '{base.color.purple.5}',
530
+ $type: 'color',
531
+ $extensions: {
532
+ 'org.primer.figma': {
533
+ collection: 'mode',
534
+ group: 'semantic',
535
+ scopes: ['borderColor'],
536
+ codeSyntax: {
537
+ web: 'var(--borderColor-done-emphasis)',
538
+ },
539
+ },
540
+ },
541
+ },
542
+ },
543
+ upsell: {
544
+ muted: {
545
+ $value: '{borderColor.done.muted}',
546
+ $type: 'color',
547
+ $extensions: {
548
+ 'org.primer.figma': {
549
+ collection: 'mode',
550
+ group: 'semantic',
551
+ scopes: ['borderColor'],
552
+ codeSyntax: {
553
+ web: 'var(--borderColor-upsell-muted)',
554
+ },
555
+ },
556
+ },
557
+ },
558
+ emphasis: {
559
+ $value: '{borderColor.done.emphasis}',
560
+ $type: 'color',
561
+ $extensions: {
562
+ 'org.primer.figma': {
563
+ collection: 'mode',
564
+ group: 'semantic',
565
+ scopes: ['borderColor'],
566
+ codeSyntax: {
567
+ web: 'var(--borderColor-upsell-emphasis)',
568
+ },
569
+ },
570
+ },
571
+ },
572
+ },
573
+ sponsors: {
574
+ muted: {
575
+ $value: '{base.color.pink.3}',
576
+ $type: 'color',
577
+ $extensions: {
578
+ 'org.primer.figma': {
579
+ collection: 'mode',
580
+ group: 'semantic',
581
+ scopes: ['borderColor'],
582
+ codeSyntax: {
583
+ web: 'var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */',
584
+ },
585
+ },
586
+ 'org.primer.overrides': {
587
+ dark: '{base.color.pink.4}',
588
+ 'light-high-contrast': {
589
+ $value: '{base.color.pink.3}',
590
+ alpha: 1,
591
+ },
592
+ 'dark-high-contrast': {
593
+ $value: '{base.color.pink.4}',
594
+ alpha: 1,
595
+ },
596
+ },
597
+ },
598
+ alpha: 0.4,
599
+ },
600
+ emphasis: {
601
+ $value: '{base.color.pink.5}',
602
+ $type: 'color',
603
+ $extensions: {
604
+ 'org.primer.figma': {
605
+ collection: 'mode',
606
+ group: 'semantic',
607
+ scopes: ['borderColor'],
608
+ codeSyntax: {
609
+ web: 'var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */',
610
+ },
611
+ },
612
+ },
613
+ },
614
+ },
615
+ },
616
+ }