@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-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": {
@@ -7022,7 +7054,7 @@
7022
7054
  },
7023
7055
  "org.primer.overrides": {
7024
7056
  "dark": {
7025
- "$value": "#cbd6cd",
7057
+ "$value": "#d6e0d8",
7026
7058
  "filePath": "src/tokens/component/button.json5",
7027
7059
  "isSource": true,
7028
7060
  "$type": "color"
@@ -8008,7 +8040,7 @@
8008
8040
  "name": "button-default-bgColor-active",
8009
8041
  "attributes": {},
8010
8042
  "path": ["button", "default", "bgColor", "active"],
8011
- "value": "#cbd6cd",
8043
+ "value": "#d6e0d8",
8012
8044
  "type": "color"
8013
8045
  },
8014
8046
  "button-default-bgColor-disabled": {
@@ -8038,7 +8070,7 @@
8038
8070
  },
8039
8071
  "org.primer.overrides": {
8040
8072
  "dark": {
8041
- "$value": "#cbd6cd",
8073
+ "$value": "#d6e0d8",
8042
8074
  "filePath": "src/tokens/component/button.json5",
8043
8075
  "isSource": true,
8044
8076
  "$type": "color"
@@ -8070,7 +8102,7 @@
8070
8102
  "name": "button-default-bgColor-hover",
8071
8103
  "attributes": {},
8072
8104
  "path": ["button", "default", "bgColor", "hover"],
8073
- "value": "#cbd6cd",
8105
+ "value": "#d6e0d8",
8074
8106
  "type": "color"
8075
8107
  },
8076
8108
  "button-default-bgColor-rest": {
@@ -8083,7 +8115,7 @@
8083
8115
  },
8084
8116
  "org.primer.overrides": {
8085
8117
  "dark": {
8086
- "$value": "#cbd6cd",
8118
+ "$value": "#d6e0d8",
8087
8119
  "filePath": "src/tokens/component/button.json5",
8088
8120
  "isSource": true,
8089
8121
  "$type": "color"
@@ -8115,7 +8147,7 @@
8115
8147
  "name": "button-default-bgColor-rest",
8116
8148
  "attributes": {},
8117
8149
  "path": ["button", "default", "bgColor", "rest"],
8118
- "value": "#cbd6cd",
8150
+ "value": "#d6e0d8",
8119
8151
  "type": "color"
8120
8152
  },
8121
8153
  "button-default-bgColor-selected": {
@@ -8144,7 +8176,7 @@
8144
8176
  "name": "button-default-bgColor-selected",
8145
8177
  "attributes": {},
8146
8178
  "path": ["button", "default", "bgColor", "selected"],
8147
- "value": "#cbd6cd",
8179
+ "value": "#d6e0d8",
8148
8180
  "type": "color"
8149
8181
  },
8150
8182
  "button-default-borderColor-active": {
@@ -8500,13 +8532,13 @@
8500
8532
  "$type": "color"
8501
8533
  },
8502
8534
  "dark-high-contrast": {
8503
- "$value": "#cbd6cd",
8535
+ "$value": "#d6e0d8",
8504
8536
  "filePath": "src/tokens/component/button.json5",
8505
8537
  "isSource": true,
8506
8538
  "$type": "color"
8507
8539
  },
8508
8540
  "light-high-contrast": {
8509
- "$value": "#cbd6cd",
8541
+ "$value": "#d6e0d8",
8510
8542
  "filePath": "src/tokens/component/button.json5",
8511
8543
  "isSource": true,
8512
8544
  "$type": "color"
@@ -8556,7 +8588,7 @@
8556
8588
  "name": "button-inactive-bgColor",
8557
8589
  "attributes": {},
8558
8590
  "path": ["button", "inactive", "bgColor"],
8559
- "value": "#cbd6cd",
8591
+ "value": "#d6e0d8",
8560
8592
  "type": "color"
8561
8593
  },
8562
8594
  "button-inactive-fgColor": {
@@ -9862,7 +9894,7 @@
9862
9894
  },
9863
9895
  "org.primer.overrides": {
9864
9896
  "dark": {
9865
- "$value": "#cbd6cd",
9897
+ "$value": "#d6e0d8",
9866
9898
  "filePath": "src/tokens/component/button.json5",
9867
9899
  "isSource": true,
9868
9900
  "$type": "color"
@@ -9959,7 +9991,7 @@
9959
9991
  "name": "button-outline-bgColor-rest",
9960
9992
  "attributes": {},
9961
9993
  "path": ["button", "outline", "bgColor", "rest"],
9962
- "value": "#cbd6cd",
9994
+ "value": "#d6e0d8",
9963
9995
  "type": "color"
9964
9996
  },
9965
9997
  "button-outline-borderColor-active": {
@@ -17433,19 +17465,19 @@
17433
17465
  "$type": "color"
17434
17466
  },
17435
17467
  "light-high-contrast": {
17436
- "$value": "#cbd6cd",
17468
+ "$value": "#d6e0d8",
17437
17469
  "filePath": "src/tokens/functional/color/control.json5",
17438
17470
  "isSource": true,
17439
17471
  "$type": "color"
17440
17472
  },
17441
17473
  "light-tritanopia-high-contrast": {
17442
- "$value": "#cbd6cd",
17474
+ "$value": "#d6e0d8",
17443
17475
  "filePath": "src/tokens/functional/color/control.json5",
17444
17476
  "isSource": true,
17445
17477
  "$type": "color"
17446
17478
  },
17447
17479
  "light-protanopia-deuteranopia-high-contrast": {
17448
- "$value": "#cbd6cd",
17480
+ "$value": "#d6e0d8",
17449
17481
  "filePath": "src/tokens/functional/color/control.json5",
17450
17482
  "isSource": true,
17451
17483
  "$type": "color"
@@ -17455,7 +17487,7 @@
17455
17487
  "filePath": "src/tokens/functional/color/control.json5",
17456
17488
  "isSource": true,
17457
17489
  "original": {
17458
- "$value": "{base.color.neutral.4}",
17490
+ "$value": "{base.color.neutral.3}",
17459
17491
  "$type": "color",
17460
17492
  "$extensions": {
17461
17493
  "org.primer.figma": {
@@ -17496,19 +17528,19 @@
17496
17528
  "$type": "color"
17497
17529
  },
17498
17530
  "light-high-contrast": {
17499
- "$value": "{base.color.neutral.4}",
17531
+ "$value": "{base.color.neutral.3}",
17500
17532
  "filePath": "src/tokens/functional/color/control.json5",
17501
17533
  "isSource": true,
17502
17534
  "$type": "color"
17503
17535
  },
17504
17536
  "light-tritanopia-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-protanopia-deuteranopia-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"
@@ -17520,7 +17552,7 @@
17520
17552
  "name": "control-bgColor-active",
17521
17553
  "attributes": {},
17522
17554
  "path": ["control", "bgColor", "active"],
17523
- "value": "#cbd6cd",
17555
+ "value": "#d6e0d8",
17524
17556
  "type": "color"
17525
17557
  },
17526
17558
  "control-bgColor-disabled": {
@@ -17599,19 +17631,19 @@
17599
17631
  "$type": "color"
17600
17632
  },
17601
17633
  "light-high-contrast": {
17602
- "$value": "#cbd6cd",
17634
+ "$value": "#d6e0d8",
17603
17635
  "filePath": "src/tokens/functional/color/control.json5",
17604
17636
  "isSource": true,
17605
17637
  "$type": "color"
17606
17638
  },
17607
17639
  "light-tritanopia-high-contrast": {
17608
- "$value": "#cbd6cd",
17640
+ "$value": "#d6e0d8",
17609
17641
  "filePath": "src/tokens/functional/color/control.json5",
17610
17642
  "isSource": true,
17611
17643
  "$type": "color"
17612
17644
  },
17613
17645
  "light-protanopia-deuteranopia-high-contrast": {
17614
- "$value": "#cbd6cd",
17646
+ "$value": "#d6e0d8",
17615
17647
  "filePath": "src/tokens/functional/color/control.json5",
17616
17648
  "isSource": true,
17617
17649
  "$type": "color"
@@ -17621,7 +17653,7 @@
17621
17653
  "filePath": "src/tokens/functional/color/control.json5",
17622
17654
  "isSource": true,
17623
17655
  "original": {
17624
- "$value": "{base.color.neutral.4}",
17656
+ "$value": "{base.color.neutral.3}",
17625
17657
  "$type": "color",
17626
17658
  "$extensions": {
17627
17659
  "org.primer.figma": {
@@ -17662,19 +17694,19 @@
17662
17694
  "$type": "color"
17663
17695
  },
17664
17696
  "light-high-contrast": {
17665
- "$value": "{base.color.neutral.4}",
17697
+ "$value": "{base.color.neutral.3}",
17666
17698
  "filePath": "src/tokens/functional/color/control.json5",
17667
17699
  "isSource": true,
17668
17700
  "$type": "color"
17669
17701
  },
17670
17702
  "light-tritanopia-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-protanopia-deuteranopia-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"
@@ -17686,7 +17718,7 @@
17686
17718
  "name": "control-bgColor-hover",
17687
17719
  "attributes": {},
17688
17720
  "path": ["control", "bgColor", "hover"],
17689
- "value": "#cbd6cd",
17721
+ "value": "#d6e0d8",
17690
17722
  "type": "color"
17691
17723
  },
17692
17724
  "control-bgColor-rest": {
@@ -17730,19 +17762,19 @@
17730
17762
  "$type": "color"
17731
17763
  },
17732
17764
  "light-high-contrast": {
17733
- "$value": "#cbd6cd",
17765
+ "$value": "#d6e0d8",
17734
17766
  "filePath": "src/tokens/functional/color/control.json5",
17735
17767
  "isSource": true,
17736
17768
  "$type": "color"
17737
17769
  },
17738
17770
  "light-tritanopia-high-contrast": {
17739
- "$value": "#cbd6cd",
17771
+ "$value": "#d6e0d8",
17740
17772
  "filePath": "src/tokens/functional/color/control.json5",
17741
17773
  "isSource": true,
17742
17774
  "$type": "color"
17743
17775
  },
17744
17776
  "light-protanopia-deuteranopia-high-contrast": {
17745
- "$value": "#cbd6cd",
17777
+ "$value": "#d6e0d8",
17746
17778
  "filePath": "src/tokens/functional/color/control.json5",
17747
17779
  "isSource": true,
17748
17780
  "$type": "color"
@@ -17752,7 +17784,7 @@
17752
17784
  "filePath": "src/tokens/functional/color/control.json5",
17753
17785
  "isSource": true,
17754
17786
  "original": {
17755
- "$value": "{base.color.neutral.4}",
17787
+ "$value": "{base.color.neutral.3}",
17756
17788
  "$type": "color",
17757
17789
  "$extensions": {
17758
17790
  "org.primer.figma": {
@@ -17793,19 +17825,19 @@
17793
17825
  "$type": "color"
17794
17826
  },
17795
17827
  "light-high-contrast": {
17796
- "$value": "{base.color.neutral.4}",
17828
+ "$value": "{base.color.neutral.3}",
17797
17829
  "filePath": "src/tokens/functional/color/control.json5",
17798
17830
  "isSource": true,
17799
17831
  "$type": "color"
17800
17832
  },
17801
17833
  "light-tritanopia-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-protanopia-deuteranopia-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"
@@ -17817,7 +17849,7 @@
17817
17849
  "name": "control-bgColor-rest",
17818
17850
  "attributes": {},
17819
17851
  "path": ["control", "bgColor", "rest"],
17820
- "value": "#cbd6cd",
17852
+ "value": "#d6e0d8",
17821
17853
  "type": "color"
17822
17854
  },
17823
17855
  "control-bgColor-selected": {
@@ -17829,7 +17861,7 @@
17829
17861
  "scopes": ["bgColor"]
17830
17862
  },
17831
17863
  "org.primer.overrides": {
17832
- "dark": "#cbd6cd"
17864
+ "dark": "#d6e0d8"
17833
17865
  }
17834
17866
  },
17835
17867
  "filePath": "src/tokens/functional/color/control.json5",
@@ -17852,7 +17884,7 @@
17852
17884
  "name": "control-bgColor-selected",
17853
17885
  "attributes": {},
17854
17886
  "path": ["control", "bgColor", "selected"],
17855
- "value": "#cbd6cd",
17887
+ "value": "#d6e0d8",
17856
17888
  "type": "color"
17857
17889
  },
17858
17890
  "control-borderColor-danger": {
@@ -18109,7 +18141,7 @@
18109
18141
  "name": "control-borderColor-selected",
18110
18142
  "attributes": {},
18111
18143
  "path": ["control", "borderColor", "selected"],
18112
- "value": "#cbd6cd",
18144
+ "value": "#d6e0d8",
18113
18145
  "type": "color"
18114
18146
  },
18115
18147
  "control-borderColor-success": {
@@ -39809,6 +39841,7 @@
39809
39841
  }
39810
39842
  },
39811
39843
  "org.primer.overrides": {
39844
+ "light": "#00230b",
39812
39845
  "dark": "#26a148",
39813
39846
  "dark-high-contrast": "#2BD853",
39814
39847
  "dark-dimmed-high-contrast": "#d2fedb",
@@ -39843,6 +39876,7 @@
39843
39876
  }
39844
39877
  },
39845
39878
  "org.primer.overrides": {
39879
+ "light": "{base.color.green.9}",
39846
39880
  "dark": "{base.color.green.3}",
39847
39881
  "dark-high-contrast": "#2BD853",
39848
39882
  "dark-dimmed-high-contrast": "{base.color.green.0}",