@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/light-tritanopia-high-contrast.json CHANGED
@@ -927,18 +927,34 @@
927
927
  "collection": "mode",
928
928
  "group": "component (internal)",
929
929
  "scopes": ["bgColor"]
930
+ },
931
+ "org.primer.overrides": {
932
+ "light": "#cbd6cd",
933
+ "light-tritanopia": "#cbd6cd",
934
+ "light-protanopia-deuteranopia": "#cbd6cd",
935
+ "light-high-contrast": "#cbd6cd",
936
+ "light-tritanopia-high-contrast": "#cbd6cd",
937
+ "light-protanopia-deuteranopia-high-contrast": "#cbd6cd"
930
938
  }
931
939
  },
932
940
  "filePath": "src/tokens/component/avatarStack.json5",
933
941
  "isSource": true,
934
942
  "original": {
935
- "$value": "{base.color.neutral.7}",
943
+ "$value": "{base.color.neutral.4}",
936
944
  "$type": "color",
937
945
  "$extensions": {
938
946
  "org.primer.figma": {
939
947
  "collection": "mode",
940
948
  "group": "component (internal)",
941
949
  "scopes": ["bgColor"]
950
+ },
951
+ "org.primer.overrides": {
952
+ "light": "{base.color.neutral.4}",
953
+ "light-tritanopia": "{base.color.neutral.4}",
954
+ "light-protanopia-deuteranopia": "{base.color.neutral.4}",
955
+ "light-high-contrast": "{base.color.neutral.4}",
956
+ "light-tritanopia-high-contrast": "{base.color.neutral.4}",
957
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}"
942
958
  }
943
959
  },
944
960
  "key": "{avatarStack.fade.bgColor.default}"
@@ -946,7 +962,7 @@
946
962
  "name": "avatarStack-fade-bgColor-default",
947
963
  "attributes": {},
948
964
  "path": ["avatarStack", "fade", "bgColor", "default"],
949
- "value": "#859188",
965
+ "value": "#cbd6cd",
950
966
  "type": "color"
951
967
  },
952
968
  "avatarStack-fade-bgColor-muted": {
@@ -956,18 +972,34 @@
956
972
  "collection": "mode",
957
973
  "group": "component (internal)",
958
974
  "scopes": ["bgColor"]
975
+ },
976
+ "org.primer.overrides": {
977
+ "light": "#d6e0d8",
978
+ "light-tritanopia": "#d6e0d8",
979
+ "light-protanopia-deuteranopia": "#d6e0d8",
980
+ "light-high-contrast": "#d6e0d8",
981
+ "light-tritanopia-high-contrast": "#d6e0d8",
982
+ "light-protanopia-deuteranopia-high-contrast": "#d6e0d8"
959
983
  }
960
984
  },
961
985
  "filePath": "src/tokens/component/avatarStack.json5",
962
986
  "isSource": true,
963
987
  "original": {
964
- "$value": "{base.color.neutral.5}",
988
+ "$value": "{base.color.neutral.3}",
965
989
  "$type": "color",
966
990
  "$extensions": {
967
991
  "org.primer.figma": {
968
992
  "collection": "mode",
969
993
  "group": "component (internal)",
970
994
  "scopes": ["bgColor"]
995
+ },
996
+ "org.primer.overrides": {
997
+ "light": "{base.color.neutral.3}",
998
+ "light-tritanopia": "{base.color.neutral.3}",
999
+ "light-protanopia-deuteranopia": "{base.color.neutral.3}",
1000
+ "light-high-contrast": "{base.color.neutral.3}",
1001
+ "light-tritanopia-high-contrast": "{base.color.neutral.3}",
1002
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.3}"
971
1003
  }
972
1004
  },
973
1005
  "key": "{avatarStack.fade.bgColor.muted}"
@@ -975,7 +1007,7 @@
975
1007
  "name": "avatarStack-fade-bgColor-muted",
976
1008
  "attributes": {},
977
1009
  "path": ["avatarStack", "fade", "bgColor", "muted"],
978
- "value": "#b8c4bc",
1010
+ "value": "#d6e0d8",
979
1011
  "type": "color"
980
1012
  },
981
1013
  "bgColor-accent-emphasis": {
@@ -7028,7 +7060,7 @@
7028
7060
  },
7029
7061
  "org.primer.overrides": {
7030
7062
  "dark": {
7031
- "$value": "#cbd6cd",
7063
+ "$value": "#d6e0d8",
7032
7064
  "filePath": "src/tokens/component/button.json5",
7033
7065
  "isSource": true,
7034
7066
  "$type": "color"
@@ -8014,7 +8046,7 @@
8014
8046
  "name": "button-default-bgColor-active",
8015
8047
  "attributes": {},
8016
8048
  "path": ["button", "default", "bgColor", "active"],
8017
- "value": "#cbd6cd",
8049
+ "value": "#d6e0d8",
8018
8050
  "type": "color"
8019
8051
  },
8020
8052
  "button-default-bgColor-disabled": {
@@ -8044,7 +8076,7 @@
8044
8076
  },
8045
8077
  "org.primer.overrides": {
8046
8078
  "dark": {
8047
- "$value": "#cbd6cd",
8079
+ "$value": "#d6e0d8",
8048
8080
  "filePath": "src/tokens/component/button.json5",
8049
8081
  "isSource": true,
8050
8082
  "$type": "color"
@@ -8076,7 +8108,7 @@
8076
8108
  "name": "button-default-bgColor-hover",
8077
8109
  "attributes": {},
8078
8110
  "path": ["button", "default", "bgColor", "hover"],
8079
- "value": "#cbd6cd",
8111
+ "value": "#d6e0d8",
8080
8112
  "type": "color"
8081
8113
  },
8082
8114
  "button-default-bgColor-rest": {
@@ -8089,7 +8121,7 @@
8089
8121
  },
8090
8122
  "org.primer.overrides": {
8091
8123
  "dark": {
8092
- "$value": "#cbd6cd",
8124
+ "$value": "#d6e0d8",
8093
8125
  "filePath": "src/tokens/component/button.json5",
8094
8126
  "isSource": true,
8095
8127
  "$type": "color"
@@ -8121,7 +8153,7 @@
8121
8153
  "name": "button-default-bgColor-rest",
8122
8154
  "attributes": {},
8123
8155
  "path": ["button", "default", "bgColor", "rest"],
8124
- "value": "#cbd6cd",
8156
+ "value": "#d6e0d8",
8125
8157
  "type": "color"
8126
8158
  },
8127
8159
  "button-default-bgColor-selected": {
@@ -8150,7 +8182,7 @@
8150
8182
  "name": "button-default-bgColor-selected",
8151
8183
  "attributes": {},
8152
8184
  "path": ["button", "default", "bgColor", "selected"],
8153
- "value": "#cbd6cd",
8185
+ "value": "#d6e0d8",
8154
8186
  "type": "color"
8155
8187
  },
8156
8188
  "button-default-borderColor-active": {
@@ -8506,13 +8538,13 @@
8506
8538
  "$type": "color"
8507
8539
  },
8508
8540
  "dark-high-contrast": {
8509
- "$value": "#cbd6cd",
8541
+ "$value": "#d6e0d8",
8510
8542
  "filePath": "src/tokens/component/button.json5",
8511
8543
  "isSource": true,
8512
8544
  "$type": "color"
8513
8545
  },
8514
8546
  "light-high-contrast": {
8515
- "$value": "#cbd6cd",
8547
+ "$value": "#d6e0d8",
8516
8548
  "filePath": "src/tokens/component/button.json5",
8517
8549
  "isSource": true,
8518
8550
  "$type": "color"
@@ -9868,7 +9900,7 @@
9868
9900
  },
9869
9901
  "org.primer.overrides": {
9870
9902
  "dark": {
9871
- "$value": "#cbd6cd",
9903
+ "$value": "#d6e0d8",
9872
9904
  "filePath": "src/tokens/component/button.json5",
9873
9905
  "isSource": true,
9874
9906
  "$type": "color"
@@ -9965,7 +9997,7 @@
9965
9997
  "name": "button-outline-bgColor-rest",
9966
9998
  "attributes": {},
9967
9999
  "path": ["button", "outline", "bgColor", "rest"],
9968
- "value": "#cbd6cd",
10000
+ "value": "#d6e0d8",
9969
10001
  "type": "color"
9970
10002
  },
9971
10003
  "button-outline-borderColor-active": {
@@ -17435,19 +17467,19 @@
17435
17467
  "$type": "color"
17436
17468
  },
17437
17469
  "light-high-contrast": {
17438
- "$value": "#cbd6cd",
17470
+ "$value": "#d6e0d8",
17439
17471
  "filePath": "src/tokens/functional/color/control.json5",
17440
17472
  "isSource": true,
17441
17473
  "$type": "color"
17442
17474
  },
17443
17475
  "light-tritanopia-high-contrast": {
17444
- "$value": "#cbd6cd",
17476
+ "$value": "#d6e0d8",
17445
17477
  "filePath": "src/tokens/functional/color/control.json5",
17446
17478
  "isSource": true,
17447
17479
  "$type": "color"
17448
17480
  },
17449
17481
  "light-protanopia-deuteranopia-high-contrast": {
17450
- "$value": "#cbd6cd",
17482
+ "$value": "#d6e0d8",
17451
17483
  "filePath": "src/tokens/functional/color/control.json5",
17452
17484
  "isSource": true,
17453
17485
  "$type": "color"
@@ -17457,7 +17489,7 @@
17457
17489
  "filePath": "src/tokens/functional/color/control.json5",
17458
17490
  "isSource": true,
17459
17491
  "original": {
17460
- "$value": "{base.color.neutral.4}",
17492
+ "$value": "{base.color.neutral.3}",
17461
17493
  "$type": "color",
17462
17494
  "$extensions": {
17463
17495
  "org.primer.figma": {
@@ -17498,19 +17530,19 @@
17498
17530
  "$type": "color"
17499
17531
  },
17500
17532
  "light-high-contrast": {
17501
- "$value": "{base.color.neutral.4}",
17533
+ "$value": "{base.color.neutral.3}",
17502
17534
  "filePath": "src/tokens/functional/color/control.json5",
17503
17535
  "isSource": true,
17504
17536
  "$type": "color"
17505
17537
  },
17506
17538
  "light-tritanopia-high-contrast": {
17507
- "$value": "{base.color.neutral.4}",
17539
+ "$value": "{base.color.neutral.3}",
17508
17540
  "filePath": "src/tokens/functional/color/control.json5",
17509
17541
  "isSource": true,
17510
17542
  "$type": "color"
17511
17543
  },
17512
17544
  "light-protanopia-deuteranopia-high-contrast": {
17513
- "$value": "{base.color.neutral.4}",
17545
+ "$value": "{base.color.neutral.3}",
17514
17546
  "filePath": "src/tokens/functional/color/control.json5",
17515
17547
  "isSource": true,
17516
17548
  "$type": "color"
@@ -17522,7 +17554,7 @@
17522
17554
  "name": "control-bgColor-active",
17523
17555
  "attributes": {},
17524
17556
  "path": ["control", "bgColor", "active"],
17525
- "value": "#cbd6cd",
17557
+ "value": "#d6e0d8",
17526
17558
  "type": "color"
17527
17559
  },
17528
17560
  "control-bgColor-disabled": {
@@ -17601,19 +17633,19 @@
17601
17633
  "$type": "color"
17602
17634
  },
17603
17635
  "light-high-contrast": {
17604
- "$value": "#cbd6cd",
17636
+ "$value": "#d6e0d8",
17605
17637
  "filePath": "src/tokens/functional/color/control.json5",
17606
17638
  "isSource": true,
17607
17639
  "$type": "color"
17608
17640
  },
17609
17641
  "light-tritanopia-high-contrast": {
17610
- "$value": "#cbd6cd",
17642
+ "$value": "#d6e0d8",
17611
17643
  "filePath": "src/tokens/functional/color/control.json5",
17612
17644
  "isSource": true,
17613
17645
  "$type": "color"
17614
17646
  },
17615
17647
  "light-protanopia-deuteranopia-high-contrast": {
17616
- "$value": "#cbd6cd",
17648
+ "$value": "#d6e0d8",
17617
17649
  "filePath": "src/tokens/functional/color/control.json5",
17618
17650
  "isSource": true,
17619
17651
  "$type": "color"
@@ -17623,7 +17655,7 @@
17623
17655
  "filePath": "src/tokens/functional/color/control.json5",
17624
17656
  "isSource": true,
17625
17657
  "original": {
17626
- "$value": "{base.color.neutral.4}",
17658
+ "$value": "{base.color.neutral.3}",
17627
17659
  "$type": "color",
17628
17660
  "$extensions": {
17629
17661
  "org.primer.figma": {
@@ -17664,19 +17696,19 @@
17664
17696
  "$type": "color"
17665
17697
  },
17666
17698
  "light-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"
17671
17703
  },
17672
17704
  "light-tritanopia-high-contrast": {
17673
- "$value": "{base.color.neutral.4}",
17705
+ "$value": "{base.color.neutral.3}",
17674
17706
  "filePath": "src/tokens/functional/color/control.json5",
17675
17707
  "isSource": true,
17676
17708
  "$type": "color"
17677
17709
  },
17678
17710
  "light-protanopia-deuteranopia-high-contrast": {
17679
- "$value": "{base.color.neutral.4}",
17711
+ "$value": "{base.color.neutral.3}",
17680
17712
  "filePath": "src/tokens/functional/color/control.json5",
17681
17713
  "isSource": true,
17682
17714
  "$type": "color"
@@ -17688,7 +17720,7 @@
17688
17720
  "name": "control-bgColor-hover",
17689
17721
  "attributes": {},
17690
17722
  "path": ["control", "bgColor", "hover"],
17691
- "value": "#cbd6cd",
17723
+ "value": "#d6e0d8",
17692
17724
  "type": "color"
17693
17725
  },
17694
17726
  "control-bgColor-rest": {
@@ -17732,19 +17764,19 @@
17732
17764
  "$type": "color"
17733
17765
  },
17734
17766
  "light-high-contrast": {
17735
- "$value": "#cbd6cd",
17767
+ "$value": "#d6e0d8",
17736
17768
  "filePath": "src/tokens/functional/color/control.json5",
17737
17769
  "isSource": true,
17738
17770
  "$type": "color"
17739
17771
  },
17740
17772
  "light-tritanopia-high-contrast": {
17741
- "$value": "#cbd6cd",
17773
+ "$value": "#d6e0d8",
17742
17774
  "filePath": "src/tokens/functional/color/control.json5",
17743
17775
  "isSource": true,
17744
17776
  "$type": "color"
17745
17777
  },
17746
17778
  "light-protanopia-deuteranopia-high-contrast": {
17747
- "$value": "#cbd6cd",
17779
+ "$value": "#d6e0d8",
17748
17780
  "filePath": "src/tokens/functional/color/control.json5",
17749
17781
  "isSource": true,
17750
17782
  "$type": "color"
@@ -17754,7 +17786,7 @@
17754
17786
  "filePath": "src/tokens/functional/color/control.json5",
17755
17787
  "isSource": true,
17756
17788
  "original": {
17757
- "$value": "{base.color.neutral.4}",
17789
+ "$value": "{base.color.neutral.3}",
17758
17790
  "$type": "color",
17759
17791
  "$extensions": {
17760
17792
  "org.primer.figma": {
@@ -17795,19 +17827,19 @@
17795
17827
  "$type": "color"
17796
17828
  },
17797
17829
  "light-high-contrast": {
17798
- "$value": "{base.color.neutral.4}",
17830
+ "$value": "{base.color.neutral.3}",
17799
17831
  "filePath": "src/tokens/functional/color/control.json5",
17800
17832
  "isSource": true,
17801
17833
  "$type": "color"
17802
17834
  },
17803
17835
  "light-tritanopia-high-contrast": {
17804
- "$value": "{base.color.neutral.4}",
17836
+ "$value": "{base.color.neutral.3}",
17805
17837
  "filePath": "src/tokens/functional/color/control.json5",
17806
17838
  "isSource": true,
17807
17839
  "$type": "color"
17808
17840
  },
17809
17841
  "light-protanopia-deuteranopia-high-contrast": {
17810
- "$value": "{base.color.neutral.4}",
17842
+ "$value": "{base.color.neutral.3}",
17811
17843
  "filePath": "src/tokens/functional/color/control.json5",
17812
17844
  "isSource": true,
17813
17845
  "$type": "color"
@@ -17819,7 +17851,7 @@
17819
17851
  "name": "control-bgColor-rest",
17820
17852
  "attributes": {},
17821
17853
  "path": ["control", "bgColor", "rest"],
17822
- "value": "#cbd6cd",
17854
+ "value": "#d6e0d8",
17823
17855
  "type": "color"
17824
17856
  },
17825
17857
  "control-bgColor-selected": {
@@ -17831,7 +17863,7 @@
17831
17863
  "scopes": ["bgColor"]
17832
17864
  },
17833
17865
  "org.primer.overrides": {
17834
- "dark": "#cbd6cd"
17866
+ "dark": "#d6e0d8"
17835
17867
  }
17836
17868
  },
17837
17869
  "filePath": "src/tokens/functional/color/control.json5",
@@ -17854,7 +17886,7 @@
17854
17886
  "name": "control-bgColor-selected",
17855
17887
  "attributes": {},
17856
17888
  "path": ["control", "bgColor", "selected"],
17857
- "value": "#cbd6cd",
17889
+ "value": "#d6e0d8",
17858
17890
  "type": "color"
17859
17891
  },
17860
17892
  "control-borderColor-danger": {
@@ -18111,7 +18143,7 @@
18111
18143
  "name": "control-borderColor-selected",
18112
18144
  "attributes": {},
18113
18145
  "path": ["control", "borderColor", "selected"],
18114
- "value": "#cbd6cd",
18146
+ "value": "#d6e0d8",
18115
18147
  "type": "color"
18116
18148
  },
18117
18149
  "control-borderColor-success": {
@@ -39811,6 +39843,7 @@
39811
39843
  }
39812
39844
  },
39813
39845
  "org.primer.overrides": {
39846
+ "light": "#00230b",
39814
39847
  "dark": "#26a148",
39815
39848
  "dark-high-contrast": "#2BD853",
39816
39849
  "dark-dimmed-high-contrast": "#d2fedb",
@@ -39845,6 +39878,7 @@
39845
39878
  }
39846
39879
  },
39847
39880
  "org.primer.overrides": {
39881
+ "light": "{base.color.green.9}",
39848
39882
  "dark": "{base.color.green.3}",
39849
39883
  "dark-high-contrast": "#2BD853",
39850
39884
  "dark-dimmed-high-contrast": "{base.color.green.0}",