@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
@@ -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}"
@@ -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"
@@ -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"
@@ -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"
@@ -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"
@@ -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"
@@ -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"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "0.0.0-20260709212708",
3
+ "version": "0.0.0-20260709215427",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "type": "module",
6
6
  "workspaces": [
@@ -11,6 +11,14 @@
11
11
  group: 'component (internal)',
12
12
  scopes: ['bgColor'],
13
13
  },
14
+ 'org.primer.overrides': {
15
+ light: '{base.color.neutral.4}',
16
+ 'light-tritanopia': '{base.color.neutral.4}',
17
+ 'light-protanopia-deuteranopia': '{base.color.neutral.4}',
18
+ 'light-high-contrast': '{base.color.neutral.4}',
19
+ 'light-tritanopia-high-contrast': '{base.color.neutral.4}',
20
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.4}',
21
+ },
14
22
  },
15
23
  },
16
24
  muted: {
@@ -22,6 +30,14 @@
22
30
  group: 'component (internal)',
23
31
  scopes: ['bgColor'],
24
32
  },
33
+ 'org.primer.overrides': {
34
+ light: '{base.color.neutral.3}',
35
+ 'light-tritanopia': '{base.color.neutral.3}',
36
+ 'light-protanopia-deuteranopia': '{base.color.neutral.3}',
37
+ 'light-high-contrast': '{base.color.neutral.3}',
38
+ 'light-tritanopia-high-contrast': '{base.color.neutral.3}',
39
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
40
+ },
25
41
  },
26
42
  },
27
43
  },
@@ -35,13 +35,13 @@
35
35
  $value: '{base.color.neutral.4}',
36
36
  },
37
37
  'light-high-contrast': {
38
- $value: '{base.color.neutral.4}',
38
+ $value: '{base.color.neutral.3}',
39
39
  },
40
40
  'light-tritanopia-high-contrast': {
41
- $value: '{base.color.neutral.4}',
41
+ $value: '{base.color.neutral.3}',
42
42
  },
43
43
  'light-protanopia-deuteranopia-high-contrast': {
44
- $value: '{base.color.neutral.4}',
44
+ $value: '{base.color.neutral.3}',
45
45
  },
46
46
  },
47
47
  },
@@ -73,13 +73,13 @@
73
73
  $value: '{base.color.neutral.5}',
74
74
  },
75
75
  'light-high-contrast': {
76
- $value: '{base.color.neutral.4}',
76
+ $value: '{base.color.neutral.3}',
77
77
  },
78
78
  'light-tritanopia-high-contrast': {
79
- $value: '{base.color.neutral.4}',
79
+ $value: '{base.color.neutral.3}',
80
80
  },
81
81
  'light-protanopia-deuteranopia-high-contrast': {
82
- $value: '{base.color.neutral.4}',
82
+ $value: '{base.color.neutral.3}',
83
83
  },
84
84
  },
85
85
  },
@@ -111,13 +111,13 @@
111
111
  $value: '{base.color.neutral.6}',
112
112
  },
113
113
  'light-high-contrast': {
114
- $value: '{base.color.neutral.4}',
114
+ $value: '{base.color.neutral.3}',
115
115
  },
116
116
  'light-tritanopia-high-contrast': {
117
- $value: '{base.color.neutral.4}',
117
+ $value: '{base.color.neutral.3}',
118
118
  },
119
119
  'light-protanopia-deuteranopia-high-contrast': {
120
- $value: '{base.color.neutral.4}',
120
+ $value: '{base.color.neutral.3}',
121
121
  },
122
122
  },
123
123
  },