@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/docs/functional/themes/dark-tritanopia.json CHANGED
@@ -921,6 +921,14 @@
921
921
  "collection": "mode",
922
922
  "group": "component (internal)",
923
923
  "scopes": ["bgColor"]
924
+ },
925
+ "org.primer.overrides": {
926
+ "light": "#262c36",
927
+ "light-tritanopia": "#262c36",
928
+ "light-protanopia-deuteranopia": "#262c36",
929
+ "light-high-contrast": "#262c36",
930
+ "light-tritanopia-high-contrast": "#262c36",
931
+ "light-protanopia-deuteranopia-high-contrast": "#262c36"
924
932
  }
925
933
  },
926
934
  "filePath": "src/tokens/component/avatarStack.json5",
@@ -933,6 +941,14 @@
933
941
  "collection": "mode",
934
942
  "group": "component (internal)",
935
943
  "scopes": ["bgColor"]
944
+ },
945
+ "org.primer.overrides": {
946
+ "light": "{base.color.neutral.4}",
947
+ "light-tritanopia": "{base.color.neutral.4}",
948
+ "light-protanopia-deuteranopia": "{base.color.neutral.4}",
949
+ "light-high-contrast": "{base.color.neutral.4}",
950
+ "light-tritanopia-high-contrast": "{base.color.neutral.4}",
951
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}"
936
952
  }
937
953
  },
938
954
  "key": "{avatarStack.fade.bgColor.default}"
@@ -950,6 +966,14 @@
950
966
  "collection": "mode",
951
967
  "group": "component (internal)",
952
968
  "scopes": ["bgColor"]
969
+ },
970
+ "org.primer.overrides": {
971
+ "light": "#212830",
972
+ "light-tritanopia": "#212830",
973
+ "light-protanopia-deuteranopia": "#212830",
974
+ "light-high-contrast": "#212830",
975
+ "light-tritanopia-high-contrast": "#212830",
976
+ "light-protanopia-deuteranopia-high-contrast": "#212830"
953
977
  }
954
978
  },
955
979
  "filePath": "src/tokens/component/avatarStack.json5",
@@ -962,6 +986,14 @@
962
986
  "collection": "mode",
963
987
  "group": "component (internal)",
964
988
  "scopes": ["bgColor"]
989
+ },
990
+ "org.primer.overrides": {
991
+ "light": "{base.color.neutral.3}",
992
+ "light-tritanopia": "{base.color.neutral.3}",
993
+ "light-protanopia-deuteranopia": "{base.color.neutral.3}",
994
+ "light-high-contrast": "{base.color.neutral.3}",
995
+ "light-tritanopia-high-contrast": "{base.color.neutral.3}",
996
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.3}"
965
997
  }
966
998
  },
967
999
  "key": "{avatarStack.fade.bgColor.muted}"
@@ -17467,19 +17499,19 @@
17467
17499
  "$type": "color"
17468
17500
  },
17469
17501
  "light-high-contrast": {
17470
- "$value": "#262c36",
17502
+ "$value": "#212830",
17471
17503
  "filePath": "src/tokens/functional/color/control.json5",
17472
17504
  "isSource": true,
17473
17505
  "$type": "color"
17474
17506
  },
17475
17507
  "light-tritanopia-high-contrast": {
17476
- "$value": "#262c36",
17508
+ "$value": "#212830",
17477
17509
  "filePath": "src/tokens/functional/color/control.json5",
17478
17510
  "isSource": true,
17479
17511
  "$type": "color"
17480
17512
  },
17481
17513
  "light-protanopia-deuteranopia-high-contrast": {
17482
- "$value": "#262c36",
17514
+ "$value": "#212830",
17483
17515
  "filePath": "src/tokens/functional/color/control.json5",
17484
17516
  "isSource": true,
17485
17517
  "$type": "color"
@@ -17530,19 +17562,19 @@
17530
17562
  "$type": "color"
17531
17563
  },
17532
17564
  "light-high-contrast": {
17533
- "$value": "{base.color.neutral.4}",
17565
+ "$value": "{base.color.neutral.3}",
17534
17566
  "filePath": "src/tokens/functional/color/control.json5",
17535
17567
  "isSource": true,
17536
17568
  "$type": "color"
17537
17569
  },
17538
17570
  "light-tritanopia-high-contrast": {
17539
- "$value": "{base.color.neutral.4}",
17571
+ "$value": "{base.color.neutral.3}",
17540
17572
  "filePath": "src/tokens/functional/color/control.json5",
17541
17573
  "isSource": true,
17542
17574
  "$type": "color"
17543
17575
  },
17544
17576
  "light-protanopia-deuteranopia-high-contrast": {
17545
- "$value": "{base.color.neutral.4}",
17577
+ "$value": "{base.color.neutral.3}",
17546
17578
  "filePath": "src/tokens/functional/color/control.json5",
17547
17579
  "isSource": true,
17548
17580
  "$type": "color"
@@ -17633,19 +17665,19 @@
17633
17665
  "$type": "color"
17634
17666
  },
17635
17667
  "light-high-contrast": {
17636
- "$value": "#262c36",
17668
+ "$value": "#212830",
17637
17669
  "filePath": "src/tokens/functional/color/control.json5",
17638
17670
  "isSource": true,
17639
17671
  "$type": "color"
17640
17672
  },
17641
17673
  "light-tritanopia-high-contrast": {
17642
- "$value": "#262c36",
17674
+ "$value": "#212830",
17643
17675
  "filePath": "src/tokens/functional/color/control.json5",
17644
17676
  "isSource": true,
17645
17677
  "$type": "color"
17646
17678
  },
17647
17679
  "light-protanopia-deuteranopia-high-contrast": {
17648
- "$value": "#262c36",
17680
+ "$value": "#212830",
17649
17681
  "filePath": "src/tokens/functional/color/control.json5",
17650
17682
  "isSource": true,
17651
17683
  "$type": "color"
@@ -17696,19 +17728,19 @@
17696
17728
  "$type": "color"
17697
17729
  },
17698
17730
  "light-high-contrast": {
17699
- "$value": "{base.color.neutral.4}",
17731
+ "$value": "{base.color.neutral.3}",
17700
17732
  "filePath": "src/tokens/functional/color/control.json5",
17701
17733
  "isSource": true,
17702
17734
  "$type": "color"
17703
17735
  },
17704
17736
  "light-tritanopia-high-contrast": {
17705
- "$value": "{base.color.neutral.4}",
17737
+ "$value": "{base.color.neutral.3}",
17706
17738
  "filePath": "src/tokens/functional/color/control.json5",
17707
17739
  "isSource": true,
17708
17740
  "$type": "color"
17709
17741
  },
17710
17742
  "light-protanopia-deuteranopia-high-contrast": {
17711
- "$value": "{base.color.neutral.4}",
17743
+ "$value": "{base.color.neutral.3}",
17712
17744
  "filePath": "src/tokens/functional/color/control.json5",
17713
17745
  "isSource": true,
17714
17746
  "$type": "color"
@@ -17764,19 +17796,19 @@
17764
17796
  "$type": "color"
17765
17797
  },
17766
17798
  "light-high-contrast": {
17767
- "$value": "#262c36",
17799
+ "$value": "#212830",
17768
17800
  "filePath": "src/tokens/functional/color/control.json5",
17769
17801
  "isSource": true,
17770
17802
  "$type": "color"
17771
17803
  },
17772
17804
  "light-tritanopia-high-contrast": {
17773
- "$value": "#262c36",
17805
+ "$value": "#212830",
17774
17806
  "filePath": "src/tokens/functional/color/control.json5",
17775
17807
  "isSource": true,
17776
17808
  "$type": "color"
17777
17809
  },
17778
17810
  "light-protanopia-deuteranopia-high-contrast": {
17779
- "$value": "#262c36",
17811
+ "$value": "#212830",
17780
17812
  "filePath": "src/tokens/functional/color/control.json5",
17781
17813
  "isSource": true,
17782
17814
  "$type": "color"
@@ -17827,19 +17859,19 @@
17827
17859
  "$type": "color"
17828
17860
  },
17829
17861
  "light-high-contrast": {
17830
- "$value": "{base.color.neutral.4}",
17862
+ "$value": "{base.color.neutral.3}",
17831
17863
  "filePath": "src/tokens/functional/color/control.json5",
17832
17864
  "isSource": true,
17833
17865
  "$type": "color"
17834
17866
  },
17835
17867
  "light-tritanopia-high-contrast": {
17836
- "$value": "{base.color.neutral.4}",
17868
+ "$value": "{base.color.neutral.3}",
17837
17869
  "filePath": "src/tokens/functional/color/control.json5",
17838
17870
  "isSource": true,
17839
17871
  "$type": "color"
17840
17872
  },
17841
17873
  "light-protanopia-deuteranopia-high-contrast": {
17842
- "$value": "{base.color.neutral.4}",
17874
+ "$value": "{base.color.neutral.3}",
17843
17875
  "filePath": "src/tokens/functional/color/control.json5",
17844
17876
  "isSource": true,
17845
17877
  "$type": "color"
@@ -39833,6 +39865,7 @@
39833
39865
  }
39834
39866
  },
39835
39867
  "org.primer.overrides": {
39868
+ "light": "#04260f",
39836
39869
  "dark": "#3fb950",
39837
39870
  "dark-high-contrast": "#2BD853",
39838
39871
  "dark-dimmed-high-contrast": "#aff5b4",
@@ -39867,6 +39900,7 @@
39867
39900
  }
39868
39901
  },
39869
39902
  "org.primer.overrides": {
39903
+ "light": "{base.color.green.9}",
39870
39904
  "dark": "{base.color.green.3}",
39871
39905
  "dark-high-contrast": "#2BD853",
39872
39906
  "dark-dimmed-high-contrast": "{base.color.green.0}",
package/dist/docs/functional/themes/dark.json CHANGED
@@ -921,6 +921,14 @@
921
921
  "collection": "mode",
922
922
  "group": "component (internal)",
923
923
  "scopes": ["bgColor"]
924
+ },
925
+ "org.primer.overrides": {
926
+ "light": "#262c36",
927
+ "light-tritanopia": "#262c36",
928
+ "light-protanopia-deuteranopia": "#262c36",
929
+ "light-high-contrast": "#262c36",
930
+ "light-tritanopia-high-contrast": "#262c36",
931
+ "light-protanopia-deuteranopia-high-contrast": "#262c36"
924
932
  }
925
933
  },
926
934
  "filePath": "src/tokens/component/avatarStack.json5",
@@ -933,6 +941,14 @@
933
941
  "collection": "mode",
934
942
  "group": "component (internal)",
935
943
  "scopes": ["bgColor"]
944
+ },
945
+ "org.primer.overrides": {
946
+ "light": "{base.color.neutral.4}",
947
+ "light-tritanopia": "{base.color.neutral.4}",
948
+ "light-protanopia-deuteranopia": "{base.color.neutral.4}",
949
+ "light-high-contrast": "{base.color.neutral.4}",
950
+ "light-tritanopia-high-contrast": "{base.color.neutral.4}",
951
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}"
936
952
  }
937
953
  },
938
954
  "key": "{avatarStack.fade.bgColor.default}"
@@ -950,6 +966,14 @@
950
966
  "collection": "mode",
951
967
  "group": "component (internal)",
952
968
  "scopes": ["bgColor"]
969
+ },
970
+ "org.primer.overrides": {
971
+ "light": "#212830",
972
+ "light-tritanopia": "#212830",
973
+ "light-protanopia-deuteranopia": "#212830",
974
+ "light-high-contrast": "#212830",
975
+ "light-tritanopia-high-contrast": "#212830",
976
+ "light-protanopia-deuteranopia-high-contrast": "#212830"
953
977
  }
954
978
  },
955
979
  "filePath": "src/tokens/component/avatarStack.json5",
@@ -962,6 +986,14 @@
962
986
  "collection": "mode",
963
987
  "group": "component (internal)",
964
988
  "scopes": ["bgColor"]
989
+ },
990
+ "org.primer.overrides": {
991
+ "light": "{base.color.neutral.3}",
992
+ "light-tritanopia": "{base.color.neutral.3}",
993
+ "light-protanopia-deuteranopia": "{base.color.neutral.3}",
994
+ "light-high-contrast": "{base.color.neutral.3}",
995
+ "light-tritanopia-high-contrast": "{base.color.neutral.3}",
996
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.3}"
965
997
  }
966
998
  },
967
999
  "key": "{avatarStack.fade.bgColor.muted}"
@@ -17439,19 +17471,19 @@
17439
17471
  "$type": "color"
17440
17472
  },
17441
17473
  "light-high-contrast": {
17442
- "$value": "#262c36",
17474
+ "$value": "#212830",
17443
17475
  "filePath": "src/tokens/functional/color/control.json5",
17444
17476
  "isSource": true,
17445
17477
  "$type": "color"
17446
17478
  },
17447
17479
  "light-tritanopia-high-contrast": {
17448
- "$value": "#262c36",
17480
+ "$value": "#212830",
17449
17481
  "filePath": "src/tokens/functional/color/control.json5",
17450
17482
  "isSource": true,
17451
17483
  "$type": "color"
17452
17484
  },
17453
17485
  "light-protanopia-deuteranopia-high-contrast": {
17454
- "$value": "#262c36",
17486
+ "$value": "#212830",
17455
17487
  "filePath": "src/tokens/functional/color/control.json5",
17456
17488
  "isSource": true,
17457
17489
  "$type": "color"
@@ -17502,19 +17534,19 @@
17502
17534
  "$type": "color"
17503
17535
  },
17504
17536
  "light-high-contrast": {
17505
- "$value": "{base.color.neutral.4}",
17537
+ "$value": "{base.color.neutral.3}",
17506
17538
  "filePath": "src/tokens/functional/color/control.json5",
17507
17539
  "isSource": true,
17508
17540
  "$type": "color"
17509
17541
  },
17510
17542
  "light-tritanopia-high-contrast": {
17511
- "$value": "{base.color.neutral.4}",
17543
+ "$value": "{base.color.neutral.3}",
17512
17544
  "filePath": "src/tokens/functional/color/control.json5",
17513
17545
  "isSource": true,
17514
17546
  "$type": "color"
17515
17547
  },
17516
17548
  "light-protanopia-deuteranopia-high-contrast": {
17517
- "$value": "{base.color.neutral.4}",
17549
+ "$value": "{base.color.neutral.3}",
17518
17550
  "filePath": "src/tokens/functional/color/control.json5",
17519
17551
  "isSource": true,
17520
17552
  "$type": "color"
@@ -17605,19 +17637,19 @@
17605
17637
  "$type": "color"
17606
17638
  },
17607
17639
  "light-high-contrast": {
17608
- "$value": "#262c36",
17640
+ "$value": "#212830",
17609
17641
  "filePath": "src/tokens/functional/color/control.json5",
17610
17642
  "isSource": true,
17611
17643
  "$type": "color"
17612
17644
  },
17613
17645
  "light-tritanopia-high-contrast": {
17614
- "$value": "#262c36",
17646
+ "$value": "#212830",
17615
17647
  "filePath": "src/tokens/functional/color/control.json5",
17616
17648
  "isSource": true,
17617
17649
  "$type": "color"
17618
17650
  },
17619
17651
  "light-protanopia-deuteranopia-high-contrast": {
17620
- "$value": "#262c36",
17652
+ "$value": "#212830",
17621
17653
  "filePath": "src/tokens/functional/color/control.json5",
17622
17654
  "isSource": true,
17623
17655
  "$type": "color"
@@ -17668,19 +17700,19 @@
17668
17700
  "$type": "color"
17669
17701
  },
17670
17702
  "light-high-contrast": {
17671
- "$value": "{base.color.neutral.4}",
17703
+ "$value": "{base.color.neutral.3}",
17672
17704
  "filePath": "src/tokens/functional/color/control.json5",
17673
17705
  "isSource": true,
17674
17706
  "$type": "color"
17675
17707
  },
17676
17708
  "light-tritanopia-high-contrast": {
17677
- "$value": "{base.color.neutral.4}",
17709
+ "$value": "{base.color.neutral.3}",
17678
17710
  "filePath": "src/tokens/functional/color/control.json5",
17679
17711
  "isSource": true,
17680
17712
  "$type": "color"
17681
17713
  },
17682
17714
  "light-protanopia-deuteranopia-high-contrast": {
17683
- "$value": "{base.color.neutral.4}",
17715
+ "$value": "{base.color.neutral.3}",
17684
17716
  "filePath": "src/tokens/functional/color/control.json5",
17685
17717
  "isSource": true,
17686
17718
  "$type": "color"
@@ -17736,19 +17768,19 @@
17736
17768
  "$type": "color"
17737
17769
  },
17738
17770
  "light-high-contrast": {
17739
- "$value": "#262c36",
17771
+ "$value": "#212830",
17740
17772
  "filePath": "src/tokens/functional/color/control.json5",
17741
17773
  "isSource": true,
17742
17774
  "$type": "color"
17743
17775
  },
17744
17776
  "light-tritanopia-high-contrast": {
17745
- "$value": "#262c36",
17777
+ "$value": "#212830",
17746
17778
  "filePath": "src/tokens/functional/color/control.json5",
17747
17779
  "isSource": true,
17748
17780
  "$type": "color"
17749
17781
  },
17750
17782
  "light-protanopia-deuteranopia-high-contrast": {
17751
- "$value": "#262c36",
17783
+ "$value": "#212830",
17752
17784
  "filePath": "src/tokens/functional/color/control.json5",
17753
17785
  "isSource": true,
17754
17786
  "$type": "color"
@@ -17799,19 +17831,19 @@
17799
17831
  "$type": "color"
17800
17832
  },
17801
17833
  "light-high-contrast": {
17802
- "$value": "{base.color.neutral.4}",
17834
+ "$value": "{base.color.neutral.3}",
17803
17835
  "filePath": "src/tokens/functional/color/control.json5",
17804
17836
  "isSource": true,
17805
17837
  "$type": "color"
17806
17838
  },
17807
17839
  "light-tritanopia-high-contrast": {
17808
- "$value": "{base.color.neutral.4}",
17840
+ "$value": "{base.color.neutral.3}",
17809
17841
  "filePath": "src/tokens/functional/color/control.json5",
17810
17842
  "isSource": true,
17811
17843
  "$type": "color"
17812
17844
  },
17813
17845
  "light-protanopia-deuteranopia-high-contrast": {
17814
- "$value": "{base.color.neutral.4}",
17846
+ "$value": "{base.color.neutral.3}",
17815
17847
  "filePath": "src/tokens/functional/color/control.json5",
17816
17848
  "isSource": true,
17817
17849
  "$type": "color"
@@ -39805,6 +39837,7 @@
39805
39837
  }
39806
39838
  },
39807
39839
  "org.primer.overrides": {
39840
+ "light": "#04260f",
39808
39841
  "dark": "#3fb950",
39809
39842
  "dark-high-contrast": "#2BD853",
39810
39843
  "dark-dimmed-high-contrast": "#aff5b4",
@@ -39839,6 +39872,7 @@
39839
39872
  }
39840
39873
  },
39841
39874
  "org.primer.overrides": {
39875
+ "light": "{base.color.green.9}",
39842
39876
  "dark": "{base.color.green.3}",
39843
39877
  "dark-high-contrast": "#2BD853",
39844
39878
  "dark-dimmed-high-contrast": "{base.color.green.0}",