@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.
Files changed (45) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +12 -12
  2. package/dist/css/functional/themes/light-colorblind.css +10 -10
  3. package/dist/docs/functional/themes/dark-colorblind.json +1032 -92
  4. package/dist/docs/functional/themes/dark-dimmed.json +786 -70
  5. package/dist/docs/functional/themes/dark-high-contrast.json +1218 -120
  6. package/dist/docs/functional/themes/dark-tritanopia.json +1042 -88
  7. package/dist/docs/functional/themes/dark.json +763 -73
  8. package/dist/docs/functional/themes/light-colorblind.json +993 -75
  9. package/dist/docs/functional/themes/light-high-contrast.json +1082 -78
  10. package/dist/docs/functional/themes/light-tritanopia.json +1001 -65
  11. package/dist/docs/functional/themes/light.json +749 -53
  12. package/dist/figma/scales/dark-high-constrast.json +4 -4
  13. package/dist/figma/themes/dark-colorblind.json +3137 -2904
  14. package/dist/figma/themes/dark-dimmed.json +2955 -2886
  15. package/dist/figma/themes/dark-high-contrast.json +2695 -2299
  16. package/dist/figma/themes/dark-tritanopia.json +3137 -2887
  17. package/dist/figma/themes/dark.json +3172 -3175
  18. package/dist/figma/themes/light-colorblind.json +3139 -2929
  19. package/dist/figma/themes/light-high-contrast.json +2654 -2346
  20. package/dist/figma/themes/light-tritanopia.json +3120 -2892
  21. package/dist/figma/themes/light.json +3125 -3125
  22. package/dist/internalCss/dark-colorblind.css +12 -12
  23. package/dist/internalCss/light-colorblind.css +10 -10
  24. package/dist/styleLint/functional/themes/dark-colorblind.json +1032 -92
  25. package/dist/styleLint/functional/themes/dark-dimmed.json +786 -70
  26. package/dist/styleLint/functional/themes/dark-high-contrast.json +1219 -121
  27. package/dist/styleLint/functional/themes/dark-tritanopia.json +1042 -88
  28. package/dist/styleLint/functional/themes/dark.json +763 -73
  29. package/dist/styleLint/functional/themes/light-colorblind.json +993 -75
  30. package/dist/styleLint/functional/themes/light-high-contrast.json +1082 -78
  31. package/dist/styleLint/functional/themes/light-tritanopia.json +1001 -65
  32. package/dist/styleLint/functional/themes/light.json +749 -53
  33. package/package.json +1 -1
  34. package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -9
  35. package/src/tokens/functional/color/{light/primitives-light.json5 → bgColor.json5} +182 -254
  36. package/src/tokens/functional/color/borderColor.json5 +14 -0
  37. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -19
  38. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -114
  39. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -63
  40. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -71
  41. package/src/tokens/functional/color/fgColor.json5 +342 -0
  42. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -84
  43. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -70
  44. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -60
  45. 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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "alpha": 0.1,
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "alpha": 0.15,
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/dark/primitives-dark.json5",
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/dark/primitives-dark.json5",
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/dark/primitives-dark.json5",
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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/dark/primitives-dark.json5",
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "alpha": 0.15,
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/dark/primitives-dark.json5",
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/dark/primitives-dark.json5",
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/dark/primitives-dark.json5",
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "alpha": 1,
657
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "alpha": 1
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/dark/primitives-dark.json5",
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
- "alpha": 0.15,
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "alpha": 0.1,
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "alpha": 0.1,
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "alpha": 0.15,
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/dark/primitives-dark.json5",
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/dark/primitives-dark.json5",
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
- "alpha": 0.15,
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/dark/primitives-dark.json5",
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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/dark/primitives-dark.json5",
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/dark/primitives-dark.json5",
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-closed) /* utility class: .color-fg-closed */"
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/dark/primitives-dark.json5",
12393
+ "filePath": "src/tokens/functional/color/fgColor.json5",
11519
12394
  "isSource": true,
11520
12395
  "original": {
11521
- "$value": "{fgColor.danger}",
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-closed) /* utility class: .color-fg-closed */"
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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/dark/primitives-dark.json5",
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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/dark/primitives-dark.json5",
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/dark/primitives-dark.json5",
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/dark/primitives-dark.json5",
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
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/dark/primitives-dark.json5",
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/dark/primitives-dark.json5",
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
  },