@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
package/dist/internalCss/dark-colorblind.css CHANGED
@@ -329,6 +329,8 @@
329
329
  --bgColor-muted: var(--base-color-neutral-2);
330
330
  --bgColor-neutral-emphasis: var(--base-color-neutral-8);
331
331
  --bgColor-neutral-muted: #656c7633;
332
+ --bgColor-open-emphasis: var(--base-color-orange-5);
333
+ --bgColor-open-muted: #db6d281a;
332
334
  --bgColor-severe-emphasis: var(--base-color-orange-5);
333
335
  --bgColor-severe-muted: #db6d281a;
334
336
  --bgColor-sponsors-emphasis: var(--base-color-pink-5);
@@ -347,6 +349,8 @@
347
349
  --borderColor-done-emphasis: var(--base-color-purple-5);
348
350
  --borderColor-done-muted: #ab7df866;
349
351
  --borderColor-emphasis: var(--base-color-neutral-8);
352
+ --borderColor-open-emphasis: var(--base-color-orange-5);
353
+ --borderColor-open-muted: #db6d2866;
350
354
  --borderColor-severe-emphasis: var(--base-color-orange-5);
351
355
  --borderColor-severe-muted: #db6d2866;
352
356
  --borderColor-sponsors-emphasis: var(--base-color-pink-5);
@@ -584,7 +588,7 @@
584
588
  --fgColor-link: var(--fgColor-accent);
585
589
  --fgColor-muted: var(--base-color-neutral-9);
586
590
  --fgColor-neutral: var(--base-color-neutral-9);
587
- --fgColor-open: var(--base-color-blue-3);
591
+ --fgColor-open: var(--base-color-orange-4);
588
592
  --fgColor-severe: var(--base-color-orange-4);
589
593
  --fgColor-sponsors: var(--base-color-pink-4);
590
594
  --fgColor-success: var(--base-color-blue-3);
@@ -724,8 +728,6 @@
724
728
  --bgColor-closed-muted: #656c761a;
725
729
  --bgColor-inset: var(--base-color-neutral-0);
726
730
  --bgColor-inverse: var(--base-color-neutral-13);
727
- --bgColor-open-emphasis: var(--bgColor-success-emphasis);
728
- --bgColor-open-muted: var(--bgColor-success-muted);
729
731
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
730
732
  --bgColor-upsell-muted: var(--bgColor-done-muted);
731
733
  --bgColor-white: var(--base-color-neutral-13);
@@ -748,11 +750,9 @@
748
750
  --border-success-muted: 0.0625rem solid #388bfd66;
749
751
  --border-transparent: 0.0625rem solid #00000000;
750
752
  --borderColor-closed-emphasis: var(--borderColor-emphasis);
751
- --borderColor-closed-muted: var(--borderColor-danger-muted);
753
+ --borderColor-closed-muted: #3d444d66;
752
754
  --borderColor-muted: #3d444db3;
753
755
  --borderColor-neutral-emphasis: var(--borderColor-emphasis);
754
- --borderColor-open-emphasis: var(--borderColor-success-emphasis);
755
- --borderColor-open-muted: var(--borderColor-success-muted);
756
756
  --borderColor-translucent: #ffffff26;
757
757
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
758
758
  --borderColor-upsell-muted: var(--borderColor-done-muted);
@@ -1239,6 +1239,8 @@
1239
1239
  --bgColor-muted: var(--base-color-neutral-2);
1240
1240
  --bgColor-neutral-emphasis: var(--base-color-neutral-8);
1241
1241
  --bgColor-neutral-muted: #656c7633;
1242
+ --bgColor-open-emphasis: var(--base-color-orange-5);
1243
+ --bgColor-open-muted: #db6d281a;
1242
1244
  --bgColor-severe-emphasis: var(--base-color-orange-5);
1243
1245
  --bgColor-severe-muted: #db6d281a;
1244
1246
  --bgColor-sponsors-emphasis: var(--base-color-pink-5);
@@ -1257,6 +1259,8 @@
1257
1259
  --borderColor-done-emphasis: var(--base-color-purple-5);
1258
1260
  --borderColor-done-muted: #ab7df866;
1259
1261
  --borderColor-emphasis: var(--base-color-neutral-8);
1262
+ --borderColor-open-emphasis: var(--base-color-orange-5);
1263
+ --borderColor-open-muted: #db6d2866;
1260
1264
  --borderColor-severe-emphasis: var(--base-color-orange-5);
1261
1265
  --borderColor-severe-muted: #db6d2866;
1262
1266
  --borderColor-sponsors-emphasis: var(--base-color-pink-5);
@@ -1494,7 +1498,7 @@
1494
1498
  --fgColor-link: var(--fgColor-accent);
1495
1499
  --fgColor-muted: var(--base-color-neutral-9);
1496
1500
  --fgColor-neutral: var(--base-color-neutral-9);
1497
- --fgColor-open: var(--base-color-blue-3);
1501
+ --fgColor-open: var(--base-color-orange-4);
1498
1502
  --fgColor-severe: var(--base-color-orange-4);
1499
1503
  --fgColor-sponsors: var(--base-color-pink-4);
1500
1504
  --fgColor-success: var(--base-color-blue-3);
@@ -1634,8 +1638,6 @@
1634
1638
  --bgColor-closed-muted: #656c761a;
1635
1639
  --bgColor-inset: var(--base-color-neutral-0);
1636
1640
  --bgColor-inverse: var(--base-color-neutral-13);
1637
- --bgColor-open-emphasis: var(--bgColor-success-emphasis);
1638
- --bgColor-open-muted: var(--bgColor-success-muted);
1639
1641
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
1640
1642
  --bgColor-upsell-muted: var(--bgColor-done-muted);
1641
1643
  --bgColor-white: var(--base-color-neutral-13);
@@ -1658,11 +1660,9 @@
1658
1660
  --border-success-muted: 0.0625rem solid #388bfd66;
1659
1661
  --border-transparent: 0.0625rem solid #00000000;
1660
1662
  --borderColor-closed-emphasis: var(--borderColor-emphasis);
1661
- --borderColor-closed-muted: var(--borderColor-danger-muted);
1663
+ --borderColor-closed-muted: #3d444d66;
1662
1664
  --borderColor-muted: #3d444db3;
1663
1665
  --borderColor-neutral-emphasis: var(--borderColor-emphasis);
1664
- --borderColor-open-emphasis: var(--borderColor-success-emphasis);
1665
- --borderColor-open-muted: var(--borderColor-success-muted);
1666
1666
  --borderColor-translucent: #ffffff26;
1667
1667
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1668
1668
  --borderColor-upsell-muted: var(--borderColor-done-muted);
package/dist/internalCss/light-colorblind.css CHANGED
@@ -327,6 +327,8 @@
327
327
  --bgColor-muted: var(--base-color-neutral-1);
328
328
  --bgColor-neutral-emphasis: var(--base-color-neutral-9);
329
329
  --bgColor-neutral-muted: #818b981f;
330
+ --bgColor-open-emphasis: var(--base-color-orange-5);
331
+ --bgColor-open-muted: var(--base-color-orange-0);
330
332
  --bgColor-severe-emphasis: var(--base-color-orange-5);
331
333
  --bgColor-severe-muted: var(--base-color-orange-0);
332
334
  --bgColor-sponsors-emphasis: var(--base-color-pink-5);
@@ -346,6 +348,8 @@
346
348
  --borderColor-done-muted: #c297ff66;
347
349
  --borderColor-emphasis: var(--base-color-neutral-8);
348
350
  --borderColor-neutral-emphasis: var(--base-color-neutral-9);
351
+ --borderColor-open-emphasis: var(--base-color-orange-5);
352
+ --borderColor-open-muted: #fb8f4466;
349
353
  --borderColor-severe-emphasis: var(--base-color-orange-5);
350
354
  --borderColor-severe-muted: #fb8f4466;
351
355
  --borderColor-sponsors-emphasis: var(--base-color-pink-5);
@@ -565,7 +569,7 @@
565
569
  --fgColor-done: var(--base-color-purple-5);
566
570
  --fgColor-muted: var(--base-color-neutral-9);
567
571
  --fgColor-neutral: var(--base-color-neutral-9);
568
- --fgColor-open: var(--base-color-blue-5);
572
+ --fgColor-open: var(--base-color-orange-5);
569
573
  --fgColor-severe: var(--base-color-orange-5);
570
574
  --fgColor-sponsors: var(--base-color-pink-5);
571
575
  --fgColor-success: var(--base-color-blue-5);
@@ -708,8 +712,6 @@
708
712
  --bgColor-closed-muted: var(--bgColor-neutral-muted);
709
713
  --bgColor-default: var(--base-color-neutral-0);
710
714
  --bgColor-inset: var(--bgColor-muted);
711
- --bgColor-open-emphasis: var(--bgColor-success-emphasis);
712
- --bgColor-open-muted: var(--bgColor-success-muted);
713
715
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
714
716
  --bgColor-upsell-muted: var(--bgColor-done-muted);
715
717
  --bgColor-white: var(--base-color-neutral-0);
@@ -735,8 +737,6 @@
735
737
  --borderColor-closed-emphasis: var(--borderColor-emphasis);
736
738
  --borderColor-closed-muted: #d1d9e066;
737
739
  --borderColor-muted: #d1d9e0b3;
738
- --borderColor-open-emphasis: var(--borderColor-success-emphasis);
739
- --borderColor-open-muted: var(--borderColor-success-muted);
740
740
  --borderColor-translucent: #1f232826;
741
741
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
742
742
  --borderColor-upsell-muted: var(--borderColor-done-muted);
@@ -1237,6 +1237,8 @@
1237
1237
  --bgColor-muted: var(--base-color-neutral-1);
1238
1238
  --bgColor-neutral-emphasis: var(--base-color-neutral-9);
1239
1239
  --bgColor-neutral-muted: #818b981f;
1240
+ --bgColor-open-emphasis: var(--base-color-orange-5);
1241
+ --bgColor-open-muted: var(--base-color-orange-0);
1240
1242
  --bgColor-severe-emphasis: var(--base-color-orange-5);
1241
1243
  --bgColor-severe-muted: var(--base-color-orange-0);
1242
1244
  --bgColor-sponsors-emphasis: var(--base-color-pink-5);
@@ -1256,6 +1258,8 @@
1256
1258
  --borderColor-done-muted: #c297ff66;
1257
1259
  --borderColor-emphasis: var(--base-color-neutral-8);
1258
1260
  --borderColor-neutral-emphasis: var(--base-color-neutral-9);
1261
+ --borderColor-open-emphasis: var(--base-color-orange-5);
1262
+ --borderColor-open-muted: #fb8f4466;
1259
1263
  --borderColor-severe-emphasis: var(--base-color-orange-5);
1260
1264
  --borderColor-severe-muted: #fb8f4466;
1261
1265
  --borderColor-sponsors-emphasis: var(--base-color-pink-5);
@@ -1475,7 +1479,7 @@
1475
1479
  --fgColor-done: var(--base-color-purple-5);
1476
1480
  --fgColor-muted: var(--base-color-neutral-9);
1477
1481
  --fgColor-neutral: var(--base-color-neutral-9);
1478
- --fgColor-open: var(--base-color-blue-5);
1482
+ --fgColor-open: var(--base-color-orange-5);
1479
1483
  --fgColor-severe: var(--base-color-orange-5);
1480
1484
  --fgColor-sponsors: var(--base-color-pink-5);
1481
1485
  --fgColor-success: var(--base-color-blue-5);
@@ -1618,8 +1622,6 @@
1618
1622
  --bgColor-closed-muted: var(--bgColor-neutral-muted);
1619
1623
  --bgColor-default: var(--base-color-neutral-0);
1620
1624
  --bgColor-inset: var(--bgColor-muted);
1621
- --bgColor-open-emphasis: var(--bgColor-success-emphasis);
1622
- --bgColor-open-muted: var(--bgColor-success-muted);
1623
1625
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
1624
1626
  --bgColor-upsell-muted: var(--bgColor-done-muted);
1625
1627
  --bgColor-white: var(--base-color-neutral-0);
@@ -1645,8 +1647,6 @@
1645
1647
  --borderColor-closed-emphasis: var(--borderColor-emphasis);
1646
1648
  --borderColor-closed-muted: #d1d9e066;
1647
1649
  --borderColor-muted: #d1d9e0b3;
1648
- --borderColor-open-emphasis: var(--borderColor-success-emphasis);
1649
- --borderColor-open-muted: var(--borderColor-success-muted);
1650
1650
  --borderColor-translucent: #1f232826;
1651
1651
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1652
1652
  --borderColor-upsell-muted: var(--borderColor-done-muted);