@primer/primitives 0.0.0-20260709212708 → 0.0.0-20260709220612

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 (51) hide show
  1. package/dist/css/functional/themes/light-colorblind-high-contrast.css +10 -10
  2. package/dist/css/functional/themes/light-colorblind.css +16 -16
  3. package/dist/css/functional/themes/light-high-contrast.css +10 -10
  4. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +10 -10
  5. package/dist/css/functional/themes/light-tritanopia.css +16 -16
  6. package/dist/css/functional/themes/light.css +40 -40
  7. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +52 -18
  8. package/dist/docs/functional/themes/dark-colorblind.json +52 -18
  9. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +52 -18
  10. package/dist/docs/functional/themes/dark-dimmed.json +52 -18
  11. package/dist/docs/functional/themes/dark-high-contrast.json +52 -18
  12. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +52 -18
  13. package/dist/docs/functional/themes/dark-tritanopia.json +52 -18
  14. package/dist/docs/functional/themes/dark.json +52 -18
  15. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +76 -42
  16. package/dist/docs/functional/themes/light-colorblind.json +97 -63
  17. package/dist/docs/functional/themes/light-high-contrast.json +77 -43
  18. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +76 -42
  19. package/dist/docs/functional/themes/light-tritanopia.json +97 -63
  20. package/dist/docs/functional/themes/light.json +136 -102
  21. package/dist/figma/scales/light-high-constrast.json +75 -0
  22. package/dist/figma/scales/light.json +105 -30
  23. package/dist/figma/themes/light-colorblind.json +29 -29
  24. package/dist/figma/themes/light-high-contrast.json +44 -44
  25. package/dist/figma/themes/light-tritanopia.json +29 -29
  26. package/dist/figma/themes/light.json +102 -102
  27. package/dist/internalCss/light-colorblind-high-contrast.css +20 -10
  28. package/dist/internalCss/light-colorblind.css +38 -28
  29. package/dist/internalCss/light-high-contrast.css +20 -10
  30. package/dist/internalCss/light-tritanopia-high-contrast.css +20 -10
  31. package/dist/internalCss/light-tritanopia.css +38 -28
  32. package/dist/internalCss/light.css +44 -34
  33. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +52 -18
  34. package/dist/styleLint/functional/themes/dark-colorblind.json +52 -18
  35. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +52 -18
  36. package/dist/styleLint/functional/themes/dark-dimmed.json +52 -18
  37. package/dist/styleLint/functional/themes/dark-high-contrast.json +52 -18
  38. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +52 -18
  39. package/dist/styleLint/functional/themes/dark-tritanopia.json +52 -18
  40. package/dist/styleLint/functional/themes/dark.json +52 -18
  41. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +76 -42
  42. package/dist/styleLint/functional/themes/light-colorblind.json +97 -63
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +77 -43
  44. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +76 -42
  45. package/dist/styleLint/functional/themes/light-tritanopia.json +97 -63
  46. package/dist/styleLint/functional/themes/light.json +136 -102
  47. package/package.json +1 -1
  48. package/src/tokens/base/color/light/light.json5 +85 -20
  49. package/src/tokens/component/avatarStack.json5 +16 -0
  50. package/src/tokens/functional/color/control.json5 +9 -9
  51. package/src/tokens/functional/color/fgColor.json5 +1 -0
package/dist/styleLint/functional/themes/dark-tritanopia.json CHANGED
@@ -923,6 +923,14 @@
923
923
  "collection": "mode",
924
924
  "group": "component (internal)",
925
925
  "scopes": ["bgColor"]
926
+ },
927
+ "org.primer.overrides": {
928
+ "light": "#262c36",
929
+ "light-tritanopia": "#262c36",
930
+ "light-protanopia-deuteranopia": "#262c36",
931
+ "light-high-contrast": "#262c36",
932
+ "light-tritanopia-high-contrast": "#262c36",
933
+ "light-protanopia-deuteranopia-high-contrast": "#262c36"
926
934
  }
927
935
  },
928
936
  "filePath": "src/tokens/component/avatarStack.json5",
@@ -935,6 +943,14 @@
935
943
  "collection": "mode",
936
944
  "group": "component (internal)",
937
945
  "scopes": ["bgColor"]
946
+ },
947
+ "org.primer.overrides": {
948
+ "light": "{base.color.neutral.4}",
949
+ "light-tritanopia": "{base.color.neutral.4}",
950
+ "light-protanopia-deuteranopia": "{base.color.neutral.4}",
951
+ "light-high-contrast": "{base.color.neutral.4}",
952
+ "light-tritanopia-high-contrast": "{base.color.neutral.4}",
953
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}"
938
954
  }
939
955
  },
940
956
  "key": "{avatarStack.fade.bgColor.default}"
@@ -952,6 +968,14 @@
952
968
  "collection": "mode",
953
969
  "group": "component (internal)",
954
970
  "scopes": ["bgColor"]
971
+ },
972
+ "org.primer.overrides": {
973
+ "light": "#212830",
974
+ "light-tritanopia": "#212830",
975
+ "light-protanopia-deuteranopia": "#212830",
976
+ "light-high-contrast": "#212830",
977
+ "light-tritanopia-high-contrast": "#212830",
978
+ "light-protanopia-deuteranopia-high-contrast": "#212830"
955
979
  }
956
980
  },
957
981
  "filePath": "src/tokens/component/avatarStack.json5",
@@ -964,6 +988,14 @@
964
988
  "collection": "mode",
965
989
  "group": "component (internal)",
966
990
  "scopes": ["bgColor"]
991
+ },
992
+ "org.primer.overrides": {
993
+ "light": "{base.color.neutral.3}",
994
+ "light-tritanopia": "{base.color.neutral.3}",
995
+ "light-protanopia-deuteranopia": "{base.color.neutral.3}",
996
+ "light-high-contrast": "{base.color.neutral.3}",
997
+ "light-tritanopia-high-contrast": "{base.color.neutral.3}",
998
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.3}"
967
999
  }
968
1000
  },
969
1001
  "key": "{avatarStack.fade.bgColor.muted}"
@@ -17589,19 +17621,19 @@
17589
17621
  "$type": "color"
17590
17622
  },
17591
17623
  "light-high-contrast": {
17592
- "$value": "#262c36",
17624
+ "$value": "#212830",
17593
17625
  "filePath": "src/tokens/functional/color/control.json5",
17594
17626
  "isSource": true,
17595
17627
  "$type": "color"
17596
17628
  },
17597
17629
  "light-tritanopia-high-contrast": {
17598
- "$value": "#262c36",
17630
+ "$value": "#212830",
17599
17631
  "filePath": "src/tokens/functional/color/control.json5",
17600
17632
  "isSource": true,
17601
17633
  "$type": "color"
17602
17634
  },
17603
17635
  "light-protanopia-deuteranopia-high-contrast": {
17604
- "$value": "#262c36",
17636
+ "$value": "#212830",
17605
17637
  "filePath": "src/tokens/functional/color/control.json5",
17606
17638
  "isSource": true,
17607
17639
  "$type": "color"
@@ -17652,19 +17684,19 @@
17652
17684
  "$type": "color"
17653
17685
  },
17654
17686
  "light-high-contrast": {
17655
- "$value": "{base.color.neutral.4}",
17687
+ "$value": "{base.color.neutral.3}",
17656
17688
  "filePath": "src/tokens/functional/color/control.json5",
17657
17689
  "isSource": true,
17658
17690
  "$type": "color"
17659
17691
  },
17660
17692
  "light-tritanopia-high-contrast": {
17661
- "$value": "{base.color.neutral.4}",
17693
+ "$value": "{base.color.neutral.3}",
17662
17694
  "filePath": "src/tokens/functional/color/control.json5",
17663
17695
  "isSource": true,
17664
17696
  "$type": "color"
17665
17697
  },
17666
17698
  "light-protanopia-deuteranopia-high-contrast": {
17667
- "$value": "{base.color.neutral.4}",
17699
+ "$value": "{base.color.neutral.3}",
17668
17700
  "filePath": "src/tokens/functional/color/control.json5",
17669
17701
  "isSource": true,
17670
17702
  "$type": "color"
@@ -17755,19 +17787,19 @@
17755
17787
  "$type": "color"
17756
17788
  },
17757
17789
  "light-high-contrast": {
17758
- "$value": "#262c36",
17790
+ "$value": "#212830",
17759
17791
  "filePath": "src/tokens/functional/color/control.json5",
17760
17792
  "isSource": true,
17761
17793
  "$type": "color"
17762
17794
  },
17763
17795
  "light-tritanopia-high-contrast": {
17764
- "$value": "#262c36",
17796
+ "$value": "#212830",
17765
17797
  "filePath": "src/tokens/functional/color/control.json5",
17766
17798
  "isSource": true,
17767
17799
  "$type": "color"
17768
17800
  },
17769
17801
  "light-protanopia-deuteranopia-high-contrast": {
17770
- "$value": "#262c36",
17802
+ "$value": "#212830",
17771
17803
  "filePath": "src/tokens/functional/color/control.json5",
17772
17804
  "isSource": true,
17773
17805
  "$type": "color"
@@ -17818,19 +17850,19 @@
17818
17850
  "$type": "color"
17819
17851
  },
17820
17852
  "light-high-contrast": {
17821
- "$value": "{base.color.neutral.4}",
17853
+ "$value": "{base.color.neutral.3}",
17822
17854
  "filePath": "src/tokens/functional/color/control.json5",
17823
17855
  "isSource": true,
17824
17856
  "$type": "color"
17825
17857
  },
17826
17858
  "light-tritanopia-high-contrast": {
17827
- "$value": "{base.color.neutral.4}",
17859
+ "$value": "{base.color.neutral.3}",
17828
17860
  "filePath": "src/tokens/functional/color/control.json5",
17829
17861
  "isSource": true,
17830
17862
  "$type": "color"
17831
17863
  },
17832
17864
  "light-protanopia-deuteranopia-high-contrast": {
17833
- "$value": "{base.color.neutral.4}",
17865
+ "$value": "{base.color.neutral.3}",
17834
17866
  "filePath": "src/tokens/functional/color/control.json5",
17835
17867
  "isSource": true,
17836
17868
  "$type": "color"
@@ -17886,19 +17918,19 @@
17886
17918
  "$type": "color"
17887
17919
  },
17888
17920
  "light-high-contrast": {
17889
- "$value": "#262c36",
17921
+ "$value": "#212830",
17890
17922
  "filePath": "src/tokens/functional/color/control.json5",
17891
17923
  "isSource": true,
17892
17924
  "$type": "color"
17893
17925
  },
17894
17926
  "light-tritanopia-high-contrast": {
17895
- "$value": "#262c36",
17927
+ "$value": "#212830",
17896
17928
  "filePath": "src/tokens/functional/color/control.json5",
17897
17929
  "isSource": true,
17898
17930
  "$type": "color"
17899
17931
  },
17900
17932
  "light-protanopia-deuteranopia-high-contrast": {
17901
- "$value": "#262c36",
17933
+ "$value": "#212830",
17902
17934
  "filePath": "src/tokens/functional/color/control.json5",
17903
17935
  "isSource": true,
17904
17936
  "$type": "color"
@@ -17949,19 +17981,19 @@
17949
17981
  "$type": "color"
17950
17982
  },
17951
17983
  "light-high-contrast": {
17952
- "$value": "{base.color.neutral.4}",
17984
+ "$value": "{base.color.neutral.3}",
17953
17985
  "filePath": "src/tokens/functional/color/control.json5",
17954
17986
  "isSource": true,
17955
17987
  "$type": "color"
17956
17988
  },
17957
17989
  "light-tritanopia-high-contrast": {
17958
- "$value": "{base.color.neutral.4}",
17990
+ "$value": "{base.color.neutral.3}",
17959
17991
  "filePath": "src/tokens/functional/color/control.json5",
17960
17992
  "isSource": true,
17961
17993
  "$type": "color"
17962
17994
  },
17963
17995
  "light-protanopia-deuteranopia-high-contrast": {
17964
- "$value": "{base.color.neutral.4}",
17996
+ "$value": "{base.color.neutral.3}",
17965
17997
  "filePath": "src/tokens/functional/color/control.json5",
17966
17998
  "isSource": true,
17967
17999
  "$type": "color"
@@ -39956,6 +39988,7 @@
39956
39988
  }
39957
39989
  },
39958
39990
  "org.primer.overrides": {
39991
+ "light": "#04260f",
39959
39992
  "dark": "#3fb950",
39960
39993
  "dark-high-contrast": "#2BD853",
39961
39994
  "dark-dimmed-high-contrast": "#aff5b4",
@@ -39990,6 +40023,7 @@
39990
40023
  }
39991
40024
  },
39992
40025
  "org.primer.overrides": {
40026
+ "light": "{base.color.green.9}",
39993
40027
  "dark": "{base.color.green.3}",
39994
40028
  "dark-high-contrast": "#2BD853",
39995
40029
  "dark-dimmed-high-contrast": "{base.color.green.0}",
package/dist/styleLint/functional/themes/dark.json CHANGED
@@ -923,6 +923,14 @@
923
923
  "collection": "mode",
924
924
  "group": "component (internal)",
925
925
  "scopes": ["bgColor"]
926
+ },
927
+ "org.primer.overrides": {
928
+ "light": "#262c36",
929
+ "light-tritanopia": "#262c36",
930
+ "light-protanopia-deuteranopia": "#262c36",
931
+ "light-high-contrast": "#262c36",
932
+ "light-tritanopia-high-contrast": "#262c36",
933
+ "light-protanopia-deuteranopia-high-contrast": "#262c36"
926
934
  }
927
935
  },
928
936
  "filePath": "src/tokens/component/avatarStack.json5",
@@ -935,6 +943,14 @@
935
943
  "collection": "mode",
936
944
  "group": "component (internal)",
937
945
  "scopes": ["bgColor"]
946
+ },
947
+ "org.primer.overrides": {
948
+ "light": "{base.color.neutral.4}",
949
+ "light-tritanopia": "{base.color.neutral.4}",
950
+ "light-protanopia-deuteranopia": "{base.color.neutral.4}",
951
+ "light-high-contrast": "{base.color.neutral.4}",
952
+ "light-tritanopia-high-contrast": "{base.color.neutral.4}",
953
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}"
938
954
  }
939
955
  },
940
956
  "key": "{avatarStack.fade.bgColor.default}"
@@ -952,6 +968,14 @@
952
968
  "collection": "mode",
953
969
  "group": "component (internal)",
954
970
  "scopes": ["bgColor"]
971
+ },
972
+ "org.primer.overrides": {
973
+ "light": "#212830",
974
+ "light-tritanopia": "#212830",
975
+ "light-protanopia-deuteranopia": "#212830",
976
+ "light-high-contrast": "#212830",
977
+ "light-tritanopia-high-contrast": "#212830",
978
+ "light-protanopia-deuteranopia-high-contrast": "#212830"
955
979
  }
956
980
  },
957
981
  "filePath": "src/tokens/component/avatarStack.json5",
@@ -964,6 +988,14 @@
964
988
  "collection": "mode",
965
989
  "group": "component (internal)",
966
990
  "scopes": ["bgColor"]
991
+ },
992
+ "org.primer.overrides": {
993
+ "light": "{base.color.neutral.3}",
994
+ "light-tritanopia": "{base.color.neutral.3}",
995
+ "light-protanopia-deuteranopia": "{base.color.neutral.3}",
996
+ "light-high-contrast": "{base.color.neutral.3}",
997
+ "light-tritanopia-high-contrast": "{base.color.neutral.3}",
998
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.3}"
967
999
  }
968
1000
  },
969
1001
  "key": "{avatarStack.fade.bgColor.muted}"
@@ -17561,19 +17593,19 @@
17561
17593
  "$type": "color"
17562
17594
  },
17563
17595
  "light-high-contrast": {
17564
- "$value": "#262c36",
17596
+ "$value": "#212830",
17565
17597
  "filePath": "src/tokens/functional/color/control.json5",
17566
17598
  "isSource": true,
17567
17599
  "$type": "color"
17568
17600
  },
17569
17601
  "light-tritanopia-high-contrast": {
17570
- "$value": "#262c36",
17602
+ "$value": "#212830",
17571
17603
  "filePath": "src/tokens/functional/color/control.json5",
17572
17604
  "isSource": true,
17573
17605
  "$type": "color"
17574
17606
  },
17575
17607
  "light-protanopia-deuteranopia-high-contrast": {
17576
- "$value": "#262c36",
17608
+ "$value": "#212830",
17577
17609
  "filePath": "src/tokens/functional/color/control.json5",
17578
17610
  "isSource": true,
17579
17611
  "$type": "color"
@@ -17624,19 +17656,19 @@
17624
17656
  "$type": "color"
17625
17657
  },
17626
17658
  "light-high-contrast": {
17627
- "$value": "{base.color.neutral.4}",
17659
+ "$value": "{base.color.neutral.3}",
17628
17660
  "filePath": "src/tokens/functional/color/control.json5",
17629
17661
  "isSource": true,
17630
17662
  "$type": "color"
17631
17663
  },
17632
17664
  "light-tritanopia-high-contrast": {
17633
- "$value": "{base.color.neutral.4}",
17665
+ "$value": "{base.color.neutral.3}",
17634
17666
  "filePath": "src/tokens/functional/color/control.json5",
17635
17667
  "isSource": true,
17636
17668
  "$type": "color"
17637
17669
  },
17638
17670
  "light-protanopia-deuteranopia-high-contrast": {
17639
- "$value": "{base.color.neutral.4}",
17671
+ "$value": "{base.color.neutral.3}",
17640
17672
  "filePath": "src/tokens/functional/color/control.json5",
17641
17673
  "isSource": true,
17642
17674
  "$type": "color"
@@ -17727,19 +17759,19 @@
17727
17759
  "$type": "color"
17728
17760
  },
17729
17761
  "light-high-contrast": {
17730
- "$value": "#262c36",
17762
+ "$value": "#212830",
17731
17763
  "filePath": "src/tokens/functional/color/control.json5",
17732
17764
  "isSource": true,
17733
17765
  "$type": "color"
17734
17766
  },
17735
17767
  "light-tritanopia-high-contrast": {
17736
- "$value": "#262c36",
17768
+ "$value": "#212830",
17737
17769
  "filePath": "src/tokens/functional/color/control.json5",
17738
17770
  "isSource": true,
17739
17771
  "$type": "color"
17740
17772
  },
17741
17773
  "light-protanopia-deuteranopia-high-contrast": {
17742
- "$value": "#262c36",
17774
+ "$value": "#212830",
17743
17775
  "filePath": "src/tokens/functional/color/control.json5",
17744
17776
  "isSource": true,
17745
17777
  "$type": "color"
@@ -17790,19 +17822,19 @@
17790
17822
  "$type": "color"
17791
17823
  },
17792
17824
  "light-high-contrast": {
17793
- "$value": "{base.color.neutral.4}",
17825
+ "$value": "{base.color.neutral.3}",
17794
17826
  "filePath": "src/tokens/functional/color/control.json5",
17795
17827
  "isSource": true,
17796
17828
  "$type": "color"
17797
17829
  },
17798
17830
  "light-tritanopia-high-contrast": {
17799
- "$value": "{base.color.neutral.4}",
17831
+ "$value": "{base.color.neutral.3}",
17800
17832
  "filePath": "src/tokens/functional/color/control.json5",
17801
17833
  "isSource": true,
17802
17834
  "$type": "color"
17803
17835
  },
17804
17836
  "light-protanopia-deuteranopia-high-contrast": {
17805
- "$value": "{base.color.neutral.4}",
17837
+ "$value": "{base.color.neutral.3}",
17806
17838
  "filePath": "src/tokens/functional/color/control.json5",
17807
17839
  "isSource": true,
17808
17840
  "$type": "color"
@@ -17858,19 +17890,19 @@
17858
17890
  "$type": "color"
17859
17891
  },
17860
17892
  "light-high-contrast": {
17861
- "$value": "#262c36",
17893
+ "$value": "#212830",
17862
17894
  "filePath": "src/tokens/functional/color/control.json5",
17863
17895
  "isSource": true,
17864
17896
  "$type": "color"
17865
17897
  },
17866
17898
  "light-tritanopia-high-contrast": {
17867
- "$value": "#262c36",
17899
+ "$value": "#212830",
17868
17900
  "filePath": "src/tokens/functional/color/control.json5",
17869
17901
  "isSource": true,
17870
17902
  "$type": "color"
17871
17903
  },
17872
17904
  "light-protanopia-deuteranopia-high-contrast": {
17873
- "$value": "#262c36",
17905
+ "$value": "#212830",
17874
17906
  "filePath": "src/tokens/functional/color/control.json5",
17875
17907
  "isSource": true,
17876
17908
  "$type": "color"
@@ -17921,19 +17953,19 @@
17921
17953
  "$type": "color"
17922
17954
  },
17923
17955
  "light-high-contrast": {
17924
- "$value": "{base.color.neutral.4}",
17956
+ "$value": "{base.color.neutral.3}",
17925
17957
  "filePath": "src/tokens/functional/color/control.json5",
17926
17958
  "isSource": true,
17927
17959
  "$type": "color"
17928
17960
  },
17929
17961
  "light-tritanopia-high-contrast": {
17930
- "$value": "{base.color.neutral.4}",
17962
+ "$value": "{base.color.neutral.3}",
17931
17963
  "filePath": "src/tokens/functional/color/control.json5",
17932
17964
  "isSource": true,
17933
17965
  "$type": "color"
17934
17966
  },
17935
17967
  "light-protanopia-deuteranopia-high-contrast": {
17936
- "$value": "{base.color.neutral.4}",
17968
+ "$value": "{base.color.neutral.3}",
17937
17969
  "filePath": "src/tokens/functional/color/control.json5",
17938
17970
  "isSource": true,
17939
17971
  "$type": "color"
@@ -39928,6 +39960,7 @@
39928
39960
  }
39929
39961
  },
39930
39962
  "org.primer.overrides": {
39963
+ "light": "#04260f",
39931
39964
  "dark": "#3fb950",
39932
39965
  "dark-high-contrast": "#2BD853",
39933
39966
  "dark-dimmed-high-contrast": "#aff5b4",
@@ -39962,6 +39995,7 @@
39962
39995
  }
39963
39996
  },
39964
39997
  "org.primer.overrides": {
39998
+ "light": "{base.color.green.9}",
39965
39999
  "dark": "{base.color.green.3}",
39966
40000
  "dark-high-contrast": "#2BD853",
39967
40001
  "dark-dimmed-high-contrast": "{base.color.green.0}",