@primer/primitives 0.0.0-20260709212708 → 0.0.0-20260709215427

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 (47) hide show
  1. package/dist/css/functional/themes/light-colorblind-high-contrast.css +10 -10
  2. package/dist/css/functional/themes/light-colorblind.css +4 -4
  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 +4 -4
  6. package/dist/css/functional/themes/light.css +4 -4
  7. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +50 -18
  8. package/dist/docs/functional/themes/dark-colorblind.json +50 -18
  9. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +50 -18
  10. package/dist/docs/functional/themes/dark-dimmed.json +50 -18
  11. package/dist/docs/functional/themes/dark-high-contrast.json +50 -18
  12. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +50 -18
  13. package/dist/docs/functional/themes/dark-tritanopia.json +50 -18
  14. package/dist/docs/functional/themes/dark.json +50 -18
  15. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +74 -42
  16. package/dist/docs/functional/themes/light-colorblind.json +54 -22
  17. package/dist/docs/functional/themes/light-high-contrast.json +75 -43
  18. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +74 -42
  19. package/dist/docs/functional/themes/light-tritanopia.json +54 -22
  20. package/dist/docs/functional/themes/light.json +54 -22
  21. package/dist/figma/themes/light-colorblind.json +8 -8
  22. package/dist/figma/themes/light-high-contrast.json +44 -44
  23. package/dist/figma/themes/light-tritanopia.json +8 -8
  24. package/dist/figma/themes/light.json +8 -8
  25. package/dist/internalCss/light-colorblind-high-contrast.css +10 -10
  26. package/dist/internalCss/light-colorblind.css +4 -4
  27. package/dist/internalCss/light-high-contrast.css +10 -10
  28. package/dist/internalCss/light-tritanopia-high-contrast.css +10 -10
  29. package/dist/internalCss/light-tritanopia.css +4 -4
  30. package/dist/internalCss/light.css +4 -4
  31. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +50 -18
  32. package/dist/styleLint/functional/themes/dark-colorblind.json +50 -18
  33. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +50 -18
  34. package/dist/styleLint/functional/themes/dark-dimmed.json +50 -18
  35. package/dist/styleLint/functional/themes/dark-high-contrast.json +50 -18
  36. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +50 -18
  37. package/dist/styleLint/functional/themes/dark-tritanopia.json +50 -18
  38. package/dist/styleLint/functional/themes/dark.json +50 -18
  39. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +74 -42
  40. package/dist/styleLint/functional/themes/light-colorblind.json +54 -22
  41. package/dist/styleLint/functional/themes/light-high-contrast.json +75 -43
  42. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +74 -42
  43. package/dist/styleLint/functional/themes/light-tritanopia.json +54 -22
  44. package/dist/styleLint/functional/themes/light.json +54 -22
  45. package/package.json +1 -1
  46. package/src/tokens/component/avatarStack.json5 +16 -0
  47. package/src/tokens/functional/color/control.json5 +9 -9
package/dist/styleLint/functional/themes/light-high-contrast.json CHANGED
@@ -922,25 +922,41 @@
922
922
  },
923
923
  "avatarStack-fade-bgColor-default": {
924
924
  "key": "{avatarStack.fade.bgColor.default}",
925
- "$value": "#859188",
925
+ "$value": "#cbd6cd",
926
926
  "$type": "color",
927
927
  "$extensions": {
928
928
  "org.primer.figma": {
929
929
  "collection": "mode",
930
930
  "group": "component (internal)",
931
931
  "scopes": ["bgColor"]
932
+ },
933
+ "org.primer.overrides": {
934
+ "light": "#cbd6cd",
935
+ "light-tritanopia": "#cbd6cd",
936
+ "light-protanopia-deuteranopia": "#cbd6cd",
937
+ "light-high-contrast": "#cbd6cd",
938
+ "light-tritanopia-high-contrast": "#cbd6cd",
939
+ "light-protanopia-deuteranopia-high-contrast": "#cbd6cd"
932
940
  }
933
941
  },
934
942
  "filePath": "src/tokens/component/avatarStack.json5",
935
943
  "isSource": true,
936
944
  "original": {
937
- "$value": "{base.color.neutral.7}",
945
+ "$value": "{base.color.neutral.4}",
938
946
  "$type": "color",
939
947
  "$extensions": {
940
948
  "org.primer.figma": {
941
949
  "collection": "mode",
942
950
  "group": "component (internal)",
943
951
  "scopes": ["bgColor"]
952
+ },
953
+ "org.primer.overrides": {
954
+ "light": "{base.color.neutral.4}",
955
+ "light-tritanopia": "{base.color.neutral.4}",
956
+ "light-protanopia-deuteranopia": "{base.color.neutral.4}",
957
+ "light-high-contrast": "{base.color.neutral.4}",
958
+ "light-tritanopia-high-contrast": "{base.color.neutral.4}",
959
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}"
944
960
  }
945
961
  },
946
962
  "key": "{avatarStack.fade.bgColor.default}"
@@ -951,25 +967,41 @@
951
967
  },
952
968
  "avatarStack-fade-bgColor-muted": {
953
969
  "key": "{avatarStack.fade.bgColor.muted}",
954
- "$value": "#b8c4bc",
970
+ "$value": "#d6e0d8",
955
971
  "$type": "color",
956
972
  "$extensions": {
957
973
  "org.primer.figma": {
958
974
  "collection": "mode",
959
975
  "group": "component (internal)",
960
976
  "scopes": ["bgColor"]
977
+ },
978
+ "org.primer.overrides": {
979
+ "light": "#d6e0d8",
980
+ "light-tritanopia": "#d6e0d8",
981
+ "light-protanopia-deuteranopia": "#d6e0d8",
982
+ "light-high-contrast": "#d6e0d8",
983
+ "light-tritanopia-high-contrast": "#d6e0d8",
984
+ "light-protanopia-deuteranopia-high-contrast": "#d6e0d8"
961
985
  }
962
986
  },
963
987
  "filePath": "src/tokens/component/avatarStack.json5",
964
988
  "isSource": true,
965
989
  "original": {
966
- "$value": "{base.color.neutral.5}",
990
+ "$value": "{base.color.neutral.3}",
967
991
  "$type": "color",
968
992
  "$extensions": {
969
993
  "org.primer.figma": {
970
994
  "collection": "mode",
971
995
  "group": "component (internal)",
972
996
  "scopes": ["bgColor"]
997
+ },
998
+ "org.primer.overrides": {
999
+ "light": "{base.color.neutral.3}",
1000
+ "light-tritanopia": "{base.color.neutral.3}",
1001
+ "light-protanopia-deuteranopia": "{base.color.neutral.3}",
1002
+ "light-high-contrast": "{base.color.neutral.3}",
1003
+ "light-tritanopia-high-contrast": "{base.color.neutral.3}",
1004
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.3}"
973
1005
  }
974
1006
  },
975
1007
  "key": "{avatarStack.fade.bgColor.muted}"
@@ -7144,7 +7176,7 @@
7144
7176
  },
7145
7177
  "org.primer.overrides": {
7146
7178
  "dark": {
7147
- "$value": "#cbd6cd",
7179
+ "$value": "#d6e0d8",
7148
7180
  "filePath": "src/tokens/component/button.json5",
7149
7181
  "isSource": true,
7150
7182
  "$type": "color"
@@ -8104,7 +8136,7 @@
8104
8136
  },
8105
8137
  "button-default-bgColor-active": {
8106
8138
  "key": "{button.default.bgColor.active}",
8107
- "$value": "#cbd6cd",
8139
+ "$value": "#d6e0d8",
8108
8140
  "$type": "color",
8109
8141
  "$extensions": {
8110
8142
  "org.primer.figma": {
@@ -8150,7 +8182,7 @@
8150
8182
  },
8151
8183
  "button-default-bgColor-hover": {
8152
8184
  "key": "{button.default.bgColor.hover}",
8153
- "$value": "#cbd6cd",
8185
+ "$value": "#d6e0d8",
8154
8186
  "$type": "color",
8155
8187
  "$extensions": {
8156
8188
  "org.primer.figma": {
@@ -8160,7 +8192,7 @@
8160
8192
  },
8161
8193
  "org.primer.overrides": {
8162
8194
  "dark": {
8163
- "$value": "#cbd6cd",
8195
+ "$value": "#d6e0d8",
8164
8196
  "filePath": "src/tokens/component/button.json5",
8165
8197
  "isSource": true,
8166
8198
  "$type": "color"
@@ -8195,7 +8227,7 @@
8195
8227
  },
8196
8228
  "button-default-bgColor-rest": {
8197
8229
  "key": "{button.default.bgColor.rest}",
8198
- "$value": "#cbd6cd",
8230
+ "$value": "#d6e0d8",
8199
8231
  "$type": "color",
8200
8232
  "$extensions": {
8201
8233
  "org.primer.figma": {
@@ -8205,7 +8237,7 @@
8205
8237
  },
8206
8238
  "org.primer.overrides": {
8207
8239
  "dark": {
8208
- "$value": "#cbd6cd",
8240
+ "$value": "#d6e0d8",
8209
8241
  "filePath": "src/tokens/component/button.json5",
8210
8242
  "isSource": true,
8211
8243
  "$type": "color"
@@ -8240,7 +8272,7 @@
8240
8272
  },
8241
8273
  "button-default-bgColor-selected": {
8242
8274
  "key": "{button.default.bgColor.selected}",
8243
- "$value": "#cbd6cd",
8275
+ "$value": "#d6e0d8",
8244
8276
  "$type": "color",
8245
8277
  "$extensions": {
8246
8278
  "org.primer.figma": {
@@ -8600,7 +8632,7 @@
8600
8632
  },
8601
8633
  "button-inactive-bgColor": {
8602
8634
  "key": "{button.inactive.bgColor}",
8603
- "$value": "#cbd6cd",
8635
+ "$value": "#d6e0d8",
8604
8636
  "$type": "color",
8605
8637
  "$extensions": {
8606
8638
  "org.primer.figma": {
@@ -8622,13 +8654,13 @@
8622
8654
  "$type": "color"
8623
8655
  },
8624
8656
  "dark-high-contrast": {
8625
- "$value": "#cbd6cd",
8657
+ "$value": "#d6e0d8",
8626
8658
  "filePath": "src/tokens/component/button.json5",
8627
8659
  "isSource": true,
8628
8660
  "$type": "color"
8629
8661
  },
8630
8662
  "light-high-contrast": {
8631
- "$value": "#cbd6cd",
8663
+ "$value": "#d6e0d8",
8632
8664
  "filePath": "src/tokens/component/button.json5",
8633
8665
  "isSource": true,
8634
8666
  "$type": "color"
@@ -9984,7 +10016,7 @@
9984
10016
  },
9985
10017
  "org.primer.overrides": {
9986
10018
  "dark": {
9987
- "$value": "#cbd6cd",
10019
+ "$value": "#d6e0d8",
9988
10020
  "filePath": "src/tokens/component/button.json5",
9989
10021
  "isSource": true,
9990
10022
  "$type": "color"
@@ -10039,7 +10071,7 @@
10039
10071
  },
10040
10072
  "button-outline-bgColor-rest": {
10041
10073
  "key": "{button.outline.bgColor.rest}",
10042
- "$value": "#cbd6cd",
10074
+ "$value": "#d6e0d8",
10043
10075
  "$type": "color",
10044
10076
  "$extensions": {
10045
10077
  "org.primer.figma": {
@@ -17514,7 +17546,7 @@
17514
17546
  },
17515
17547
  "control-bgColor-active": {
17516
17548
  "key": "{control.bgColor.active}",
17517
- "$value": "#cbd6cd",
17549
+ "$value": "#d6e0d8",
17518
17550
  "$type": "color",
17519
17551
  "$extensions": {
17520
17552
  "org.primer.figma": {
@@ -17555,19 +17587,19 @@
17555
17587
  "$type": "color"
17556
17588
  },
17557
17589
  "light-high-contrast": {
17558
- "$value": "#cbd6cd",
17590
+ "$value": "#d6e0d8",
17559
17591
  "filePath": "src/tokens/functional/color/control.json5",
17560
17592
  "isSource": true,
17561
17593
  "$type": "color"
17562
17594
  },
17563
17595
  "light-tritanopia-high-contrast": {
17564
- "$value": "#cbd6cd",
17596
+ "$value": "#d6e0d8",
17565
17597
  "filePath": "src/tokens/functional/color/control.json5",
17566
17598
  "isSource": true,
17567
17599
  "$type": "color"
17568
17600
  },
17569
17601
  "light-protanopia-deuteranopia-high-contrast": {
17570
- "$value": "#cbd6cd",
17602
+ "$value": "#d6e0d8",
17571
17603
  "filePath": "src/tokens/functional/color/control.json5",
17572
17604
  "isSource": true,
17573
17605
  "$type": "color"
@@ -17577,7 +17609,7 @@
17577
17609
  "filePath": "src/tokens/functional/color/control.json5",
17578
17610
  "isSource": true,
17579
17611
  "original": {
17580
- "$value": "{base.color.neutral.4}",
17612
+ "$value": "{base.color.neutral.3}",
17581
17613
  "$type": "color",
17582
17614
  "$extensions": {
17583
17615
  "org.primer.figma": {
@@ -17618,19 +17650,19 @@
17618
17650
  "$type": "color"
17619
17651
  },
17620
17652
  "light-high-contrast": {
17621
- "$value": "{base.color.neutral.4}",
17653
+ "$value": "{base.color.neutral.3}",
17622
17654
  "filePath": "src/tokens/functional/color/control.json5",
17623
17655
  "isSource": true,
17624
17656
  "$type": "color"
17625
17657
  },
17626
17658
  "light-tritanopia-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-protanopia-deuteranopia-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"
@@ -17680,7 +17712,7 @@
17680
17712
  },
17681
17713
  "control-bgColor-hover": {
17682
17714
  "key": "{control.bgColor.hover}",
17683
- "$value": "#cbd6cd",
17715
+ "$value": "#d6e0d8",
17684
17716
  "$type": "color",
17685
17717
  "$extensions": {
17686
17718
  "org.primer.figma": {
@@ -17721,19 +17753,19 @@
17721
17753
  "$type": "color"
17722
17754
  },
17723
17755
  "light-high-contrast": {
17724
- "$value": "#cbd6cd",
17756
+ "$value": "#d6e0d8",
17725
17757
  "filePath": "src/tokens/functional/color/control.json5",
17726
17758
  "isSource": true,
17727
17759
  "$type": "color"
17728
17760
  },
17729
17761
  "light-tritanopia-high-contrast": {
17730
- "$value": "#cbd6cd",
17762
+ "$value": "#d6e0d8",
17731
17763
  "filePath": "src/tokens/functional/color/control.json5",
17732
17764
  "isSource": true,
17733
17765
  "$type": "color"
17734
17766
  },
17735
17767
  "light-protanopia-deuteranopia-high-contrast": {
17736
- "$value": "#cbd6cd",
17768
+ "$value": "#d6e0d8",
17737
17769
  "filePath": "src/tokens/functional/color/control.json5",
17738
17770
  "isSource": true,
17739
17771
  "$type": "color"
@@ -17743,7 +17775,7 @@
17743
17775
  "filePath": "src/tokens/functional/color/control.json5",
17744
17776
  "isSource": true,
17745
17777
  "original": {
17746
- "$value": "{base.color.neutral.4}",
17778
+ "$value": "{base.color.neutral.3}",
17747
17779
  "$type": "color",
17748
17780
  "$extensions": {
17749
17781
  "org.primer.figma": {
@@ -17784,19 +17816,19 @@
17784
17816
  "$type": "color"
17785
17817
  },
17786
17818
  "light-high-contrast": {
17787
- "$value": "{base.color.neutral.4}",
17819
+ "$value": "{base.color.neutral.3}",
17788
17820
  "filePath": "src/tokens/functional/color/control.json5",
17789
17821
  "isSource": true,
17790
17822
  "$type": "color"
17791
17823
  },
17792
17824
  "light-tritanopia-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-protanopia-deuteranopia-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"
@@ -17811,7 +17843,7 @@
17811
17843
  },
17812
17844
  "control-bgColor-rest": {
17813
17845
  "key": "{control.bgColor.rest}",
17814
- "$value": "#cbd6cd",
17846
+ "$value": "#d6e0d8",
17815
17847
  "$type": "color",
17816
17848
  "$extensions": {
17817
17849
  "org.primer.figma": {
@@ -17852,19 +17884,19 @@
17852
17884
  "$type": "color"
17853
17885
  },
17854
17886
  "light-high-contrast": {
17855
- "$value": "#cbd6cd",
17887
+ "$value": "#d6e0d8",
17856
17888
  "filePath": "src/tokens/functional/color/control.json5",
17857
17889
  "isSource": true,
17858
17890
  "$type": "color"
17859
17891
  },
17860
17892
  "light-tritanopia-high-contrast": {
17861
- "$value": "#cbd6cd",
17893
+ "$value": "#d6e0d8",
17862
17894
  "filePath": "src/tokens/functional/color/control.json5",
17863
17895
  "isSource": true,
17864
17896
  "$type": "color"
17865
17897
  },
17866
17898
  "light-protanopia-deuteranopia-high-contrast": {
17867
- "$value": "#cbd6cd",
17899
+ "$value": "#d6e0d8",
17868
17900
  "filePath": "src/tokens/functional/color/control.json5",
17869
17901
  "isSource": true,
17870
17902
  "$type": "color"
@@ -17874,7 +17906,7 @@
17874
17906
  "filePath": "src/tokens/functional/color/control.json5",
17875
17907
  "isSource": true,
17876
17908
  "original": {
17877
- "$value": "{base.color.neutral.4}",
17909
+ "$value": "{base.color.neutral.3}",
17878
17910
  "$type": "color",
17879
17911
  "$extensions": {
17880
17912
  "org.primer.figma": {
@@ -17915,19 +17947,19 @@
17915
17947
  "$type": "color"
17916
17948
  },
17917
17949
  "light-high-contrast": {
17918
- "$value": "{base.color.neutral.4}",
17950
+ "$value": "{base.color.neutral.3}",
17919
17951
  "filePath": "src/tokens/functional/color/control.json5",
17920
17952
  "isSource": true,
17921
17953
  "$type": "color"
17922
17954
  },
17923
17955
  "light-tritanopia-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-protanopia-deuteranopia-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"
@@ -17942,7 +17974,7 @@
17942
17974
  },
17943
17975
  "control-bgColor-selected": {
17944
17976
  "key": "{control.bgColor.selected}",
17945
- "$value": "#cbd6cd",
17977
+ "$value": "#d6e0d8",
17946
17978
  "$type": "color",
17947
17979
  "$extensions": {
17948
17980
  "org.primer.figma": {
@@ -17951,7 +17983,7 @@
17951
17983
  "scopes": ["bgColor"]
17952
17984
  },
17953
17985
  "org.primer.overrides": {
17954
- "dark": "#cbd6cd"
17986
+ "dark": "#d6e0d8"
17955
17987
  }
17956
17988
  },
17957
17989
  "filePath": "src/tokens/functional/color/control.json5",
@@ -18199,7 +18231,7 @@
18199
18231
  },
18200
18232
  "control-borderColor-selected": {
18201
18233
  "key": "{control.borderColor.selected}",
18202
- "$value": "#cbd6cd",
18234
+ "$value": "#d6e0d8",
18203
18235
  "$type": "color",
18204
18236
  "$extensions": {
18205
18237
  "org.primer.figma": {