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