@primer/primitives 10.3.3 → 10.3.4
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.
- package/dist/css/functional/themes/dark-colorblind.css +12 -12
- package/dist/css/functional/themes/light-colorblind.css +10 -10
- package/dist/docs/functional/themes/dark-colorblind.json +1032 -92
- package/dist/docs/functional/themes/dark-dimmed.json +786 -70
- package/dist/docs/functional/themes/dark-high-contrast.json +1218 -120
- package/dist/docs/functional/themes/dark-tritanopia.json +1042 -88
- package/dist/docs/functional/themes/dark.json +763 -73
- package/dist/docs/functional/themes/light-colorblind.json +993 -75
- package/dist/docs/functional/themes/light-high-contrast.json +1082 -78
- package/dist/docs/functional/themes/light-tritanopia.json +1001 -65
- package/dist/docs/functional/themes/light.json +749 -53
- package/dist/figma/scales/dark-high-constrast.json +4 -4
- package/dist/figma/themes/dark-colorblind.json +3137 -2904
- package/dist/figma/themes/dark-dimmed.json +2955 -2886
- package/dist/figma/themes/dark-high-contrast.json +2695 -2299
- package/dist/figma/themes/dark-tritanopia.json +3137 -2887
- package/dist/figma/themes/dark.json +3172 -3175
- package/dist/figma/themes/light-colorblind.json +3139 -2929
- package/dist/figma/themes/light-high-contrast.json +2654 -2346
- package/dist/figma/themes/light-tritanopia.json +3120 -2892
- package/dist/figma/themes/light.json +3125 -3125
- package/dist/internalCss/dark-colorblind.css +12 -12
- package/dist/internalCss/light-colorblind.css +10 -10
- package/dist/styleLint/functional/themes/dark-colorblind.json +1032 -92
- package/dist/styleLint/functional/themes/dark-dimmed.json +786 -70
- package/dist/styleLint/functional/themes/dark-high-contrast.json +1219 -121
- package/dist/styleLint/functional/themes/dark-tritanopia.json +1042 -88
- package/dist/styleLint/functional/themes/dark.json +763 -73
- package/dist/styleLint/functional/themes/light-colorblind.json +993 -75
- package/dist/styleLint/functional/themes/light-high-contrast.json +1082 -78
- package/dist/styleLint/functional/themes/light-tritanopia.json +1001 -65
- package/dist/styleLint/functional/themes/light.json +749 -53
- package/package.json +1 -1
- package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -9
- package/src/tokens/functional/color/{light/primitives-light.json5 → bgColor.json5} +182 -254
- package/src/tokens/functional/color/borderColor.json5 +14 -0
- package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -19
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -114
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -63
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -71
- package/src/tokens/functional/color/fgColor.json5 +342 -0
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -84
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -70
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -60
- package/src/tokens/functional/color/dark/primitives-dark.json5 +0 -757
|
@@ -203,11 +203,39 @@
|
|
|
203
203
|
"bgColor-accent-emphasis": {
|
|
204
204
|
"$value": "#194fb1",
|
|
205
205
|
"$type": "color",
|
|
206
|
-
"
|
|
206
|
+
"$extensions": {
|
|
207
|
+
"org.primer.figma": {
|
|
208
|
+
"collection": "mode",
|
|
209
|
+
"group": "semantic",
|
|
210
|
+
"scopes": ["bgColor"],
|
|
211
|
+
"codeSyntax": {
|
|
212
|
+
"web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */"
|
|
213
|
+
}
|
|
214
|
+
},
|
|
215
|
+
"org.primer.overrides": {
|
|
216
|
+
"dark": "#409eff",
|
|
217
|
+
"dark-high-contrast": "#194fb1"
|
|
218
|
+
}
|
|
219
|
+
},
|
|
220
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
207
221
|
"isSource": true,
|
|
208
222
|
"original": {
|
|
209
223
|
"$value": "{base.color.blue.9}",
|
|
210
|
-
"$type": "color"
|
|
224
|
+
"$type": "color",
|
|
225
|
+
"$extensions": {
|
|
226
|
+
"org.primer.figma": {
|
|
227
|
+
"collection": "mode",
|
|
228
|
+
"group": "semantic",
|
|
229
|
+
"scopes": ["bgColor"],
|
|
230
|
+
"codeSyntax": {
|
|
231
|
+
"web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */"
|
|
232
|
+
}
|
|
233
|
+
},
|
|
234
|
+
"org.primer.overrides": {
|
|
235
|
+
"dark": "{base.color.blue.5}",
|
|
236
|
+
"dark-high-contrast": "{base.color.blue.9}"
|
|
237
|
+
}
|
|
238
|
+
}
|
|
211
239
|
},
|
|
212
240
|
"name": "bgColor-accent-emphasis",
|
|
213
241
|
"attributes": {},
|
|
@@ -225,11 +253,20 @@
|
|
|
225
253
|
"codeSyntax": {
|
|
226
254
|
"web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */"
|
|
227
255
|
}
|
|
256
|
+
},
|
|
257
|
+
"org.primer.overrides": {
|
|
258
|
+
"dark": {
|
|
259
|
+
"$value": "#5cacff",
|
|
260
|
+
"alpha": 0.1,
|
|
261
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
262
|
+
"isSource": true,
|
|
263
|
+
"$type": "color"
|
|
264
|
+
}
|
|
228
265
|
}
|
|
229
266
|
},
|
|
230
|
-
"
|
|
231
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
267
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
232
268
|
"isSource": true,
|
|
269
|
+
"alpha": 0.1,
|
|
233
270
|
"original": {
|
|
234
271
|
"$value": "{base.color.blue.4}",
|
|
235
272
|
"$type": "color",
|
|
@@ -241,6 +278,15 @@
|
|
|
241
278
|
"codeSyntax": {
|
|
242
279
|
"web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */"
|
|
243
280
|
}
|
|
281
|
+
},
|
|
282
|
+
"org.primer.overrides": {
|
|
283
|
+
"dark": {
|
|
284
|
+
"$value": "{base.color.blue.4}",
|
|
285
|
+
"alpha": 0.1,
|
|
286
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
287
|
+
"isSource": true,
|
|
288
|
+
"$type": "color"
|
|
289
|
+
}
|
|
244
290
|
}
|
|
245
291
|
},
|
|
246
292
|
"alpha": 0.1
|
|
@@ -253,11 +299,37 @@
|
|
|
253
299
|
"bgColor-attention-emphasis": {
|
|
254
300
|
"$value": "#7b4900",
|
|
255
301
|
"$type": "color",
|
|
256
|
-
"
|
|
302
|
+
"$extensions": {
|
|
303
|
+
"org.primer.figma": {
|
|
304
|
+
"collection": "mode",
|
|
305
|
+
"group": "semantic",
|
|
306
|
+
"scopes": ["bgColor"],
|
|
307
|
+
"codeSyntax": {
|
|
308
|
+
"web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
|
|
309
|
+
}
|
|
310
|
+
},
|
|
311
|
+
"org.primer.overrides": {
|
|
312
|
+
"dark-high-contrast": "#7b4900"
|
|
313
|
+
}
|
|
314
|
+
},
|
|
315
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
257
316
|
"isSource": true,
|
|
258
317
|
"original": {
|
|
259
318
|
"$value": "{base.color.yellow.9}",
|
|
260
|
-
"$type": "color"
|
|
319
|
+
"$type": "color",
|
|
320
|
+
"$extensions": {
|
|
321
|
+
"org.primer.figma": {
|
|
322
|
+
"collection": "mode",
|
|
323
|
+
"group": "semantic",
|
|
324
|
+
"scopes": ["bgColor"],
|
|
325
|
+
"codeSyntax": {
|
|
326
|
+
"web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
|
|
327
|
+
}
|
|
328
|
+
},
|
|
329
|
+
"org.primer.overrides": {
|
|
330
|
+
"dark-high-contrast": "{base.color.yellow.9}"
|
|
331
|
+
}
|
|
332
|
+
}
|
|
261
333
|
},
|
|
262
334
|
"name": "bgColor-attention-emphasis",
|
|
263
335
|
"attributes": {},
|
|
@@ -275,11 +347,20 @@
|
|
|
275
347
|
"codeSyntax": {
|
|
276
348
|
"web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
|
|
277
349
|
}
|
|
350
|
+
},
|
|
351
|
+
"org.primer.overrides": {
|
|
352
|
+
"dark": {
|
|
353
|
+
"$value": "#edaa27",
|
|
354
|
+
"alpha": 0.15,
|
|
355
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
356
|
+
"isSource": true,
|
|
357
|
+
"$type": "color"
|
|
358
|
+
}
|
|
278
359
|
}
|
|
279
360
|
},
|
|
280
|
-
"
|
|
281
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
361
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
282
362
|
"isSource": true,
|
|
363
|
+
"alpha": 0.15,
|
|
283
364
|
"original": {
|
|
284
365
|
"$value": "{base.color.yellow.4}",
|
|
285
366
|
"$type": "color",
|
|
@@ -291,6 +372,15 @@
|
|
|
291
372
|
"codeSyntax": {
|
|
292
373
|
"web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
|
|
293
374
|
}
|
|
375
|
+
},
|
|
376
|
+
"org.primer.overrides": {
|
|
377
|
+
"dark": {
|
|
378
|
+
"$value": "{base.color.yellow.4}",
|
|
379
|
+
"alpha": 0.15,
|
|
380
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
381
|
+
"isSource": true,
|
|
382
|
+
"$type": "color"
|
|
383
|
+
}
|
|
294
384
|
}
|
|
295
385
|
},
|
|
296
386
|
"alpha": 0.15
|
|
@@ -308,9 +398,12 @@
|
|
|
308
398
|
"collection": "mode",
|
|
309
399
|
"group": "semantic",
|
|
310
400
|
"scopes": ["bgColor"]
|
|
401
|
+
},
|
|
402
|
+
"org.primer.overrides": {
|
|
403
|
+
"dark": "#010409"
|
|
311
404
|
}
|
|
312
405
|
},
|
|
313
|
-
"filePath": "src/tokens/functional/color/
|
|
406
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
314
407
|
"isSource": true,
|
|
315
408
|
"original": {
|
|
316
409
|
"$value": "{base.color.neutral.0}",
|
|
@@ -320,6 +413,9 @@
|
|
|
320
413
|
"collection": "mode",
|
|
321
414
|
"group": "semantic",
|
|
322
415
|
"scopes": ["bgColor"]
|
|
416
|
+
},
|
|
417
|
+
"org.primer.overrides": {
|
|
418
|
+
"dark": "{base.color.neutral.0}"
|
|
323
419
|
}
|
|
324
420
|
}
|
|
325
421
|
},
|
|
@@ -339,9 +435,15 @@
|
|
|
339
435
|
"codeSyntax": {
|
|
340
436
|
"web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
|
|
341
437
|
}
|
|
438
|
+
},
|
|
439
|
+
"org.primer.overrides": {
|
|
440
|
+
"light-tritanopia": "#3d444d",
|
|
441
|
+
"dark-tritanopia": "#3d444d",
|
|
442
|
+
"light-protanopia-deuteranopia": "#3d444d",
|
|
443
|
+
"dark-protanopia-deuteranopia": "#3d444d"
|
|
342
444
|
}
|
|
343
445
|
},
|
|
344
|
-
"filePath": "src/tokens/functional/color/
|
|
446
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
345
447
|
"isSource": true,
|
|
346
448
|
"original": {
|
|
347
449
|
"$value": "{bgColor.danger.emphasis}",
|
|
@@ -354,6 +456,12 @@
|
|
|
354
456
|
"codeSyntax": {
|
|
355
457
|
"web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
|
|
356
458
|
}
|
|
459
|
+
},
|
|
460
|
+
"org.primer.overrides": {
|
|
461
|
+
"light-tritanopia": "{bgColor.neutral.emphasis}",
|
|
462
|
+
"dark-tritanopia": "{bgColor.neutral.emphasis}",
|
|
463
|
+
"light-protanopia-deuteranopia": "{bgColor.neutral.emphasis}",
|
|
464
|
+
"dark-protanopia-deuteranopia": "{bgColor.neutral.emphasis}"
|
|
357
465
|
}
|
|
358
466
|
}
|
|
359
467
|
},
|
|
@@ -365,7 +473,6 @@
|
|
|
365
473
|
"bgColor-closed-muted": {
|
|
366
474
|
"$value": "#ff80801a",
|
|
367
475
|
"$type": "color",
|
|
368
|
-
"alpha": 0.1,
|
|
369
476
|
"$extensions": {
|
|
370
477
|
"org.primer.figma": {
|
|
371
478
|
"collection": "mode",
|
|
@@ -374,14 +481,31 @@
|
|
|
374
481
|
"codeSyntax": {
|
|
375
482
|
"web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
|
|
376
483
|
}
|
|
484
|
+
},
|
|
485
|
+
"org.primer.overrides": {
|
|
486
|
+
"light-tritanopia": "#212830",
|
|
487
|
+
"dark-tritanopia": {
|
|
488
|
+
"$value": "#212830",
|
|
489
|
+
"alpha": 0.1,
|
|
490
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
491
|
+
"isSource": true,
|
|
492
|
+
"$type": "color"
|
|
493
|
+
},
|
|
494
|
+
"light-protanopia-deuteranopia": "#212830",
|
|
495
|
+
"dark-protanopia-deuteranopia": {
|
|
496
|
+
"$value": "#212830",
|
|
497
|
+
"alpha": 0.1,
|
|
498
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
499
|
+
"isSource": true,
|
|
500
|
+
"$type": "color"
|
|
501
|
+
}
|
|
377
502
|
}
|
|
378
503
|
},
|
|
379
|
-
"filePath": "src/tokens/functional/color/
|
|
504
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
380
505
|
"isSource": true,
|
|
381
506
|
"original": {
|
|
382
507
|
"$value": "{bgColor.danger.muted}",
|
|
383
508
|
"$type": "color",
|
|
384
|
-
"alpha": 0.1,
|
|
385
509
|
"$extensions": {
|
|
386
510
|
"org.primer.figma": {
|
|
387
511
|
"collection": "mode",
|
|
@@ -390,6 +514,24 @@
|
|
|
390
514
|
"codeSyntax": {
|
|
391
515
|
"web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
|
|
392
516
|
}
|
|
517
|
+
},
|
|
518
|
+
"org.primer.overrides": {
|
|
519
|
+
"light-tritanopia": "{bgColor.neutral.muted}",
|
|
520
|
+
"dark-tritanopia": {
|
|
521
|
+
"$value": "{bgColor.neutral.muted}",
|
|
522
|
+
"alpha": 0.1,
|
|
523
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
524
|
+
"isSource": true,
|
|
525
|
+
"$type": "color"
|
|
526
|
+
},
|
|
527
|
+
"light-protanopia-deuteranopia": "{bgColor.neutral.muted}",
|
|
528
|
+
"dark-protanopia-deuteranopia": {
|
|
529
|
+
"$value": "{bgColor.neutral.muted}",
|
|
530
|
+
"alpha": 0.1,
|
|
531
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
532
|
+
"isSource": true,
|
|
533
|
+
"$type": "color"
|
|
534
|
+
}
|
|
393
535
|
}
|
|
394
536
|
}
|
|
395
537
|
},
|
|
@@ -401,11 +543,41 @@
|
|
|
401
543
|
"bgColor-danger-emphasis": {
|
|
402
544
|
"$value": "#ad0116",
|
|
403
545
|
"$type": "color",
|
|
404
|
-
"
|
|
546
|
+
"$extensions": {
|
|
547
|
+
"org.primer.figma": {
|
|
548
|
+
"collection": "mode",
|
|
549
|
+
"group": "semantic",
|
|
550
|
+
"scopes": ["bgColor"],
|
|
551
|
+
"codeSyntax": {
|
|
552
|
+
"web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
|
|
553
|
+
}
|
|
554
|
+
},
|
|
555
|
+
"org.primer.overrides": {
|
|
556
|
+
"light-protanopia-deuteranopia": "#e7811d",
|
|
557
|
+
"dark-protanopia-deuteranopia": "#e7811d",
|
|
558
|
+
"dark-high-contrast": "#ad0116"
|
|
559
|
+
}
|
|
560
|
+
},
|
|
561
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
405
562
|
"isSource": true,
|
|
406
563
|
"original": {
|
|
407
564
|
"$value": "{base.color.red.9}",
|
|
408
|
-
"$type": "color"
|
|
565
|
+
"$type": "color",
|
|
566
|
+
"$extensions": {
|
|
567
|
+
"org.primer.figma": {
|
|
568
|
+
"collection": "mode",
|
|
569
|
+
"group": "semantic",
|
|
570
|
+
"scopes": ["bgColor"],
|
|
571
|
+
"codeSyntax": {
|
|
572
|
+
"web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
|
|
573
|
+
}
|
|
574
|
+
},
|
|
575
|
+
"org.primer.overrides": {
|
|
576
|
+
"light-protanopia-deuteranopia": "{base.color.orange.5}",
|
|
577
|
+
"dark-protanopia-deuteranopia": "{base.color.orange.5}",
|
|
578
|
+
"dark-high-contrast": "{base.color.red.9}"
|
|
579
|
+
}
|
|
580
|
+
}
|
|
409
581
|
},
|
|
410
582
|
"name": "bgColor-danger-emphasis",
|
|
411
583
|
"attributes": {},
|
|
@@ -415,7 +587,6 @@
|
|
|
415
587
|
"bgColor-danger-muted": {
|
|
416
588
|
"$value": "#ff80801a",
|
|
417
589
|
"$type": "color",
|
|
418
|
-
"alpha": 0.1,
|
|
419
590
|
"$extensions": {
|
|
420
591
|
"org.primer.figma": {
|
|
421
592
|
"collection": "mode",
|
|
@@ -424,14 +595,31 @@
|
|
|
424
595
|
"codeSyntax": {
|
|
425
596
|
"web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
|
|
426
597
|
}
|
|
598
|
+
},
|
|
599
|
+
"org.primer.overrides": {
|
|
600
|
+
"dark": {
|
|
601
|
+
"$value": "#ff8080",
|
|
602
|
+
"alpha": 0.1,
|
|
603
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
604
|
+
"isSource": true,
|
|
605
|
+
"$type": "color"
|
|
606
|
+
},
|
|
607
|
+
"light-protanopia-deuteranopia": "#ffe1b4",
|
|
608
|
+
"dark-protanopia-deuteranopia": {
|
|
609
|
+
"$value": "#f48b25",
|
|
610
|
+
"alpha": 0.1,
|
|
611
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
612
|
+
"isSource": true,
|
|
613
|
+
"$type": "color"
|
|
614
|
+
}
|
|
427
615
|
}
|
|
428
616
|
},
|
|
429
|
-
"filePath": "src/tokens/functional/color/
|
|
617
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
430
618
|
"isSource": true,
|
|
619
|
+
"alpha": 0.1,
|
|
431
620
|
"original": {
|
|
432
621
|
"$value": "{base.color.red.4}",
|
|
433
622
|
"$type": "color",
|
|
434
|
-
"alpha": 0.1,
|
|
435
623
|
"$extensions": {
|
|
436
624
|
"org.primer.figma": {
|
|
437
625
|
"collection": "mode",
|
|
@@ -440,8 +628,26 @@
|
|
|
440
628
|
"codeSyntax": {
|
|
441
629
|
"web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
|
|
442
630
|
}
|
|
631
|
+
},
|
|
632
|
+
"org.primer.overrides": {
|
|
633
|
+
"dark": {
|
|
634
|
+
"$value": "{base.color.red.4}",
|
|
635
|
+
"alpha": 0.1,
|
|
636
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
637
|
+
"isSource": true,
|
|
638
|
+
"$type": "color"
|
|
639
|
+
},
|
|
640
|
+
"light-protanopia-deuteranopia": "{base.color.orange.0}",
|
|
641
|
+
"dark-protanopia-deuteranopia": {
|
|
642
|
+
"$value": "{base.color.orange.4}",
|
|
643
|
+
"alpha": 0.1,
|
|
644
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
645
|
+
"isSource": true,
|
|
646
|
+
"$type": "color"
|
|
647
|
+
}
|
|
443
648
|
}
|
|
444
|
-
}
|
|
649
|
+
},
|
|
650
|
+
"alpha": 0.1
|
|
445
651
|
},
|
|
446
652
|
"name": "bgColor-danger-muted",
|
|
447
653
|
"attributes": {},
|
|
@@ -451,11 +657,39 @@
|
|
|
451
657
|
"bgColor-default": {
|
|
452
658
|
"$value": "#010409",
|
|
453
659
|
"$type": "color",
|
|
454
|
-
"
|
|
660
|
+
"$extensions": {
|
|
661
|
+
"org.primer.figma": {
|
|
662
|
+
"collection": "mode",
|
|
663
|
+
"scopes": ["bgColor", "borderColor"],
|
|
664
|
+
"group": "semantic",
|
|
665
|
+
"codeSyntax": {
|
|
666
|
+
"web": "var(--bgColor-default) /* utility class: .color-bg-default */"
|
|
667
|
+
}
|
|
668
|
+
},
|
|
669
|
+
"org.primer.overrides": {
|
|
670
|
+
"dark": "#0d1117",
|
|
671
|
+
"dark-high-contrast": "#010409"
|
|
672
|
+
}
|
|
673
|
+
},
|
|
674
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
455
675
|
"isSource": true,
|
|
456
676
|
"original": {
|
|
457
677
|
"$value": "{base.color.neutral.0}",
|
|
458
|
-
"$type": "color"
|
|
678
|
+
"$type": "color",
|
|
679
|
+
"$extensions": {
|
|
680
|
+
"org.primer.figma": {
|
|
681
|
+
"collection": "mode",
|
|
682
|
+
"scopes": ["bgColor", "borderColor"],
|
|
683
|
+
"group": "semantic",
|
|
684
|
+
"codeSyntax": {
|
|
685
|
+
"web": "var(--bgColor-default) /* utility class: .color-bg-default */"
|
|
686
|
+
}
|
|
687
|
+
},
|
|
688
|
+
"org.primer.overrides": {
|
|
689
|
+
"dark": "{base.color.neutral.1}",
|
|
690
|
+
"dark-high-contrast": "{base.color.neutral.0}"
|
|
691
|
+
}
|
|
692
|
+
}
|
|
459
693
|
},
|
|
460
694
|
"name": "bgColor-default",
|
|
461
695
|
"attributes": {},
|
|
@@ -465,11 +699,35 @@
|
|
|
465
699
|
"bgColor-disabled": {
|
|
466
700
|
"$value": "#262c36",
|
|
467
701
|
"$type": "color",
|
|
468
|
-
"
|
|
702
|
+
"$extensions": {
|
|
703
|
+
"org.primer.figma": {
|
|
704
|
+
"collection": "mode",
|
|
705
|
+
"group": "semantic",
|
|
706
|
+
"scopes": ["bgColor"]
|
|
707
|
+
},
|
|
708
|
+
"org.primer.overrides": {
|
|
709
|
+
"dark": "#212830",
|
|
710
|
+
"light-high-contrast": "#262c36",
|
|
711
|
+
"dark-high-contrast": "#262c36"
|
|
712
|
+
}
|
|
713
|
+
},
|
|
714
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
469
715
|
"isSource": true,
|
|
470
716
|
"original": {
|
|
471
717
|
"$value": "{base.color.neutral.4}",
|
|
472
|
-
"$type": "color"
|
|
718
|
+
"$type": "color",
|
|
719
|
+
"$extensions": {
|
|
720
|
+
"org.primer.figma": {
|
|
721
|
+
"collection": "mode",
|
|
722
|
+
"group": "semantic",
|
|
723
|
+
"scopes": ["bgColor"]
|
|
724
|
+
},
|
|
725
|
+
"org.primer.overrides": {
|
|
726
|
+
"dark": "{base.color.neutral.3}",
|
|
727
|
+
"light-high-contrast": "{base.color.neutral.4}",
|
|
728
|
+
"dark-high-contrast": "{base.color.neutral.4}"
|
|
729
|
+
}
|
|
730
|
+
}
|
|
473
731
|
},
|
|
474
732
|
"name": "bgColor-disabled",
|
|
475
733
|
"attributes": {},
|
|
@@ -479,11 +737,37 @@
|
|
|
479
737
|
"bgColor-done-emphasis": {
|
|
480
738
|
"$value": "#6921d7",
|
|
481
739
|
"$type": "color",
|
|
482
|
-
"
|
|
740
|
+
"$extensions": {
|
|
741
|
+
"org.primer.figma": {
|
|
742
|
+
"collection": "mode",
|
|
743
|
+
"group": "semantic",
|
|
744
|
+
"scopes": ["bgColor"],
|
|
745
|
+
"codeSyntax": {
|
|
746
|
+
"web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */"
|
|
747
|
+
}
|
|
748
|
+
},
|
|
749
|
+
"org.primer.overrides": {
|
|
750
|
+
"dark-high-contrast": "#6921d7"
|
|
751
|
+
}
|
|
752
|
+
},
|
|
753
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
483
754
|
"isSource": true,
|
|
484
755
|
"original": {
|
|
485
756
|
"$value": "{base.color.purple.9}",
|
|
486
|
-
"$type": "color"
|
|
757
|
+
"$type": "color",
|
|
758
|
+
"$extensions": {
|
|
759
|
+
"org.primer.figma": {
|
|
760
|
+
"collection": "mode",
|
|
761
|
+
"group": "semantic",
|
|
762
|
+
"scopes": ["bgColor"],
|
|
763
|
+
"codeSyntax": {
|
|
764
|
+
"web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */"
|
|
765
|
+
}
|
|
766
|
+
},
|
|
767
|
+
"org.primer.overrides": {
|
|
768
|
+
"dark-high-contrast": "{base.color.purple.9}"
|
|
769
|
+
}
|
|
770
|
+
}
|
|
487
771
|
},
|
|
488
772
|
"name": "bgColor-done-emphasis",
|
|
489
773
|
"attributes": {},
|
|
@@ -501,11 +785,20 @@
|
|
|
501
785
|
"codeSyntax": {
|
|
502
786
|
"web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
|
|
503
787
|
}
|
|
788
|
+
},
|
|
789
|
+
"org.primer.overrides": {
|
|
790
|
+
"dark": {
|
|
791
|
+
"$value": "#bf8fff",
|
|
792
|
+
"alpha": 0.15,
|
|
793
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
794
|
+
"isSource": true,
|
|
795
|
+
"$type": "color"
|
|
796
|
+
}
|
|
504
797
|
}
|
|
505
798
|
},
|
|
506
|
-
"
|
|
507
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
799
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
508
800
|
"isSource": true,
|
|
801
|
+
"alpha": 0.15,
|
|
509
802
|
"original": {
|
|
510
803
|
"$value": "{base.color.purple.4}",
|
|
511
804
|
"$type": "color",
|
|
@@ -517,6 +810,15 @@
|
|
|
517
810
|
"codeSyntax": {
|
|
518
811
|
"web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
|
|
519
812
|
}
|
|
813
|
+
},
|
|
814
|
+
"org.primer.overrides": {
|
|
815
|
+
"dark": {
|
|
816
|
+
"$value": "{base.color.purple.4}",
|
|
817
|
+
"alpha": 0.15,
|
|
818
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
819
|
+
"isSource": true,
|
|
820
|
+
"$type": "color"
|
|
821
|
+
}
|
|
520
822
|
}
|
|
521
823
|
},
|
|
522
824
|
"alpha": 0.15
|
|
@@ -537,9 +839,12 @@
|
|
|
537
839
|
"codeSyntax": {
|
|
538
840
|
"web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */"
|
|
539
841
|
}
|
|
842
|
+
},
|
|
843
|
+
"org.primer.overrides": {
|
|
844
|
+
"dark": "#3d444d"
|
|
540
845
|
}
|
|
541
846
|
},
|
|
542
|
-
"filePath": "src/tokens/functional/color/
|
|
847
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
543
848
|
"isSource": true,
|
|
544
849
|
"original": {
|
|
545
850
|
"$value": "{base.color.neutral.7}",
|
|
@@ -552,6 +857,9 @@
|
|
|
552
857
|
"codeSyntax": {
|
|
553
858
|
"web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */"
|
|
554
859
|
}
|
|
860
|
+
},
|
|
861
|
+
"org.primer.overrides": {
|
|
862
|
+
"dark": "{base.color.neutral.7}"
|
|
555
863
|
}
|
|
556
864
|
}
|
|
557
865
|
},
|
|
@@ -571,9 +879,13 @@
|
|
|
571
879
|
"codeSyntax": {
|
|
572
880
|
"web": "var(--bgColor-inset) /* utility class: .color-bg-inset */"
|
|
573
881
|
}
|
|
882
|
+
},
|
|
883
|
+
"org.primer.overrides": {
|
|
884
|
+
"dark": "#010409",
|
|
885
|
+
"light-high-contrast": "#151b23"
|
|
574
886
|
}
|
|
575
887
|
},
|
|
576
|
-
"filePath": "src/tokens/functional/color/
|
|
888
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
577
889
|
"isSource": true,
|
|
578
890
|
"original": {
|
|
579
891
|
"$value": "{base.color.neutral.0}",
|
|
@@ -586,6 +898,10 @@
|
|
|
586
898
|
"codeSyntax": {
|
|
587
899
|
"web": "var(--bgColor-inset) /* utility class: .color-bg-inset */"
|
|
588
900
|
}
|
|
901
|
+
},
|
|
902
|
+
"org.primer.overrides": {
|
|
903
|
+
"dark": "{base.color.neutral.0}",
|
|
904
|
+
"light-high-contrast": "{base.color.neutral.2}"
|
|
589
905
|
}
|
|
590
906
|
}
|
|
591
907
|
},
|
|
@@ -602,9 +918,12 @@
|
|
|
602
918
|
"collection": "mode",
|
|
603
919
|
"group": "semantic",
|
|
604
920
|
"scopes": ["bgColor"]
|
|
921
|
+
},
|
|
922
|
+
"org.primer.overrides": {
|
|
923
|
+
"dark": "#ffffff"
|
|
605
924
|
}
|
|
606
925
|
},
|
|
607
|
-
"filePath": "src/tokens/functional/color/
|
|
926
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
608
927
|
"isSource": true,
|
|
609
928
|
"original": {
|
|
610
929
|
"$value": "{base.color.neutral.13}",
|
|
@@ -614,6 +933,9 @@
|
|
|
614
933
|
"collection": "mode",
|
|
615
934
|
"group": "semantic",
|
|
616
935
|
"scopes": ["bgColor"]
|
|
936
|
+
},
|
|
937
|
+
"org.primer.overrides": {
|
|
938
|
+
"dark": "{base.color.neutral.13}"
|
|
617
939
|
}
|
|
618
940
|
}
|
|
619
941
|
},
|
|
@@ -625,11 +947,41 @@
|
|
|
625
947
|
"bgColor-muted": {
|
|
626
948
|
"$value": "#151b23",
|
|
627
949
|
"$type": "color",
|
|
628
|
-
"
|
|
950
|
+
"$extensions": {
|
|
951
|
+
"org.primer.figma": {
|
|
952
|
+
"collection": "mode",
|
|
953
|
+
"scopes": ["bgColor", "borderColor"],
|
|
954
|
+
"group": "semantic",
|
|
955
|
+
"codeSyntax": {
|
|
956
|
+
"web": "var(--bgColor-muted) /* utility class: .color-bg-muted */"
|
|
957
|
+
}
|
|
958
|
+
},
|
|
959
|
+
"org.primer.overrides": {
|
|
960
|
+
"dark": "#151b23",
|
|
961
|
+
"light-high-contrast": "#212830",
|
|
962
|
+
"dark-high-contrast": "#151b23"
|
|
963
|
+
}
|
|
964
|
+
},
|
|
965
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
629
966
|
"isSource": true,
|
|
630
967
|
"original": {
|
|
631
968
|
"$value": "{base.color.neutral.2}",
|
|
632
|
-
"$type": "color"
|
|
969
|
+
"$type": "color",
|
|
970
|
+
"$extensions": {
|
|
971
|
+
"org.primer.figma": {
|
|
972
|
+
"collection": "mode",
|
|
973
|
+
"scopes": ["bgColor", "borderColor"],
|
|
974
|
+
"group": "semantic",
|
|
975
|
+
"codeSyntax": {
|
|
976
|
+
"web": "var(--bgColor-muted) /* utility class: .color-bg-muted */"
|
|
977
|
+
}
|
|
978
|
+
},
|
|
979
|
+
"org.primer.overrides": {
|
|
980
|
+
"dark": "{base.color.neutral.2}",
|
|
981
|
+
"light-high-contrast": "{base.color.neutral.3}",
|
|
982
|
+
"dark-high-contrast": "{base.color.neutral.2}"
|
|
983
|
+
}
|
|
984
|
+
}
|
|
633
985
|
},
|
|
634
986
|
"name": "bgColor-muted",
|
|
635
987
|
"attributes": {},
|
|
@@ -639,11 +991,35 @@
|
|
|
639
991
|
"bgColor-neutral-emphasis": {
|
|
640
992
|
"$value": "#3d444d",
|
|
641
993
|
"$type": "color",
|
|
642
|
-
"
|
|
994
|
+
"$extensions": {
|
|
995
|
+
"org.primer.figma": {
|
|
996
|
+
"collection": "mode",
|
|
997
|
+
"group": "semantic",
|
|
998
|
+
"scopes": ["bgColor"]
|
|
999
|
+
},
|
|
1000
|
+
"org.primer.overrides": {
|
|
1001
|
+
"dark": "#656c76",
|
|
1002
|
+
"light-high-contrast": "#b7bdc8",
|
|
1003
|
+
"dark-high-contrast": "#3d444d"
|
|
1004
|
+
}
|
|
1005
|
+
},
|
|
1006
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
643
1007
|
"isSource": true,
|
|
644
1008
|
"original": {
|
|
645
1009
|
"$value": "{base.color.neutral.7}",
|
|
646
|
-
"$type": "color"
|
|
1010
|
+
"$type": "color",
|
|
1011
|
+
"$extensions": {
|
|
1012
|
+
"org.primer.figma": {
|
|
1013
|
+
"collection": "mode",
|
|
1014
|
+
"group": "semantic",
|
|
1015
|
+
"scopes": ["bgColor"]
|
|
1016
|
+
},
|
|
1017
|
+
"org.primer.overrides": {
|
|
1018
|
+
"dark": "{base.color.neutral.8}",
|
|
1019
|
+
"light-high-contrast": "{base.color.neutral.10}",
|
|
1020
|
+
"dark-high-contrast": "{base.color.neutral.7}"
|
|
1021
|
+
}
|
|
1022
|
+
}
|
|
647
1023
|
},
|
|
648
1024
|
"name": "bgColor-neutral-emphasis",
|
|
649
1025
|
"attributes": {},
|
|
@@ -653,13 +1029,61 @@
|
|
|
653
1029
|
"bgColor-neutral-muted": {
|
|
654
1030
|
"$value": "#212830",
|
|
655
1031
|
"$type": "color",
|
|
656
|
-
"
|
|
657
|
-
|
|
1032
|
+
"$extensions": {
|
|
1033
|
+
"org.primer.figma": {
|
|
1034
|
+
"collection": "mode",
|
|
1035
|
+
"group": "semantic",
|
|
1036
|
+
"scopes": ["bgColor"]
|
|
1037
|
+
},
|
|
1038
|
+
"org.primer.overrides": {
|
|
1039
|
+
"light": {
|
|
1040
|
+
"$value": "#656c76",
|
|
1041
|
+
"alpha": 0.12,
|
|
1042
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1043
|
+
"isSource": true,
|
|
1044
|
+
"$type": "color"
|
|
1045
|
+
},
|
|
1046
|
+
"dark": {
|
|
1047
|
+
"$value": "#656c76",
|
|
1048
|
+
"alpha": 0.2,
|
|
1049
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1050
|
+
"isSource": true,
|
|
1051
|
+
"$type": "color"
|
|
1052
|
+
},
|
|
1053
|
+
"light-high-contrast": "#262c36",
|
|
1054
|
+
"dark-high-contrast": "#212830"
|
|
1055
|
+
}
|
|
1056
|
+
},
|
|
1057
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
658
1058
|
"isSource": true,
|
|
659
1059
|
"original": {
|
|
660
1060
|
"$value": "{base.color.neutral.3}",
|
|
661
1061
|
"$type": "color",
|
|
662
|
-
"
|
|
1062
|
+
"$extensions": {
|
|
1063
|
+
"org.primer.figma": {
|
|
1064
|
+
"collection": "mode",
|
|
1065
|
+
"group": "semantic",
|
|
1066
|
+
"scopes": ["bgColor"]
|
|
1067
|
+
},
|
|
1068
|
+
"org.primer.overrides": {
|
|
1069
|
+
"light": {
|
|
1070
|
+
"$value": "{base.color.neutral.8}",
|
|
1071
|
+
"alpha": 0.12,
|
|
1072
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1073
|
+
"isSource": true,
|
|
1074
|
+
"$type": "color"
|
|
1075
|
+
},
|
|
1076
|
+
"dark": {
|
|
1077
|
+
"$value": "{base.color.neutral.8}",
|
|
1078
|
+
"alpha": 0.2,
|
|
1079
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1080
|
+
"isSource": true,
|
|
1081
|
+
"$type": "color"
|
|
1082
|
+
},
|
|
1083
|
+
"light-high-contrast": "{base.color.neutral.4}",
|
|
1084
|
+
"dark-high-contrast": "{base.color.neutral.3}"
|
|
1085
|
+
}
|
|
1086
|
+
}
|
|
663
1087
|
},
|
|
664
1088
|
"name": "bgColor-neutral-muted",
|
|
665
1089
|
"attributes": {},
|
|
@@ -677,9 +1101,15 @@
|
|
|
677
1101
|
"codeSyntax": {
|
|
678
1102
|
"web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
|
|
679
1103
|
}
|
|
1104
|
+
},
|
|
1105
|
+
"org.primer.overrides": {
|
|
1106
|
+
"light-tritanopia": "#ff6a69",
|
|
1107
|
+
"dark-tritanopia": "#ff6a69",
|
|
1108
|
+
"light-protanopia-deuteranopia": "#e7811d",
|
|
1109
|
+
"dark-protanopia-deuteranopia": "#e7811d"
|
|
680
1110
|
}
|
|
681
1111
|
},
|
|
682
|
-
"filePath": "src/tokens/functional/color/
|
|
1112
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
683
1113
|
"isSource": true,
|
|
684
1114
|
"original": {
|
|
685
1115
|
"$value": "{bgColor.success.emphasis}",
|
|
@@ -692,6 +1122,12 @@
|
|
|
692
1122
|
"codeSyntax": {
|
|
693
1123
|
"web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
|
|
694
1124
|
}
|
|
1125
|
+
},
|
|
1126
|
+
"org.primer.overrides": {
|
|
1127
|
+
"light-tritanopia": "{base.color.red.5}",
|
|
1128
|
+
"dark-tritanopia": "{base.color.red.5}",
|
|
1129
|
+
"light-protanopia-deuteranopia": "{base.color.orange.5}",
|
|
1130
|
+
"dark-protanopia-deuteranopia": "{base.color.orange.5}"
|
|
695
1131
|
}
|
|
696
1132
|
}
|
|
697
1133
|
},
|
|
@@ -711,10 +1147,27 @@
|
|
|
711
1147
|
"codeSyntax": {
|
|
712
1148
|
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
713
1149
|
}
|
|
1150
|
+
},
|
|
1151
|
+
"org.primer.overrides": {
|
|
1152
|
+
"light-tritanopia": "#ffdedb",
|
|
1153
|
+
"dark-tritanopia": {
|
|
1154
|
+
"$value": "#ff8080",
|
|
1155
|
+
"alpha": 0.1,
|
|
1156
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1157
|
+
"isSource": true,
|
|
1158
|
+
"$type": "color"
|
|
1159
|
+
},
|
|
1160
|
+
"light-protanopia-deuteranopia": "#ffe1b4",
|
|
1161
|
+
"dark-protanopia-deuteranopia": {
|
|
1162
|
+
"$value": "#f48b25",
|
|
1163
|
+
"alpha": 0.1,
|
|
1164
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1165
|
+
"isSource": true,
|
|
1166
|
+
"$type": "color"
|
|
1167
|
+
}
|
|
714
1168
|
}
|
|
715
1169
|
},
|
|
716
|
-
"
|
|
717
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
1170
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
718
1171
|
"isSource": true,
|
|
719
1172
|
"original": {
|
|
720
1173
|
"$value": "{bgColor.success.muted}",
|
|
@@ -727,9 +1180,26 @@
|
|
|
727
1180
|
"codeSyntax": {
|
|
728
1181
|
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
729
1182
|
}
|
|
1183
|
+
},
|
|
1184
|
+
"org.primer.overrides": {
|
|
1185
|
+
"light-tritanopia": "{base.color.red.0}",
|
|
1186
|
+
"dark-tritanopia": {
|
|
1187
|
+
"$value": "{base.color.red.4}",
|
|
1188
|
+
"alpha": 0.1,
|
|
1189
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1190
|
+
"isSource": true,
|
|
1191
|
+
"$type": "color"
|
|
1192
|
+
},
|
|
1193
|
+
"light-protanopia-deuteranopia": "{base.color.orange.0}",
|
|
1194
|
+
"dark-protanopia-deuteranopia": {
|
|
1195
|
+
"$value": "{base.color.orange.4}",
|
|
1196
|
+
"alpha": 0.1,
|
|
1197
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1198
|
+
"isSource": true,
|
|
1199
|
+
"$type": "color"
|
|
1200
|
+
}
|
|
730
1201
|
}
|
|
731
|
-
}
|
|
732
|
-
"alpha": 0.15
|
|
1202
|
+
}
|
|
733
1203
|
},
|
|
734
1204
|
"name": "bgColor-open-muted",
|
|
735
1205
|
"attributes": {},
|
|
@@ -739,11 +1209,41 @@
|
|
|
739
1209
|
"bgColor-severe-emphasis": {
|
|
740
1210
|
"$value": "#8f3c00",
|
|
741
1211
|
"$type": "color",
|
|
742
|
-
"
|
|
1212
|
+
"$extensions": {
|
|
1213
|
+
"org.primer.figma": {
|
|
1214
|
+
"collection": "mode",
|
|
1215
|
+
"group": "semantic",
|
|
1216
|
+
"scopes": ["bgColor"],
|
|
1217
|
+
"codeSyntax": {
|
|
1218
|
+
"web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
|
|
1219
|
+
}
|
|
1220
|
+
},
|
|
1221
|
+
"org.primer.overrides": {
|
|
1222
|
+
"light-tritanopia": "#ff6a69",
|
|
1223
|
+
"dark-tritanopia": "#ff6a69",
|
|
1224
|
+
"dark-high-contrast": "#8f3c00"
|
|
1225
|
+
}
|
|
1226
|
+
},
|
|
1227
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
743
1228
|
"isSource": true,
|
|
744
1229
|
"original": {
|
|
745
1230
|
"$value": "{base.color.orange.9}",
|
|
746
|
-
"$type": "color"
|
|
1231
|
+
"$type": "color",
|
|
1232
|
+
"$extensions": {
|
|
1233
|
+
"org.primer.figma": {
|
|
1234
|
+
"collection": "mode",
|
|
1235
|
+
"group": "semantic",
|
|
1236
|
+
"scopes": ["bgColor"],
|
|
1237
|
+
"codeSyntax": {
|
|
1238
|
+
"web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
|
|
1239
|
+
}
|
|
1240
|
+
},
|
|
1241
|
+
"org.primer.overrides": {
|
|
1242
|
+
"light-tritanopia": "{base.color.red.5}",
|
|
1243
|
+
"dark-tritanopia": "{base.color.red.5}",
|
|
1244
|
+
"dark-high-contrast": "{base.color.orange.9}"
|
|
1245
|
+
}
|
|
1246
|
+
}
|
|
747
1247
|
},
|
|
748
1248
|
"name": "bgColor-severe-emphasis",
|
|
749
1249
|
"attributes": {},
|
|
@@ -761,11 +1261,28 @@
|
|
|
761
1261
|
"codeSyntax": {
|
|
762
1262
|
"web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
|
|
763
1263
|
}
|
|
1264
|
+
},
|
|
1265
|
+
"org.primer.overrides": {
|
|
1266
|
+
"dark": {
|
|
1267
|
+
"$value": "#f48b25",
|
|
1268
|
+
"alpha": 0.1,
|
|
1269
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1270
|
+
"isSource": true,
|
|
1271
|
+
"$type": "color"
|
|
1272
|
+
},
|
|
1273
|
+
"light-tritanopia": "#ffdedb",
|
|
1274
|
+
"dark-tritanopia": {
|
|
1275
|
+
"$value": "#ff8080",
|
|
1276
|
+
"alpha": 0.1,
|
|
1277
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1278
|
+
"isSource": true,
|
|
1279
|
+
"$type": "color"
|
|
1280
|
+
}
|
|
764
1281
|
}
|
|
765
1282
|
},
|
|
766
|
-
"
|
|
767
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
1283
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
768
1284
|
"isSource": true,
|
|
1285
|
+
"alpha": 0.1,
|
|
769
1286
|
"original": {
|
|
770
1287
|
"$value": "{base.color.orange.4}",
|
|
771
1288
|
"$type": "color",
|
|
@@ -777,6 +1294,23 @@
|
|
|
777
1294
|
"codeSyntax": {
|
|
778
1295
|
"web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
|
|
779
1296
|
}
|
|
1297
|
+
},
|
|
1298
|
+
"org.primer.overrides": {
|
|
1299
|
+
"dark": {
|
|
1300
|
+
"$value": "{base.color.orange.4}",
|
|
1301
|
+
"alpha": 0.1,
|
|
1302
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1303
|
+
"isSource": true,
|
|
1304
|
+
"$type": "color"
|
|
1305
|
+
},
|
|
1306
|
+
"light-tritanopia": "{base.color.red.0}",
|
|
1307
|
+
"dark-tritanopia": {
|
|
1308
|
+
"$value": "{base.color.red.4}",
|
|
1309
|
+
"alpha": 0.1,
|
|
1310
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1311
|
+
"isSource": true,
|
|
1312
|
+
"$type": "color"
|
|
1313
|
+
}
|
|
780
1314
|
}
|
|
781
1315
|
},
|
|
782
1316
|
"alpha": 0.1
|
|
@@ -789,11 +1323,37 @@
|
|
|
789
1323
|
"bgColor-sponsors-emphasis": {
|
|
790
1324
|
"$value": "#9c1d6a",
|
|
791
1325
|
"$type": "color",
|
|
792
|
-
"
|
|
1326
|
+
"$extensions": {
|
|
1327
|
+
"org.primer.figma": {
|
|
1328
|
+
"collection": "mode",
|
|
1329
|
+
"group": "semantic",
|
|
1330
|
+
"scopes": ["bgColor"],
|
|
1331
|
+
"codeSyntax": {
|
|
1332
|
+
"web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */"
|
|
1333
|
+
}
|
|
1334
|
+
},
|
|
1335
|
+
"org.primer.overrides": {
|
|
1336
|
+
"dark-high-contrast": "#9c1d6a"
|
|
1337
|
+
}
|
|
1338
|
+
},
|
|
1339
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
793
1340
|
"isSource": true,
|
|
794
1341
|
"original": {
|
|
795
1342
|
"$value": "{base.color.pink.9}",
|
|
796
|
-
"$type": "color"
|
|
1343
|
+
"$type": "color",
|
|
1344
|
+
"$extensions": {
|
|
1345
|
+
"org.primer.figma": {
|
|
1346
|
+
"collection": "mode",
|
|
1347
|
+
"group": "semantic",
|
|
1348
|
+
"scopes": ["bgColor"],
|
|
1349
|
+
"codeSyntax": {
|
|
1350
|
+
"web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */"
|
|
1351
|
+
}
|
|
1352
|
+
},
|
|
1353
|
+
"org.primer.overrides": {
|
|
1354
|
+
"dark-high-contrast": "{base.color.pink.9}"
|
|
1355
|
+
}
|
|
1356
|
+
}
|
|
797
1357
|
},
|
|
798
1358
|
"name": "bgColor-sponsors-emphasis",
|
|
799
1359
|
"attributes": {},
|
|
@@ -811,11 +1371,27 @@
|
|
|
811
1371
|
"codeSyntax": {
|
|
812
1372
|
"web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
|
|
813
1373
|
}
|
|
1374
|
+
},
|
|
1375
|
+
"org.primer.overrides": {
|
|
1376
|
+
"dark": {
|
|
1377
|
+
"$value": "#f87cbd",
|
|
1378
|
+
"alpha": 0.1,
|
|
1379
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1380
|
+
"isSource": true,
|
|
1381
|
+
"$type": "color"
|
|
1382
|
+
},
|
|
1383
|
+
"dark-tritanopia": {
|
|
1384
|
+
"$value": "#db61a2",
|
|
1385
|
+
"alpha": 0.1,
|
|
1386
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1387
|
+
"isSource": true,
|
|
1388
|
+
"$type": "color"
|
|
1389
|
+
}
|
|
814
1390
|
}
|
|
815
1391
|
},
|
|
816
|
-
"
|
|
817
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
1392
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
818
1393
|
"isSource": true,
|
|
1394
|
+
"alpha": 0.1,
|
|
819
1395
|
"original": {
|
|
820
1396
|
"$value": "{base.color.pink.4}",
|
|
821
1397
|
"$type": "color",
|
|
@@ -827,6 +1403,22 @@
|
|
|
827
1403
|
"codeSyntax": {
|
|
828
1404
|
"web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
|
|
829
1405
|
}
|
|
1406
|
+
},
|
|
1407
|
+
"org.primer.overrides": {
|
|
1408
|
+
"dark": {
|
|
1409
|
+
"$value": "{base.color.pink.4}",
|
|
1410
|
+
"alpha": 0.1,
|
|
1411
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1412
|
+
"isSource": true,
|
|
1413
|
+
"$type": "color"
|
|
1414
|
+
},
|
|
1415
|
+
"dark-tritanopia": {
|
|
1416
|
+
"$value": "#db61a2",
|
|
1417
|
+
"alpha": 0.1,
|
|
1418
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1419
|
+
"isSource": true,
|
|
1420
|
+
"$type": "color"
|
|
1421
|
+
}
|
|
830
1422
|
}
|
|
831
1423
|
},
|
|
832
1424
|
"alpha": 0.1
|
|
@@ -839,11 +1431,49 @@
|
|
|
839
1431
|
"bgColor-success-emphasis": {
|
|
840
1432
|
"$value": "#006222",
|
|
841
1433
|
"$type": "color",
|
|
842
|
-
"
|
|
1434
|
+
"$extensions": {
|
|
1435
|
+
"org.primer.figma": {
|
|
1436
|
+
"collection": "mode",
|
|
1437
|
+
"group": "semantic",
|
|
1438
|
+
"scopes": ["bgColor"],
|
|
1439
|
+
"codeSyntax": {
|
|
1440
|
+
"web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
|
|
1441
|
+
}
|
|
1442
|
+
},
|
|
1443
|
+
"org.primer.overrides": {
|
|
1444
|
+
"dark": "#09b43a",
|
|
1445
|
+
"light-tritanopia": "#409eff",
|
|
1446
|
+
"dark-tritanopia": "#409eff",
|
|
1447
|
+
"light-protanopia-deuteranopia": "#409eff",
|
|
1448
|
+
"dark-protanopia-deuteranopia": "#409eff",
|
|
1449
|
+
"light-high-contrast": "#09b43a",
|
|
1450
|
+
"dark-high-contrast": "#006222"
|
|
1451
|
+
}
|
|
1452
|
+
},
|
|
1453
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
843
1454
|
"isSource": true,
|
|
844
1455
|
"original": {
|
|
845
1456
|
"$value": "{base.color.green.9}",
|
|
846
|
-
"$type": "color"
|
|
1457
|
+
"$type": "color",
|
|
1458
|
+
"$extensions": {
|
|
1459
|
+
"org.primer.figma": {
|
|
1460
|
+
"collection": "mode",
|
|
1461
|
+
"group": "semantic",
|
|
1462
|
+
"scopes": ["bgColor"],
|
|
1463
|
+
"codeSyntax": {
|
|
1464
|
+
"web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
|
|
1465
|
+
}
|
|
1466
|
+
},
|
|
1467
|
+
"org.primer.overrides": {
|
|
1468
|
+
"dark": "{base.color.green.5}",
|
|
1469
|
+
"light-tritanopia": "{base.color.blue.5}",
|
|
1470
|
+
"dark-tritanopia": "{base.color.blue.5}",
|
|
1471
|
+
"light-protanopia-deuteranopia": "{base.color.blue.5}",
|
|
1472
|
+
"dark-protanopia-deuteranopia": "{base.color.blue.5}",
|
|
1473
|
+
"light-high-contrast": "{base.color.green.5}",
|
|
1474
|
+
"dark-high-contrast": "{base.color.green.9}"
|
|
1475
|
+
}
|
|
1476
|
+
}
|
|
847
1477
|
},
|
|
848
1478
|
"name": "bgColor-success-emphasis",
|
|
849
1479
|
"attributes": {},
|
|
@@ -861,11 +1491,36 @@
|
|
|
861
1491
|
"codeSyntax": {
|
|
862
1492
|
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
863
1493
|
}
|
|
1494
|
+
},
|
|
1495
|
+
"org.primer.overrides": {
|
|
1496
|
+
"dark": {
|
|
1497
|
+
"$value": "#0ac740",
|
|
1498
|
+
"alpha": 0.15,
|
|
1499
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1500
|
+
"isSource": true,
|
|
1501
|
+
"$type": "color"
|
|
1502
|
+
},
|
|
1503
|
+
"light-tritanopia": "#caeaff",
|
|
1504
|
+
"dark-tritanopia": {
|
|
1505
|
+
"$value": "#5cacff",
|
|
1506
|
+
"alpha": 0.15,
|
|
1507
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1508
|
+
"isSource": true,
|
|
1509
|
+
"$type": "color"
|
|
1510
|
+
},
|
|
1511
|
+
"light-protanopia-deuteranopia": "#caeaff",
|
|
1512
|
+
"dark-protanopia-deuteranopia": {
|
|
1513
|
+
"$value": "#5cacff",
|
|
1514
|
+
"alpha": 0.2,
|
|
1515
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1516
|
+
"isSource": true,
|
|
1517
|
+
"$type": "color"
|
|
1518
|
+
}
|
|
864
1519
|
}
|
|
865
1520
|
},
|
|
866
|
-
"
|
|
867
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
1521
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
868
1522
|
"isSource": true,
|
|
1523
|
+
"alpha": 0.15,
|
|
869
1524
|
"original": {
|
|
870
1525
|
"$value": "{base.color.green.4}",
|
|
871
1526
|
"$type": "color",
|
|
@@ -877,6 +1532,31 @@
|
|
|
877
1532
|
"codeSyntax": {
|
|
878
1533
|
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
879
1534
|
}
|
|
1535
|
+
},
|
|
1536
|
+
"org.primer.overrides": {
|
|
1537
|
+
"dark": {
|
|
1538
|
+
"$value": "{base.color.green.4}",
|
|
1539
|
+
"alpha": 0.15,
|
|
1540
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1541
|
+
"isSource": true,
|
|
1542
|
+
"$type": "color"
|
|
1543
|
+
},
|
|
1544
|
+
"light-tritanopia": "{base.color.blue.0}",
|
|
1545
|
+
"dark-tritanopia": {
|
|
1546
|
+
"$value": "{base.color.blue.4}",
|
|
1547
|
+
"alpha": 0.15,
|
|
1548
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1549
|
+
"isSource": true,
|
|
1550
|
+
"$type": "color"
|
|
1551
|
+
},
|
|
1552
|
+
"light-protanopia-deuteranopia": "{base.color.blue.0}",
|
|
1553
|
+
"dark-protanopia-deuteranopia": {
|
|
1554
|
+
"$value": "{base.color.blue.4}",
|
|
1555
|
+
"alpha": 0.2,
|
|
1556
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1557
|
+
"isSource": true,
|
|
1558
|
+
"$type": "color"
|
|
1559
|
+
}
|
|
880
1560
|
}
|
|
881
1561
|
},
|
|
882
1562
|
"alpha": 0.15
|
|
@@ -899,7 +1579,7 @@
|
|
|
899
1579
|
}
|
|
900
1580
|
}
|
|
901
1581
|
},
|
|
902
|
-
"filePath": "src/tokens/functional/color/
|
|
1582
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
903
1583
|
"isSource": true,
|
|
904
1584
|
"original": {
|
|
905
1585
|
"$value": "{base.color.transparent}",
|
|
@@ -933,7 +1613,7 @@
|
|
|
933
1613
|
}
|
|
934
1614
|
}
|
|
935
1615
|
},
|
|
936
|
-
"filePath": "src/tokens/functional/color/
|
|
1616
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
937
1617
|
"isSource": true,
|
|
938
1618
|
"original": {
|
|
939
1619
|
"$value": "{bgColor.done.emphasis}",
|
|
@@ -967,8 +1647,7 @@
|
|
|
967
1647
|
}
|
|
968
1648
|
}
|
|
969
1649
|
},
|
|
970
|
-
"
|
|
971
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
1650
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
972
1651
|
"isSource": true,
|
|
973
1652
|
"original": {
|
|
974
1653
|
"$value": "{bgColor.done.muted}",
|
|
@@ -982,8 +1661,7 @@
|
|
|
982
1661
|
"web": "var(--bgColor-upsell-muted)"
|
|
983
1662
|
}
|
|
984
1663
|
}
|
|
985
|
-
}
|
|
986
|
-
"alpha": 0.15
|
|
1664
|
+
}
|
|
987
1665
|
},
|
|
988
1666
|
"name": "bgColor-upsell-muted",
|
|
989
1667
|
"attributes": {},
|
|
@@ -998,9 +1676,12 @@
|
|
|
998
1676
|
"collection": "mode",
|
|
999
1677
|
"group": "semantic",
|
|
1000
1678
|
"scopes": ["bgColor"]
|
|
1679
|
+
},
|
|
1680
|
+
"org.primer.overrides": {
|
|
1681
|
+
"dark": "#ffffff"
|
|
1001
1682
|
}
|
|
1002
1683
|
},
|
|
1003
|
-
"filePath": "src/tokens/functional/color/
|
|
1684
|
+
"filePath": "src/tokens/functional/color/bgColor.json5",
|
|
1004
1685
|
"isSource": true,
|
|
1005
1686
|
"original": {
|
|
1006
1687
|
"$value": "{base.color.neutral.13}",
|
|
@@ -1010,6 +1691,9 @@
|
|
|
1010
1691
|
"collection": "mode",
|
|
1011
1692
|
"group": "semantic",
|
|
1012
1693
|
"scopes": ["bgColor"]
|
|
1694
|
+
},
|
|
1695
|
+
"org.primer.overrides": {
|
|
1696
|
+
"dark": "{base.color.neutral.13}"
|
|
1013
1697
|
}
|
|
1014
1698
|
}
|
|
1015
1699
|
},
|
|
@@ -1769,6 +2453,13 @@
|
|
|
1769
2453
|
"isSource": true,
|
|
1770
2454
|
"$type": "color"
|
|
1771
2455
|
},
|
|
2456
|
+
"dark-protanopia-deuteranopia": {
|
|
2457
|
+
"$value": "#b7bdc8",
|
|
2458
|
+
"alpha": 0.4,
|
|
2459
|
+
"filePath": "src/tokens/functional/color/borderColor.json5",
|
|
2460
|
+
"isSource": true,
|
|
2461
|
+
"$type": "color"
|
|
2462
|
+
},
|
|
1772
2463
|
"light-protanopia-deuteranopia": {
|
|
1773
2464
|
"$value": "#b7bdc8",
|
|
1774
2465
|
"alpha": 0.4,
|
|
@@ -1807,6 +2498,13 @@
|
|
|
1807
2498
|
"isSource": true,
|
|
1808
2499
|
"$type": "color"
|
|
1809
2500
|
},
|
|
2501
|
+
"dark-protanopia-deuteranopia": {
|
|
2502
|
+
"$value": "{borderColor.default}",
|
|
2503
|
+
"alpha": 0.4,
|
|
2504
|
+
"filePath": "src/tokens/functional/color/borderColor.json5",
|
|
2505
|
+
"isSource": true,
|
|
2506
|
+
"$type": "color"
|
|
2507
|
+
},
|
|
1810
2508
|
"light-protanopia-deuteranopia": {
|
|
1811
2509
|
"$value": "{borderColor.default}",
|
|
1812
2510
|
"alpha": 0.4,
|
|
@@ -2404,7 +3102,9 @@
|
|
|
2404
3102
|
},
|
|
2405
3103
|
"org.primer.overrides": {
|
|
2406
3104
|
"dark-tritanopia": "#ff6a69",
|
|
2407
|
-
"light-tritanopia": "#ff6a69"
|
|
3105
|
+
"light-tritanopia": "#ff6a69",
|
|
3106
|
+
"dark-protanopia-deuteranopia": "#e7811d",
|
|
3107
|
+
"light-protanopia-deuteranopia": "#e7811d"
|
|
2408
3108
|
}
|
|
2409
3109
|
},
|
|
2410
3110
|
"filePath": "src/tokens/functional/color/borderColor.json5",
|
|
@@ -2423,7 +3123,9 @@
|
|
|
2423
3123
|
},
|
|
2424
3124
|
"org.primer.overrides": {
|
|
2425
3125
|
"dark-tritanopia": "{base.color.red.5}",
|
|
2426
|
-
"light-tritanopia": "{base.color.red.5}"
|
|
3126
|
+
"light-tritanopia": "{base.color.red.5}",
|
|
3127
|
+
"dark-protanopia-deuteranopia": "{base.color.orange.5}",
|
|
3128
|
+
"light-protanopia-deuteranopia": "{base.color.orange.5}"
|
|
2427
3129
|
}
|
|
2428
3130
|
}
|
|
2429
3131
|
},
|
|
@@ -2458,6 +3160,20 @@
|
|
|
2458
3160
|
"filePath": "src/tokens/functional/color/borderColor.json5",
|
|
2459
3161
|
"isSource": true,
|
|
2460
3162
|
"$type": "color"
|
|
3163
|
+
},
|
|
3164
|
+
"dark-protanopia-deuteranopia": {
|
|
3165
|
+
"$value": "#f48b25",
|
|
3166
|
+
"alpha": 0.4,
|
|
3167
|
+
"filePath": "src/tokens/functional/color/borderColor.json5",
|
|
3168
|
+
"isSource": true,
|
|
3169
|
+
"$type": "color"
|
|
3170
|
+
},
|
|
3171
|
+
"light-protanopia-deuteranopia": {
|
|
3172
|
+
"$value": "#fe9a2d",
|
|
3173
|
+
"alpha": 0.4,
|
|
3174
|
+
"filePath": "src/tokens/functional/color/borderColor.json5",
|
|
3175
|
+
"isSource": true,
|
|
3176
|
+
"$type": "color"
|
|
2461
3177
|
}
|
|
2462
3178
|
}
|
|
2463
3179
|
},
|
|
@@ -2489,6 +3205,20 @@
|
|
|
2489
3205
|
"filePath": "src/tokens/functional/color/borderColor.json5",
|
|
2490
3206
|
"isSource": true,
|
|
2491
3207
|
"$type": "color"
|
|
3208
|
+
},
|
|
3209
|
+
"dark-protanopia-deuteranopia": {
|
|
3210
|
+
"$value": "{base.color.orange.4}",
|
|
3211
|
+
"alpha": 0.4,
|
|
3212
|
+
"filePath": "src/tokens/functional/color/borderColor.json5",
|
|
3213
|
+
"isSource": true,
|
|
3214
|
+
"$type": "color"
|
|
3215
|
+
},
|
|
3216
|
+
"light-protanopia-deuteranopia": {
|
|
3217
|
+
"$value": "{base.color.orange.3}",
|
|
3218
|
+
"alpha": 0.4,
|
|
3219
|
+
"filePath": "src/tokens/functional/color/borderColor.json5",
|
|
3220
|
+
"isSource": true,
|
|
3221
|
+
"$type": "color"
|
|
2492
3222
|
}
|
|
2493
3223
|
}
|
|
2494
3224
|
}
|
|
@@ -11429,11 +12159,43 @@
|
|
|
11429
12159
|
"fgColor-accent": {
|
|
11430
12160
|
"$value": "#74b9ff",
|
|
11431
12161
|
"$type": "color",
|
|
11432
|
-
"
|
|
12162
|
+
"$extensions": {
|
|
12163
|
+
"org.primer.figma": {
|
|
12164
|
+
"collection": "mode",
|
|
12165
|
+
"group": "semantic",
|
|
12166
|
+
"scopes": ["fgColor"],
|
|
12167
|
+
"codeSyntax": {
|
|
12168
|
+
"web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
|
|
12169
|
+
}
|
|
12170
|
+
},
|
|
12171
|
+
"org.primer.overrides": {
|
|
12172
|
+
"dark": "#4493F8",
|
|
12173
|
+
"dark-dimmed": "#478be6",
|
|
12174
|
+
"dark-high-contrast": "#74B9FF",
|
|
12175
|
+
"light-high-contrast": "#318bf8"
|
|
12176
|
+
}
|
|
12177
|
+
},
|
|
12178
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11433
12179
|
"isSource": true,
|
|
11434
12180
|
"original": {
|
|
11435
12181
|
"$value": "#74B9FF",
|
|
11436
|
-
"$type": "color"
|
|
12182
|
+
"$type": "color",
|
|
12183
|
+
"$extensions": {
|
|
12184
|
+
"org.primer.figma": {
|
|
12185
|
+
"collection": "mode",
|
|
12186
|
+
"group": "semantic",
|
|
12187
|
+
"scopes": ["fgColor"],
|
|
12188
|
+
"codeSyntax": {
|
|
12189
|
+
"web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
|
|
12190
|
+
}
|
|
12191
|
+
},
|
|
12192
|
+
"org.primer.overrides": {
|
|
12193
|
+
"dark": "#4493F8",
|
|
12194
|
+
"dark-dimmed": "#478be6",
|
|
12195
|
+
"dark-high-contrast": "#74B9FF",
|
|
12196
|
+
"light-high-contrast": "{base.color.blue.6}"
|
|
12197
|
+
}
|
|
12198
|
+
}
|
|
11437
12199
|
},
|
|
11438
12200
|
"name": "fgColor-accent",
|
|
11439
12201
|
"attributes": {},
|
|
@@ -11451,9 +12213,13 @@
|
|
|
11451
12213
|
"codeSyntax": {
|
|
11452
12214
|
"web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
|
|
11453
12215
|
}
|
|
12216
|
+
},
|
|
12217
|
+
"org.primer.overrides": {
|
|
12218
|
+
"dark": "#f0b72f",
|
|
12219
|
+
"light-high-contrast": "#c88508"
|
|
11454
12220
|
}
|
|
11455
12221
|
},
|
|
11456
|
-
"filePath": "src/tokens/functional/color/
|
|
12222
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11457
12223
|
"isSource": true,
|
|
11458
12224
|
"original": {
|
|
11459
12225
|
"$value": "{base.color.yellow.3}",
|
|
@@ -11466,6 +12232,10 @@
|
|
|
11466
12232
|
"codeSyntax": {
|
|
11467
12233
|
"web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
|
|
11468
12234
|
}
|
|
12235
|
+
},
|
|
12236
|
+
"org.primer.overrides": {
|
|
12237
|
+
"dark": "{base.color.yellow.3}",
|
|
12238
|
+
"light-high-contrast": "{base.color.yellow.6}"
|
|
11469
12239
|
}
|
|
11470
12240
|
}
|
|
11471
12241
|
},
|
|
@@ -11482,9 +12252,12 @@
|
|
|
11482
12252
|
"collection": "mode",
|
|
11483
12253
|
"group": "semantic",
|
|
11484
12254
|
"scopes": ["fgColor"]
|
|
12255
|
+
},
|
|
12256
|
+
"org.primer.overrides": {
|
|
12257
|
+
"dark": "#010409"
|
|
11485
12258
|
}
|
|
11486
12259
|
},
|
|
11487
|
-
"filePath": "src/tokens/functional/color/
|
|
12260
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11488
12261
|
"isSource": true,
|
|
11489
12262
|
"original": {
|
|
11490
12263
|
"$value": "{base.color.neutral.0}",
|
|
@@ -11494,6 +12267,9 @@
|
|
|
11494
12267
|
"collection": "mode",
|
|
11495
12268
|
"group": "semantic",
|
|
11496
12269
|
"scopes": ["fgColor"]
|
|
12270
|
+
},
|
|
12271
|
+
"org.primer.overrides": {
|
|
12272
|
+
"dark": "{base.color.neutral.0}"
|
|
11497
12273
|
}
|
|
11498
12274
|
}
|
|
11499
12275
|
},
|
|
@@ -11502,8 +12278,102 @@
|
|
|
11502
12278
|
"path": ["fgColor", "black"],
|
|
11503
12279
|
"key": "{fgColor.black}"
|
|
11504
12280
|
},
|
|
11505
|
-
"fgColor-closed": {
|
|
11506
|
-
"$value": "#ff9492",
|
|
12281
|
+
"fgColor-closed": {
|
|
12282
|
+
"$value": "#ff9492",
|
|
12283
|
+
"$type": "color",
|
|
12284
|
+
"$extensions": {
|
|
12285
|
+
"org.primer.figma": {
|
|
12286
|
+
"collection": "mode",
|
|
12287
|
+
"group": "semantic",
|
|
12288
|
+
"scopes": ["fgColor"],
|
|
12289
|
+
"codeSyntax": {
|
|
12290
|
+
"web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
|
|
12291
|
+
}
|
|
12292
|
+
},
|
|
12293
|
+
"org.primer.overrides": {
|
|
12294
|
+
"dark-protanopia-deuteranopia": "#b7bdc8",
|
|
12295
|
+
"light-protanopia-deuteranopia": "#b7bdc8",
|
|
12296
|
+
"dark-tritanopia": "#b7bdc8",
|
|
12297
|
+
"light-tritanopia": "#b7bdc8"
|
|
12298
|
+
}
|
|
12299
|
+
},
|
|
12300
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
12301
|
+
"isSource": true,
|
|
12302
|
+
"original": {
|
|
12303
|
+
"$value": "{fgColor.danger}",
|
|
12304
|
+
"$type": "color",
|
|
12305
|
+
"$extensions": {
|
|
12306
|
+
"org.primer.figma": {
|
|
12307
|
+
"collection": "mode",
|
|
12308
|
+
"group": "semantic",
|
|
12309
|
+
"scopes": ["fgColor"],
|
|
12310
|
+
"codeSyntax": {
|
|
12311
|
+
"web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
|
|
12312
|
+
}
|
|
12313
|
+
},
|
|
12314
|
+
"org.primer.overrides": {
|
|
12315
|
+
"dark-protanopia-deuteranopia": "{fgColor.muted}",
|
|
12316
|
+
"light-protanopia-deuteranopia": "{fgColor.muted}",
|
|
12317
|
+
"dark-tritanopia": "{fgColor.muted}",
|
|
12318
|
+
"light-tritanopia": "{fgColor.muted}"
|
|
12319
|
+
}
|
|
12320
|
+
}
|
|
12321
|
+
},
|
|
12322
|
+
"name": "fgColor-closed",
|
|
12323
|
+
"attributes": {},
|
|
12324
|
+
"path": ["fgColor", "closed"],
|
|
12325
|
+
"key": "{fgColor.closed}"
|
|
12326
|
+
},
|
|
12327
|
+
"fgColor-danger": {
|
|
12328
|
+
"$value": "#ff9492",
|
|
12329
|
+
"$type": "color",
|
|
12330
|
+
"$extensions": {
|
|
12331
|
+
"org.primer.figma": {
|
|
12332
|
+
"collection": "mode",
|
|
12333
|
+
"group": "semantic",
|
|
12334
|
+
"scopes": ["fgColor"],
|
|
12335
|
+
"codeSyntax": {
|
|
12336
|
+
"web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
|
|
12337
|
+
}
|
|
12338
|
+
},
|
|
12339
|
+
"org.primer.overrides": {
|
|
12340
|
+
"dark": "#ff8080",
|
|
12341
|
+
"dark-protanopia-deuteranopia": "#fe9a2d",
|
|
12342
|
+
"light-protanopia-deuteranopia": "#e7811d",
|
|
12343
|
+
"dark-high-contrast": "#ff9492",
|
|
12344
|
+
"light-high-contrast": "#ff4445"
|
|
12345
|
+
}
|
|
12346
|
+
},
|
|
12347
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
12348
|
+
"isSource": true,
|
|
12349
|
+
"original": {
|
|
12350
|
+
"$value": "{base.color.red.3}",
|
|
12351
|
+
"$type": "color",
|
|
12352
|
+
"$extensions": {
|
|
12353
|
+
"org.primer.figma": {
|
|
12354
|
+
"collection": "mode",
|
|
12355
|
+
"group": "semantic",
|
|
12356
|
+
"scopes": ["fgColor"],
|
|
12357
|
+
"codeSyntax": {
|
|
12358
|
+
"web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
|
|
12359
|
+
}
|
|
12360
|
+
},
|
|
12361
|
+
"org.primer.overrides": {
|
|
12362
|
+
"dark": "{base.color.red.4}",
|
|
12363
|
+
"dark-protanopia-deuteranopia": "{base.color.orange.3}",
|
|
12364
|
+
"light-protanopia-deuteranopia": "{base.color.orange.5}",
|
|
12365
|
+
"dark-high-contrast": "{base.color.red.3}",
|
|
12366
|
+
"light-high-contrast": "{base.color.red.6}"
|
|
12367
|
+
}
|
|
12368
|
+
}
|
|
12369
|
+
},
|
|
12370
|
+
"name": "fgColor-danger",
|
|
12371
|
+
"attributes": {},
|
|
12372
|
+
"path": ["fgColor", "danger"],
|
|
12373
|
+
"key": "{fgColor.danger}"
|
|
12374
|
+
},
|
|
12375
|
+
"fgColor-default": {
|
|
12376
|
+
"$value": "#ffffff",
|
|
11507
12377
|
"$type": "color",
|
|
11508
12378
|
"$extensions": {
|
|
11509
12379
|
"org.primer.figma": {
|
|
@@ -11511,14 +12381,19 @@
|
|
|
11511
12381
|
"group": "semantic",
|
|
11512
12382
|
"scopes": ["fgColor"],
|
|
11513
12383
|
"codeSyntax": {
|
|
11514
|
-
"web": "var(--fgColor-
|
|
12384
|
+
"web": "var(--fgColor-default) /* utility class: .color-fg-default */"
|
|
11515
12385
|
}
|
|
12386
|
+
},
|
|
12387
|
+
"org.primer.overrides": {
|
|
12388
|
+
"dark": "#f0f6fc",
|
|
12389
|
+
"dark-high-contrast": "#ffffff",
|
|
12390
|
+
"dark-dimmed": "#d1d7e0"
|
|
11516
12391
|
}
|
|
11517
12392
|
},
|
|
11518
|
-
"filePath": "src/tokens/functional/color/
|
|
12393
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11519
12394
|
"isSource": true,
|
|
11520
12395
|
"original": {
|
|
11521
|
-
"$value": "{
|
|
12396
|
+
"$value": "{base.color.neutral.13}",
|
|
11522
12397
|
"$type": "color",
|
|
11523
12398
|
"$extensions": {
|
|
11524
12399
|
"org.primer.figma": {
|
|
@@ -11526,39 +12401,16 @@
|
|
|
11526
12401
|
"group": "semantic",
|
|
11527
12402
|
"scopes": ["fgColor"],
|
|
11528
12403
|
"codeSyntax": {
|
|
11529
|
-
"web": "var(--fgColor-
|
|
12404
|
+
"web": "var(--fgColor-default) /* utility class: .color-fg-default */"
|
|
11530
12405
|
}
|
|
12406
|
+
},
|
|
12407
|
+
"org.primer.overrides": {
|
|
12408
|
+
"dark": "{base.color.neutral.12}",
|
|
12409
|
+
"dark-high-contrast": "{base.color.neutral.13}",
|
|
12410
|
+
"dark-dimmed": "{base.color.neutral.11}"
|
|
11531
12411
|
}
|
|
11532
12412
|
}
|
|
11533
12413
|
},
|
|
11534
|
-
"name": "fgColor-closed",
|
|
11535
|
-
"attributes": {},
|
|
11536
|
-
"path": ["fgColor", "closed"],
|
|
11537
|
-
"key": "{fgColor.closed}"
|
|
11538
|
-
},
|
|
11539
|
-
"fgColor-danger": {
|
|
11540
|
-
"$value": "#ff9492",
|
|
11541
|
-
"$type": "color",
|
|
11542
|
-
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
11543
|
-
"isSource": true,
|
|
11544
|
-
"original": {
|
|
11545
|
-
"$value": "{base.color.red.3}",
|
|
11546
|
-
"$type": "color"
|
|
11547
|
-
},
|
|
11548
|
-
"name": "fgColor-danger",
|
|
11549
|
-
"attributes": {},
|
|
11550
|
-
"path": ["fgColor", "danger"],
|
|
11551
|
-
"key": "{fgColor.danger}"
|
|
11552
|
-
},
|
|
11553
|
-
"fgColor-default": {
|
|
11554
|
-
"$value": "#ffffff",
|
|
11555
|
-
"$type": "color",
|
|
11556
|
-
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
11557
|
-
"isSource": true,
|
|
11558
|
-
"original": {
|
|
11559
|
-
"$value": "{base.color.neutral.13}",
|
|
11560
|
-
"$type": "color"
|
|
11561
|
-
},
|
|
11562
12414
|
"name": "fgColor-default",
|
|
11563
12415
|
"attributes": {},
|
|
11564
12416
|
"path": ["fgColor", "default"],
|
|
@@ -11567,11 +12419,49 @@
|
|
|
11567
12419
|
"fgColor-disabled": {
|
|
11568
12420
|
"$value": "#656c76",
|
|
11569
12421
|
"$type": "color",
|
|
11570
|
-
"
|
|
12422
|
+
"$extensions": {
|
|
12423
|
+
"org.primer.figma": {
|
|
12424
|
+
"collection": "mode",
|
|
12425
|
+
"group": "semantic",
|
|
12426
|
+
"scopes": ["fgColor"]
|
|
12427
|
+
},
|
|
12428
|
+
"org.primer.overrides": {
|
|
12429
|
+
"dark": {
|
|
12430
|
+
"$value": "#656c76",
|
|
12431
|
+
"alpha": 0.6,
|
|
12432
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
12433
|
+
"isSource": true,
|
|
12434
|
+
"$type": "color"
|
|
12435
|
+
},
|
|
12436
|
+
"dark-dimmed": "#656c76",
|
|
12437
|
+
"light-high-contrast": "#9198a1",
|
|
12438
|
+
"dark-high-contrast": "#656c76"
|
|
12439
|
+
}
|
|
12440
|
+
},
|
|
12441
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11571
12442
|
"isSource": true,
|
|
11572
12443
|
"original": {
|
|
11573
12444
|
"$value": "{base.color.neutral.8}",
|
|
11574
|
-
"$type": "color"
|
|
12445
|
+
"$type": "color",
|
|
12446
|
+
"$extensions": {
|
|
12447
|
+
"org.primer.figma": {
|
|
12448
|
+
"collection": "mode",
|
|
12449
|
+
"group": "semantic",
|
|
12450
|
+
"scopes": ["fgColor"]
|
|
12451
|
+
},
|
|
12452
|
+
"org.primer.overrides": {
|
|
12453
|
+
"dark": {
|
|
12454
|
+
"$value": "{base.color.neutral.8}",
|
|
12455
|
+
"alpha": 0.6,
|
|
12456
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
12457
|
+
"isSource": true,
|
|
12458
|
+
"$type": "color"
|
|
12459
|
+
},
|
|
12460
|
+
"dark-dimmed": "{base.color.neutral.8}",
|
|
12461
|
+
"light-high-contrast": "{base.color.neutral.9}",
|
|
12462
|
+
"dark-high-contrast": "{base.color.neutral.8}"
|
|
12463
|
+
}
|
|
12464
|
+
}
|
|
11575
12465
|
},
|
|
11576
12466
|
"name": "fgColor-disabled",
|
|
11577
12467
|
"attributes": {},
|
|
@@ -11581,11 +12471,41 @@
|
|
|
11581
12471
|
"fgColor-done": {
|
|
11582
12472
|
"$value": "#d3abff",
|
|
11583
12473
|
"$type": "color",
|
|
11584
|
-
"
|
|
12474
|
+
"$extensions": {
|
|
12475
|
+
"org.primer.figma": {
|
|
12476
|
+
"collection": "mode",
|
|
12477
|
+
"group": "semantic",
|
|
12478
|
+
"scopes": ["fgColor"],
|
|
12479
|
+
"codeSyntax": {
|
|
12480
|
+
"web": "var(--fgColor-done) /* utility class: .color-fg-done */"
|
|
12481
|
+
}
|
|
12482
|
+
},
|
|
12483
|
+
"org.primer.overrides": {
|
|
12484
|
+
"dark": "#bf8fff",
|
|
12485
|
+
"dark-high-contrast": "#D3ABFF",
|
|
12486
|
+
"light-high-contrast": "#a66bff"
|
|
12487
|
+
}
|
|
12488
|
+
},
|
|
12489
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11585
12490
|
"isSource": true,
|
|
11586
12491
|
"original": {
|
|
11587
12492
|
"$value": "#D3ABFF",
|
|
11588
|
-
"$type": "color"
|
|
12493
|
+
"$type": "color",
|
|
12494
|
+
"$extensions": {
|
|
12495
|
+
"org.primer.figma": {
|
|
12496
|
+
"collection": "mode",
|
|
12497
|
+
"group": "semantic",
|
|
12498
|
+
"scopes": ["fgColor"],
|
|
12499
|
+
"codeSyntax": {
|
|
12500
|
+
"web": "var(--fgColor-done) /* utility class: .color-fg-done */"
|
|
12501
|
+
}
|
|
12502
|
+
},
|
|
12503
|
+
"org.primer.overrides": {
|
|
12504
|
+
"dark": "{base.color.purple.4}",
|
|
12505
|
+
"dark-high-contrast": "#D3ABFF",
|
|
12506
|
+
"light-high-contrast": "{base.color.purple.6}"
|
|
12507
|
+
}
|
|
12508
|
+
}
|
|
11589
12509
|
},
|
|
11590
12510
|
"name": "fgColor-done",
|
|
11591
12511
|
"attributes": {},
|
|
@@ -11605,7 +12525,7 @@
|
|
|
11605
12525
|
}
|
|
11606
12526
|
}
|
|
11607
12527
|
},
|
|
11608
|
-
"filePath": "src/tokens/functional/color/
|
|
12528
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11609
12529
|
"isSource": true,
|
|
11610
12530
|
"original": {
|
|
11611
12531
|
"$value": "{fgColor.accent}",
|
|
@@ -11629,11 +12549,39 @@
|
|
|
11629
12549
|
"fgColor-muted": {
|
|
11630
12550
|
"$value": "#b7bdc8",
|
|
11631
12551
|
"$type": "color",
|
|
11632
|
-
"
|
|
12552
|
+
"$extensions": {
|
|
12553
|
+
"org.primer.figma": {
|
|
12554
|
+
"collection": "mode",
|
|
12555
|
+
"group": "semantic",
|
|
12556
|
+
"scopes": ["fgColor"],
|
|
12557
|
+
"codeSyntax": {
|
|
12558
|
+
"web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
|
|
12559
|
+
}
|
|
12560
|
+
},
|
|
12561
|
+
"org.primer.overrides": {
|
|
12562
|
+
"light-high-contrast": "#b7bdc8",
|
|
12563
|
+
"dark-high-contrast": "#b7bdc8"
|
|
12564
|
+
}
|
|
12565
|
+
},
|
|
12566
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11633
12567
|
"isSource": true,
|
|
11634
12568
|
"original": {
|
|
11635
12569
|
"$value": "{base.color.neutral.10}",
|
|
11636
|
-
"$type": "color"
|
|
12570
|
+
"$type": "color",
|
|
12571
|
+
"$extensions": {
|
|
12572
|
+
"org.primer.figma": {
|
|
12573
|
+
"collection": "mode",
|
|
12574
|
+
"group": "semantic",
|
|
12575
|
+
"scopes": ["fgColor"],
|
|
12576
|
+
"codeSyntax": {
|
|
12577
|
+
"web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
|
|
12578
|
+
}
|
|
12579
|
+
},
|
|
12580
|
+
"org.primer.overrides": {
|
|
12581
|
+
"light-high-contrast": "{base.color.neutral.10}",
|
|
12582
|
+
"dark-high-contrast": "{base.color.neutral.10}"
|
|
12583
|
+
}
|
|
12584
|
+
}
|
|
11637
12585
|
},
|
|
11638
12586
|
"name": "fgColor-muted",
|
|
11639
12587
|
"attributes": {},
|
|
@@ -11643,11 +12591,33 @@
|
|
|
11643
12591
|
"fgColor-neutral": {
|
|
11644
12592
|
"$value": "#d1d7e0",
|
|
11645
12593
|
"$type": "color",
|
|
11646
|
-
"
|
|
12594
|
+
"$extensions": {
|
|
12595
|
+
"org.primer.figma": {
|
|
12596
|
+
"collection": "mode",
|
|
12597
|
+
"group": "semantic",
|
|
12598
|
+
"scopes": ["fgColor"]
|
|
12599
|
+
},
|
|
12600
|
+
"org.primer.overrides": {
|
|
12601
|
+
"light-high-contrast": "#d1d7e0",
|
|
12602
|
+
"dark-high-contrast": "#d1d7e0"
|
|
12603
|
+
}
|
|
12604
|
+
},
|
|
12605
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11647
12606
|
"isSource": true,
|
|
11648
12607
|
"original": {
|
|
11649
12608
|
"$value": "{base.color.neutral.11}",
|
|
11650
|
-
"$type": "color"
|
|
12609
|
+
"$type": "color",
|
|
12610
|
+
"$extensions": {
|
|
12611
|
+
"org.primer.figma": {
|
|
12612
|
+
"collection": "mode",
|
|
12613
|
+
"group": "semantic",
|
|
12614
|
+
"scopes": ["fgColor"]
|
|
12615
|
+
},
|
|
12616
|
+
"org.primer.overrides": {
|
|
12617
|
+
"light-high-contrast": "{base.color.neutral.11}",
|
|
12618
|
+
"dark-high-contrast": "{base.color.neutral.11}"
|
|
12619
|
+
}
|
|
12620
|
+
}
|
|
11651
12621
|
},
|
|
11652
12622
|
"name": "fgColor-neutral",
|
|
11653
12623
|
"attributes": {},
|
|
@@ -11665,9 +12635,13 @@
|
|
|
11665
12635
|
"codeSyntax": {
|
|
11666
12636
|
"web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
|
|
11667
12637
|
}
|
|
12638
|
+
},
|
|
12639
|
+
"org.primer.overrides": {
|
|
12640
|
+
"dark": "#ffffff",
|
|
12641
|
+
"dark-dimmed": "#f0f6fc"
|
|
11668
12642
|
}
|
|
11669
12643
|
},
|
|
11670
|
-
"filePath": "src/tokens/functional/color/
|
|
12644
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11671
12645
|
"isSource": true,
|
|
11672
12646
|
"original": {
|
|
11673
12647
|
"$value": "{base.color.neutral.13}",
|
|
@@ -11680,6 +12654,10 @@
|
|
|
11680
12654
|
"codeSyntax": {
|
|
11681
12655
|
"web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
|
|
11682
12656
|
}
|
|
12657
|
+
},
|
|
12658
|
+
"org.primer.overrides": {
|
|
12659
|
+
"dark": "{base.color.neutral.13}",
|
|
12660
|
+
"dark-dimmed": "{base.color.neutral.12}"
|
|
11683
12661
|
}
|
|
11684
12662
|
}
|
|
11685
12663
|
},
|
|
@@ -11698,7 +12676,7 @@
|
|
|
11698
12676
|
"scopes": ["fgColor"]
|
|
11699
12677
|
}
|
|
11700
12678
|
},
|
|
11701
|
-
"filePath": "src/tokens/functional/color/
|
|
12679
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11702
12680
|
"isSource": true,
|
|
11703
12681
|
"original": {
|
|
11704
12682
|
"$value": "{base.color.neutral.0}",
|
|
@@ -11727,9 +12705,15 @@
|
|
|
11727
12705
|
"codeSyntax": {
|
|
11728
12706
|
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
11729
12707
|
}
|
|
12708
|
+
},
|
|
12709
|
+
"org.primer.overrides": {
|
|
12710
|
+
"dark-protanopia-deuteranopia": "#f48b25",
|
|
12711
|
+
"light-protanopia-deuteranopia": "#e7811d",
|
|
12712
|
+
"dark-tritanopia": "#ff8080",
|
|
12713
|
+
"light-tritanopia": "#ff6a69"
|
|
11730
12714
|
}
|
|
11731
12715
|
},
|
|
11732
|
-
"filePath": "src/tokens/functional/color/
|
|
12716
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11733
12717
|
"isSource": true,
|
|
11734
12718
|
"original": {
|
|
11735
12719
|
"$value": "{fgColor.success}",
|
|
@@ -11742,6 +12726,12 @@
|
|
|
11742
12726
|
"codeSyntax": {
|
|
11743
12727
|
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
11744
12728
|
}
|
|
12729
|
+
},
|
|
12730
|
+
"org.primer.overrides": {
|
|
12731
|
+
"dark-protanopia-deuteranopia": "{base.color.orange.4}",
|
|
12732
|
+
"light-protanopia-deuteranopia": "{base.color.orange.5}",
|
|
12733
|
+
"dark-tritanopia": "{base.color.red.4}",
|
|
12734
|
+
"light-tritanopia": "{base.color.red.5}"
|
|
11745
12735
|
}
|
|
11746
12736
|
}
|
|
11747
12737
|
},
|
|
@@ -11753,11 +12743,45 @@
|
|
|
11753
12743
|
"fgColor-severe": {
|
|
11754
12744
|
"$value": "#fe9a2d",
|
|
11755
12745
|
"$type": "color",
|
|
11756
|
-
"
|
|
12746
|
+
"$extensions": {
|
|
12747
|
+
"org.primer.figma": {
|
|
12748
|
+
"collection": "mode",
|
|
12749
|
+
"group": "semantic",
|
|
12750
|
+
"scopes": ["fgColor"],
|
|
12751
|
+
"codeSyntax": {
|
|
12752
|
+
"web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
|
|
12753
|
+
}
|
|
12754
|
+
},
|
|
12755
|
+
"org.primer.overrides": {
|
|
12756
|
+
"dark": "#f48b25",
|
|
12757
|
+
"dark-high-contrast": "#fe9a2d",
|
|
12758
|
+
"light-high-contrast": "#d57014",
|
|
12759
|
+
"dark-tritanopia": "#ff8080",
|
|
12760
|
+
"light-tritanopia": "#ff6a69"
|
|
12761
|
+
}
|
|
12762
|
+
},
|
|
12763
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11757
12764
|
"isSource": true,
|
|
11758
12765
|
"original": {
|
|
11759
12766
|
"$value": "{base.color.orange.3}",
|
|
11760
|
-
"$type": "color"
|
|
12767
|
+
"$type": "color",
|
|
12768
|
+
"$extensions": {
|
|
12769
|
+
"org.primer.figma": {
|
|
12770
|
+
"collection": "mode",
|
|
12771
|
+
"group": "semantic",
|
|
12772
|
+
"scopes": ["fgColor"],
|
|
12773
|
+
"codeSyntax": {
|
|
12774
|
+
"web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
|
|
12775
|
+
}
|
|
12776
|
+
},
|
|
12777
|
+
"org.primer.overrides": {
|
|
12778
|
+
"dark": "{base.color.orange.4}",
|
|
12779
|
+
"dark-high-contrast": "{base.color.orange.3}",
|
|
12780
|
+
"light-high-contrast": "{base.color.orange.6}",
|
|
12781
|
+
"dark-tritanopia": "{base.color.red.4}",
|
|
12782
|
+
"light-tritanopia": "{base.color.red.5}"
|
|
12783
|
+
}
|
|
12784
|
+
}
|
|
11761
12785
|
},
|
|
11762
12786
|
"name": "fgColor-severe",
|
|
11763
12787
|
"attributes": {},
|
|
@@ -11767,11 +12791,41 @@
|
|
|
11767
12791
|
"fgColor-sponsors": {
|
|
11768
12792
|
"$value": "#ff90c8",
|
|
11769
12793
|
"$type": "color",
|
|
11770
|
-
"
|
|
12794
|
+
"$extensions": {
|
|
12795
|
+
"org.primer.figma": {
|
|
12796
|
+
"collection": "mode",
|
|
12797
|
+
"group": "semantic",
|
|
12798
|
+
"scopes": ["fgColor"],
|
|
12799
|
+
"codeSyntax": {
|
|
12800
|
+
"web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
|
|
12801
|
+
}
|
|
12802
|
+
},
|
|
12803
|
+
"org.primer.overrides": {
|
|
12804
|
+
"dark": "#f87cbd",
|
|
12805
|
+
"dark-high-contrast": "#FF90C8",
|
|
12806
|
+
"light-high-contrast": "#e456a3"
|
|
12807
|
+
}
|
|
12808
|
+
},
|
|
12809
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11771
12810
|
"isSource": true,
|
|
11772
12811
|
"original": {
|
|
11773
12812
|
"$value": "#FF90C8",
|
|
11774
|
-
"$type": "color"
|
|
12813
|
+
"$type": "color",
|
|
12814
|
+
"$extensions": {
|
|
12815
|
+
"org.primer.figma": {
|
|
12816
|
+
"collection": "mode",
|
|
12817
|
+
"group": "semantic",
|
|
12818
|
+
"scopes": ["fgColor"],
|
|
12819
|
+
"codeSyntax": {
|
|
12820
|
+
"web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
|
|
12821
|
+
}
|
|
12822
|
+
},
|
|
12823
|
+
"org.primer.overrides": {
|
|
12824
|
+
"dark": "{base.color.pink.4}",
|
|
12825
|
+
"dark-high-contrast": "#FF90C8",
|
|
12826
|
+
"light-high-contrast": "{base.color.pink.6}"
|
|
12827
|
+
}
|
|
12828
|
+
}
|
|
11775
12829
|
},
|
|
11776
12830
|
"name": "fgColor-sponsors",
|
|
11777
12831
|
"attributes": {},
|
|
@@ -11781,11 +12835,49 @@
|
|
|
11781
12835
|
"fgColor-success": {
|
|
11782
12836
|
"$value": "#2bd853",
|
|
11783
12837
|
"$type": "color",
|
|
11784
|
-
"
|
|
12838
|
+
"$extensions": {
|
|
12839
|
+
"org.primer.figma": {
|
|
12840
|
+
"collection": "mode",
|
|
12841
|
+
"group": "semantic",
|
|
12842
|
+
"scopes": ["fgColor"],
|
|
12843
|
+
"codeSyntax": {
|
|
12844
|
+
"web": "var(--fgColor-success) /* utility class: .color-fg-success */"
|
|
12845
|
+
}
|
|
12846
|
+
},
|
|
12847
|
+
"org.primer.overrides": {
|
|
12848
|
+
"dark": "#28d751",
|
|
12849
|
+
"dark-high-contrast": "#2BD853",
|
|
12850
|
+
"light-high-contrast": "#02a232",
|
|
12851
|
+
"dark-protanopia-deuteranopia": "#71b7ff",
|
|
12852
|
+
"light-protanopia-deuteranopia": "#409eff",
|
|
12853
|
+
"dark-tritanopia": "#71b7ff",
|
|
12854
|
+
"light-tritanopia": "#409eff"
|
|
12855
|
+
}
|
|
12856
|
+
},
|
|
12857
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11785
12858
|
"isSource": true,
|
|
11786
12859
|
"original": {
|
|
11787
12860
|
"$value": "#2BD853",
|
|
11788
|
-
"$type": "color"
|
|
12861
|
+
"$type": "color",
|
|
12862
|
+
"$extensions": {
|
|
12863
|
+
"org.primer.figma": {
|
|
12864
|
+
"collection": "mode",
|
|
12865
|
+
"group": "semantic",
|
|
12866
|
+
"scopes": ["fgColor"],
|
|
12867
|
+
"codeSyntax": {
|
|
12868
|
+
"web": "var(--fgColor-success) /* utility class: .color-fg-success */"
|
|
12869
|
+
}
|
|
12870
|
+
},
|
|
12871
|
+
"org.primer.overrides": {
|
|
12872
|
+
"dark": "{base.color.green.3}",
|
|
12873
|
+
"dark-high-contrast": "#2BD853",
|
|
12874
|
+
"light-high-contrast": "{base.color.green.6}",
|
|
12875
|
+
"dark-protanopia-deuteranopia": "{base.color.blue.3}",
|
|
12876
|
+
"light-protanopia-deuteranopia": "{base.color.blue.5}",
|
|
12877
|
+
"dark-tritanopia": "{base.color.blue.3}",
|
|
12878
|
+
"light-tritanopia": "{base.color.blue.5}"
|
|
12879
|
+
}
|
|
12880
|
+
}
|
|
11789
12881
|
},
|
|
11790
12882
|
"name": "fgColor-success",
|
|
11791
12883
|
"attributes": {},
|
|
@@ -11805,7 +12897,7 @@
|
|
|
11805
12897
|
}
|
|
11806
12898
|
}
|
|
11807
12899
|
},
|
|
11808
|
-
"filePath": "src/tokens/functional/color/
|
|
12900
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11809
12901
|
"isSource": true,
|
|
11810
12902
|
"original": {
|
|
11811
12903
|
"$value": "{fgColor.done}",
|
|
@@ -11834,9 +12926,12 @@
|
|
|
11834
12926
|
"collection": "mode",
|
|
11835
12927
|
"group": "semantic",
|
|
11836
12928
|
"scopes": ["fgColor"]
|
|
12929
|
+
},
|
|
12930
|
+
"org.primer.overrides": {
|
|
12931
|
+
"dark": "#ffffff"
|
|
11837
12932
|
}
|
|
11838
12933
|
},
|
|
11839
|
-
"filePath": "src/tokens/functional/color/
|
|
12934
|
+
"filePath": "src/tokens/functional/color/fgColor.json5",
|
|
11840
12935
|
"isSource": true,
|
|
11841
12936
|
"original": {
|
|
11842
12937
|
"$value": "{base.color.neutral.13}",
|
|
@@ -11846,6 +12941,9 @@
|
|
|
11846
12941
|
"collection": "mode",
|
|
11847
12942
|
"group": "semantic",
|
|
11848
12943
|
"scopes": ["fgColor"]
|
|
12944
|
+
},
|
|
12945
|
+
"org.primer.overrides": {
|
|
12946
|
+
"dark": "{base.color.neutral.13}"
|
|
11849
12947
|
}
|
|
11850
12948
|
}
|
|
11851
12949
|
},
|