@primer/primitives 11.5.0-rc.33df3625 → 11.5.0-rc.9ec892bf

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/dark-colorblind-high-contrast.css +4 -4
  2. package/dist/css/functional/themes/dark-colorblind.css +4 -4
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +4 -4
  4. package/dist/css/functional/themes/dark-dimmed.css +4 -4
  5. package/dist/css/functional/themes/dark-high-contrast.css +4 -4
  6. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +4 -4
  7. package/dist/css/functional/themes/dark-tritanopia.css +4 -4
  8. package/dist/css/functional/themes/dark.css +4 -4
  9. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +68 -20
  10. package/dist/docs/functional/themes/dark-colorblind.json +68 -20
  11. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +68 -20
  12. package/dist/docs/functional/themes/dark-dimmed.json +68 -20
  13. package/dist/docs/functional/themes/dark-high-contrast.json +68 -20
  14. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +68 -20
  15. package/dist/docs/functional/themes/dark-tritanopia.json +68 -20
  16. package/dist/docs/functional/themes/dark.json +68 -20
  17. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +64 -16
  18. package/dist/docs/functional/themes/light-colorblind.json +64 -16
  19. package/dist/docs/functional/themes/light-high-contrast.json +64 -16
  20. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +64 -16
  21. package/dist/docs/functional/themes/light-tritanopia.json +64 -16
  22. package/dist/docs/functional/themes/light.json +64 -16
  23. package/dist/figma/themes/dark-colorblind.json +8 -8
  24. package/dist/figma/themes/dark-dimmed.json +8 -8
  25. package/dist/figma/themes/dark-high-contrast.json +8 -8
  26. package/dist/figma/themes/dark-tritanopia.json +8 -8
  27. package/dist/figma/themes/dark.json +8 -8
  28. package/dist/internalCss/dark-colorblind-high-contrast.css +4 -4
  29. package/dist/internalCss/dark-colorblind.css +4 -4
  30. package/dist/internalCss/dark-dimmed-high-contrast.css +4 -4
  31. package/dist/internalCss/dark-dimmed.css +4 -4
  32. package/dist/internalCss/dark-high-contrast.css +4 -4
  33. package/dist/internalCss/dark-tritanopia-high-contrast.css +4 -4
  34. package/dist/internalCss/dark-tritanopia.css +4 -4
  35. package/dist/internalCss/dark.css +4 -4
  36. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +68 -20
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +68 -20
  38. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +68 -20
  39. package/dist/styleLint/functional/themes/dark-dimmed.json +68 -20
  40. package/dist/styleLint/functional/themes/dark-high-contrast.json +68 -20
  41. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +68 -20
  42. package/dist/styleLint/functional/themes/dark-tritanopia.json +68 -20
  43. package/dist/styleLint/functional/themes/dark.json +68 -20
  44. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +64 -16
  45. package/dist/styleLint/functional/themes/light-colorblind.json +64 -16
  46. package/dist/styleLint/functional/themes/light-high-contrast.json +64 -16
  47. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +64 -16
  48. package/dist/styleLint/functional/themes/light-tritanopia.json +64 -16
  49. package/dist/styleLint/functional/themes/light.json +64 -16
  50. package/package.json +1 -1
  51. package/src/tokens/functional/color/control.json5 +20 -8
package/dist/css/functional/themes/dark-colorblind-high-contrast.css CHANGED
@@ -172,9 +172,9 @@
172
172
  --control-transparent-bgColor-rest: #00000000;
173
173
  --control-transparent-bgColor-selected: #2f3742;
174
174
  --control-transparent-borderColor-rest: #00000000;
175
+ --controlKnob-bgColor-rest: #2a313c;
175
176
  --controlTrack-bgColor-active: #3d444d;
176
177
  --controlTrack-bgColor-hover: #2f3742;
177
- --controlTrack-bgColor-rest: #2a313c;
178
178
  --data-auburn-color-emphasis: #a86f6b;
179
179
  --data-auburn-color-muted: #271817;
180
180
  --data-blue-color-emphasis: #0576ff;
@@ -747,6 +747,7 @@
747
747
  --control-transparent-borderColor-hover: var(--borderColor-default);
748
748
  --controlKnob-bgColor-checked: #ffffff;
749
749
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
750
+ --controlTrack-bgColor-rest: #010409;
750
751
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
751
752
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
752
753
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
@@ -861,7 +862,6 @@
861
862
  --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
862
863
  --control-fgColor-rest: var(--fgColor-default);
863
864
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
864
- --controlKnob-bgColor-rest: var(--bgColor-inset);
865
865
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
866
866
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
867
867
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
@@ -1075,9 +1075,9 @@
1075
1075
  --control-transparent-bgColor-rest: #00000000;
1076
1076
  --control-transparent-bgColor-selected: #2f3742;
1077
1077
  --control-transparent-borderColor-rest: #00000000;
1078
+ --controlKnob-bgColor-rest: #2a313c;
1078
1079
  --controlTrack-bgColor-active: #3d444d;
1079
1080
  --controlTrack-bgColor-hover: #2f3742;
1080
- --controlTrack-bgColor-rest: #2a313c;
1081
1081
  --data-auburn-color-emphasis: #a86f6b;
1082
1082
  --data-auburn-color-muted: #271817;
1083
1083
  --data-blue-color-emphasis: #0576ff;
@@ -1650,6 +1650,7 @@
1650
1650
  --control-transparent-borderColor-hover: var(--borderColor-default);
1651
1651
  --controlKnob-bgColor-checked: #ffffff;
1652
1652
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
1653
+ --controlTrack-bgColor-rest: #010409;
1653
1654
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
1654
1655
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1655
1656
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
@@ -1764,7 +1765,6 @@
1764
1765
  --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
1765
1766
  --control-fgColor-rest: var(--fgColor-default);
1766
1767
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1767
- --controlKnob-bgColor-rest: var(--bgColor-inset);
1768
1768
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1769
1769
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1770
1770
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -167,9 +167,9 @@
167
167
  --control-transparent-borderColor-active: #00000000;
168
168
  --control-transparent-borderColor-hover: #00000000;
169
169
  --control-transparent-borderColor-rest: #00000000;
170
+ --controlKnob-bgColor-rest: #262c36;
170
171
  --controlTrack-bgColor-active: #2f3742;
171
172
  --controlTrack-bgColor-hover: #2a313c;
172
- --controlTrack-bgColor-rest: #262c36;
173
173
  --counter-borderColor: #00000000;
174
174
  --data-auburn-color-emphasis: #a86f6b;
175
175
  --data-auburn-color-muted: #271817;
@@ -779,6 +779,7 @@
779
779
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
780
780
  --controlKnob-bgColor-checked: #ffffff;
781
781
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
782
+ --controlTrack-bgColor-rest: #010409;
782
783
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
783
784
  --controlTrack-borderColor-rest: var(--borderColor-default);
784
785
  --controlTrack-fgColor-rest: var(--fgColor-muted);
@@ -876,7 +877,6 @@
876
877
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
877
878
  --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
878
879
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
879
- --controlKnob-bgColor-rest: var(--bgColor-inset);
880
880
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
881
881
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
882
882
  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
@@ -1070,9 +1070,9 @@
1070
1070
  --control-transparent-borderColor-active: #00000000;
1071
1071
  --control-transparent-borderColor-hover: #00000000;
1072
1072
  --control-transparent-borderColor-rest: #00000000;
1073
+ --controlKnob-bgColor-rest: #262c36;
1073
1074
  --controlTrack-bgColor-active: #2f3742;
1074
1075
  --controlTrack-bgColor-hover: #2a313c;
1075
- --controlTrack-bgColor-rest: #262c36;
1076
1076
  --counter-borderColor: #00000000;
1077
1077
  --data-auburn-color-emphasis: #a86f6b;
1078
1078
  --data-auburn-color-muted: #271817;
@@ -1682,6 +1682,7 @@
1682
1682
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
1683
1683
  --controlKnob-bgColor-checked: #ffffff;
1684
1684
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
1685
+ --controlTrack-bgColor-rest: #010409;
1685
1686
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
1686
1687
  --controlTrack-borderColor-rest: var(--borderColor-default);
1687
1688
  --controlTrack-fgColor-rest: var(--fgColor-muted);
@@ -1779,7 +1780,6 @@
1779
1780
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
1780
1781
  --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
1781
1782
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1782
- --controlKnob-bgColor-rest: var(--bgColor-inset);
1783
1783
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1784
1784
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1785
1785
  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
package/dist/css/functional/themes/dark-dimmed-high-contrast.css CHANGED
@@ -179,9 +179,10 @@
179
179
  --control-transparent-bgColor-rest: #00000000;
180
180
  --control-transparent-bgColor-selected: #2f3742;
181
181
  --control-transparent-borderColor-rest: #00000000;
182
+ --controlKnob-bgColor-rest: #2a313c;
182
183
  --controlTrack-bgColor-active: #3d444d;
183
184
  --controlTrack-bgColor-hover: #2f3742;
184
- --controlTrack-bgColor-rest: #2a313c;
185
+ --controlTrack-bgColor-rest: #151b23;
185
186
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
186
187
  --data-auburn-color-emphasis: #a86f6b;
187
188
  --data-auburn-color-muted: #271817;
@@ -765,7 +766,6 @@
765
766
  --control-transparent-borderColor-active: var(--borderColor-default);
766
767
  --control-transparent-borderColor-hover: var(--borderColor-default);
767
768
  --controlKnob-bgColor-checked: #cdd9e5;
768
- --controlKnob-bgColor-rest: var(--bgColor-inset);
769
769
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
770
770
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
771
771
  --controlTrack-fgColor-rest: var(--fgColor-muted);
@@ -1082,9 +1082,10 @@
1082
1082
  --control-transparent-bgColor-rest: #00000000;
1083
1083
  --control-transparent-bgColor-selected: #2f3742;
1084
1084
  --control-transparent-borderColor-rest: #00000000;
1085
+ --controlKnob-bgColor-rest: #2a313c;
1085
1086
  --controlTrack-bgColor-active: #3d444d;
1086
1087
  --controlTrack-bgColor-hover: #2f3742;
1087
- --controlTrack-bgColor-rest: #2a313c;
1088
+ --controlTrack-bgColor-rest: #151b23;
1088
1089
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1089
1090
  --data-auburn-color-emphasis: #a86f6b;
1090
1091
  --data-auburn-color-muted: #271817;
@@ -1668,7 +1669,6 @@
1668
1669
  --control-transparent-borderColor-active: var(--borderColor-default);
1669
1670
  --control-transparent-borderColor-hover: var(--borderColor-default);
1670
1671
  --controlKnob-bgColor-checked: #cdd9e5;
1671
- --controlKnob-bgColor-rest: var(--bgColor-inset);
1672
1672
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
1673
1673
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
1674
1674
  --controlTrack-fgColor-rest: var(--fgColor-muted);
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -178,10 +178,11 @@
178
178
  --control-transparent-borderColor-active: #00000000;
179
179
  --control-transparent-borderColor-hover: #00000000;
180
180
  --control-transparent-borderColor-rest: #00000000;
181
+ --controlKnob-bgColor-rest: #2a313c;
181
182
  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
182
183
  --controlTrack-bgColor-active: #3d444d;
183
184
  --controlTrack-bgColor-hover: #2f3742;
184
- --controlTrack-bgColor-rest: #2a313c;
185
+ --controlTrack-bgColor-rest: #151b23;
185
186
  --controlTrack-borderColor-rest: #3d444d;
186
187
  --counter-borderColor: #00000000;
187
188
  --data-auburn-color-emphasis: #a86f6b;
@@ -799,7 +800,6 @@
799
800
  --control-iconColor-rest: var(--fgColor-muted);
800
801
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
801
802
  --controlKnob-bgColor-checked: #cdd9e5;
802
- --controlKnob-bgColor-rest: var(--bgColor-inset);
803
803
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
804
804
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
805
805
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
@@ -1081,10 +1081,11 @@
1081
1081
  --control-transparent-borderColor-active: #00000000;
1082
1082
  --control-transparent-borderColor-hover: #00000000;
1083
1083
  --control-transparent-borderColor-rest: #00000000;
1084
+ --controlKnob-bgColor-rest: #2a313c;
1084
1085
  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1085
1086
  --controlTrack-bgColor-active: #3d444d;
1086
1087
  --controlTrack-bgColor-hover: #2f3742;
1087
- --controlTrack-bgColor-rest: #2a313c;
1088
+ --controlTrack-bgColor-rest: #151b23;
1088
1089
  --controlTrack-borderColor-rest: #3d444d;
1089
1090
  --counter-borderColor: #00000000;
1090
1091
  --data-auburn-color-emphasis: #a86f6b;
@@ -1702,7 +1703,6 @@
1702
1703
  --control-iconColor-rest: var(--fgColor-muted);
1703
1704
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
1704
1705
  --controlKnob-bgColor-checked: #cdd9e5;
1705
- --controlKnob-bgColor-rest: var(--bgColor-inset);
1706
1706
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
1707
1707
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
1708
1708
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -170,9 +170,9 @@
170
170
  --control-transparent-bgColor-rest: #00000000;
171
171
  --control-transparent-bgColor-selected: #2f3742;
172
172
  --control-transparent-borderColor-rest: #00000000;
173
+ --controlKnob-bgColor-rest: #2a313c;
173
174
  --controlTrack-bgColor-active: #3d444d;
174
175
  --controlTrack-bgColor-hover: #2f3742;
175
- --controlTrack-bgColor-rest: #2a313c;
176
176
  --data-auburn-color-emphasis: #a86f6b;
177
177
  --data-auburn-color-muted: #271817;
178
178
  --data-blue-color-emphasis: #0576ff;
@@ -744,6 +744,7 @@
744
744
  --control-transparent-borderColor-hover: var(--borderColor-default);
745
745
  --controlKnob-bgColor-checked: #ffffff;
746
746
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
747
+ --controlTrack-bgColor-rest: #010409;
747
748
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
748
749
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
749
750
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
@@ -859,7 +860,6 @@
859
860
  --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
860
861
  --control-fgColor-rest: var(--fgColor-default);
861
862
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
862
- --controlKnob-bgColor-rest: var(--bgColor-inset);
863
863
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
864
864
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
865
865
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
@@ -1073,9 +1073,9 @@
1073
1073
  --control-transparent-bgColor-rest: #00000000;
1074
1074
  --control-transparent-bgColor-selected: #2f3742;
1075
1075
  --control-transparent-borderColor-rest: #00000000;
1076
+ --controlKnob-bgColor-rest: #2a313c;
1076
1077
  --controlTrack-bgColor-active: #3d444d;
1077
1078
  --controlTrack-bgColor-hover: #2f3742;
1078
- --controlTrack-bgColor-rest: #2a313c;
1079
1079
  --data-auburn-color-emphasis: #a86f6b;
1080
1080
  --data-auburn-color-muted: #271817;
1081
1081
  --data-blue-color-emphasis: #0576ff;
@@ -1647,6 +1647,7 @@
1647
1647
  --control-transparent-borderColor-hover: var(--borderColor-default);
1648
1648
  --controlKnob-bgColor-checked: #ffffff;
1649
1649
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
1650
+ --controlTrack-bgColor-rest: #010409;
1650
1651
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
1651
1652
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1652
1653
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
@@ -1762,7 +1763,6 @@
1762
1763
  --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
1763
1764
  --control-fgColor-rest: var(--fgColor-default);
1764
1765
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1765
- --controlKnob-bgColor-rest: var(--bgColor-inset);
1766
1766
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1767
1767
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1768
1768
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
package/dist/css/functional/themes/dark-tritanopia-high-contrast.css CHANGED
@@ -173,9 +173,9 @@
173
173
  --control-transparent-bgColor-rest: #00000000;
174
174
  --control-transparent-bgColor-selected: #2f3742;
175
175
  --control-transparent-borderColor-rest: #00000000;
176
+ --controlKnob-bgColor-rest: #2a313c;
176
177
  --controlTrack-bgColor-active: #3d444d;
177
178
  --controlTrack-bgColor-hover: #2f3742;
178
- --controlTrack-bgColor-rest: #2a313c;
179
179
  --data-auburn-color-emphasis: #a86f6b;
180
180
  --data-auburn-color-muted: #271817;
181
181
  --data-blue-color-emphasis: #0576ff;
@@ -746,6 +746,7 @@
746
746
  --control-transparent-borderColor-hover: var(--borderColor-default);
747
747
  --controlKnob-bgColor-checked: #ffffff;
748
748
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
749
+ --controlTrack-bgColor-rest: #010409;
749
750
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
750
751
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
751
752
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
@@ -861,7 +862,6 @@
861
862
  --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
862
863
  --control-fgColor-rest: var(--fgColor-default);
863
864
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
864
- --controlKnob-bgColor-rest: var(--bgColor-inset);
865
865
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
866
866
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
867
867
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
@@ -1076,9 +1076,9 @@
1076
1076
  --control-transparent-bgColor-rest: #00000000;
1077
1077
  --control-transparent-bgColor-selected: #2f3742;
1078
1078
  --control-transparent-borderColor-rest: #00000000;
1079
+ --controlKnob-bgColor-rest: #2a313c;
1079
1080
  --controlTrack-bgColor-active: #3d444d;
1080
1081
  --controlTrack-bgColor-hover: #2f3742;
1081
- --controlTrack-bgColor-rest: #2a313c;
1082
1082
  --data-auburn-color-emphasis: #a86f6b;
1083
1083
  --data-auburn-color-muted: #271817;
1084
1084
  --data-blue-color-emphasis: #0576ff;
@@ -1649,6 +1649,7 @@
1649
1649
  --control-transparent-borderColor-hover: var(--borderColor-default);
1650
1650
  --controlKnob-bgColor-checked: #ffffff;
1651
1651
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
1652
+ --controlTrack-bgColor-rest: #010409;
1652
1653
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
1653
1654
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1654
1655
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
@@ -1764,7 +1765,6 @@
1764
1765
  --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
1765
1766
  --control-fgColor-rest: var(--fgColor-default);
1766
1767
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1767
- --controlKnob-bgColor-rest: var(--bgColor-inset);
1768
1768
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1769
1769
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1770
1770
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -171,9 +171,9 @@
171
171
  --control-transparent-borderColor-active: #00000000;
172
172
  --control-transparent-borderColor-hover: #00000000;
173
173
  --control-transparent-borderColor-rest: #00000000;
174
+ --controlKnob-bgColor-rest: #262c36;
174
175
  --controlTrack-bgColor-active: #2f3742;
175
176
  --controlTrack-bgColor-hover: #2a313c;
176
- --controlTrack-bgColor-rest: #262c36;
177
177
  --counter-borderColor: #00000000;
178
178
  --data-auburn-color-emphasis: #a86f6b;
179
179
  --data-auburn-color-muted: #271817;
@@ -780,6 +780,7 @@
780
780
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
781
781
  --controlKnob-bgColor-checked: #ffffff;
782
782
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
783
+ --controlTrack-bgColor-rest: #010409;
783
784
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
784
785
  --controlTrack-borderColor-rest: var(--borderColor-default);
785
786
  --controlTrack-fgColor-rest: var(--fgColor-muted);
@@ -876,7 +877,6 @@
876
877
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
877
878
  --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
878
879
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
879
- --controlKnob-bgColor-rest: var(--bgColor-inset);
880
880
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
881
881
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
882
882
  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
@@ -1074,9 +1074,9 @@
1074
1074
  --control-transparent-borderColor-active: #00000000;
1075
1075
  --control-transparent-borderColor-hover: #00000000;
1076
1076
  --control-transparent-borderColor-rest: #00000000;
1077
+ --controlKnob-bgColor-rest: #262c36;
1077
1078
  --controlTrack-bgColor-active: #2f3742;
1078
1079
  --controlTrack-bgColor-hover: #2a313c;
1079
- --controlTrack-bgColor-rest: #262c36;
1080
1080
  --counter-borderColor: #00000000;
1081
1081
  --data-auburn-color-emphasis: #a86f6b;
1082
1082
  --data-auburn-color-muted: #271817;
@@ -1683,6 +1683,7 @@
1683
1683
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
1684
1684
  --controlKnob-bgColor-checked: #ffffff;
1685
1685
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
1686
+ --controlTrack-bgColor-rest: #010409;
1686
1687
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
1687
1688
  --controlTrack-borderColor-rest: var(--borderColor-default);
1688
1689
  --controlTrack-fgColor-rest: var(--fgColor-muted);
@@ -1779,7 +1780,6 @@
1779
1780
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
1780
1781
  --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
1781
1782
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1782
- --controlKnob-bgColor-rest: var(--bgColor-inset);
1783
1783
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1784
1784
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1785
1785
  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
package/dist/css/functional/themes/dark.css CHANGED
@@ -165,9 +165,9 @@
165
165
  --control-transparent-borderColor-active: #00000000;
166
166
  --control-transparent-borderColor-hover: #00000000;
167
167
  --control-transparent-borderColor-rest: #00000000;
168
+ --controlKnob-bgColor-rest: #262c36;
168
169
  --controlTrack-bgColor-active: #2f3742;
169
170
  --controlTrack-bgColor-hover: #2a313c;
170
- --controlTrack-bgColor-rest: #262c36;
171
171
  --counter-borderColor: #00000000;
172
172
  --data-auburn-color-emphasis: #a86f6b;
173
173
  --data-auburn-color-muted: #271817;
@@ -775,6 +775,7 @@
775
775
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
776
776
  --controlKnob-bgColor-checked: #ffffff;
777
777
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
778
+ --controlTrack-bgColor-rest: #010409;
778
779
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
779
780
  --controlTrack-borderColor-rest: var(--borderColor-default);
780
781
  --controlTrack-fgColor-rest: var(--fgColor-muted);
@@ -874,7 +875,6 @@
874
875
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
875
876
  --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
876
877
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
877
- --controlKnob-bgColor-rest: var(--bgColor-inset);
878
878
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
879
879
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
880
880
  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
@@ -1068,9 +1068,9 @@
1068
1068
  --control-transparent-borderColor-active: #00000000;
1069
1069
  --control-transparent-borderColor-hover: #00000000;
1070
1070
  --control-transparent-borderColor-rest: #00000000;
1071
+ --controlKnob-bgColor-rest: #262c36;
1071
1072
  --controlTrack-bgColor-active: #2f3742;
1072
1073
  --controlTrack-bgColor-hover: #2a313c;
1073
- --controlTrack-bgColor-rest: #262c36;
1074
1074
  --counter-borderColor: #00000000;
1075
1075
  --data-auburn-color-emphasis: #a86f6b;
1076
1076
  --data-auburn-color-muted: #271817;
@@ -1678,6 +1678,7 @@
1678
1678
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
1679
1679
  --controlKnob-bgColor-checked: #ffffff;
1680
1680
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
1681
+ --controlTrack-bgColor-rest: #010409;
1681
1682
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
1682
1683
  --controlTrack-borderColor-rest: var(--borderColor-default);
1683
1684
  --controlTrack-fgColor-rest: var(--fgColor-muted);
@@ -1777,7 +1778,6 @@
1777
1778
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
1778
1779
  --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
1779
1780
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1780
- --controlKnob-bgColor-rest: var(--bgColor-inset);
1781
1781
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1782
1782
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1783
1783
  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
package/dist/docs/functional/themes/dark-colorblind-high-contrast.json CHANGED
@@ -20308,9 +20308,33 @@
20308
20308
  "scopes": ["bgColor"]
20309
20309
  },
20310
20310
  "org.primer.overrides": {
20311
- "dark": "#010409",
20311
+ "dark": "#262c36",
20312
+ "dark-high-contrast": {
20313
+ "$value": "#2a313c",
20314
+ "filePath": "src/tokens/functional/color/control.json5",
20315
+ "isSource": true,
20316
+ "$type": "color"
20317
+ },
20318
+ "dark-tritanopia-high-contrast": {
20319
+ "$value": "#2a313c",
20320
+ "filePath": "src/tokens/functional/color/control.json5",
20321
+ "isSource": true,
20322
+ "$type": "color"
20323
+ },
20324
+ "dark-protanopia-deuteranopia-high-contrast": {
20325
+ "$value": "#2a313c",
20326
+ "filePath": "src/tokens/functional/color/control.json5",
20327
+ "isSource": true,
20328
+ "$type": "color"
20329
+ },
20312
20330
  "dark-dimmed": {
20313
- "$value": "#010409",
20331
+ "$value": "#2a313c",
20332
+ "filePath": "src/tokens/functional/color/control.json5",
20333
+ "isSource": true,
20334
+ "$type": "color"
20335
+ },
20336
+ "dark-dimmed-high-contrast": {
20337
+ "$value": "#2a313c",
20314
20338
  "filePath": "src/tokens/functional/color/control.json5",
20315
20339
  "isSource": true,
20316
20340
  "$type": "color"
@@ -20320,7 +20344,7 @@
20320
20344
  "filePath": "src/tokens/functional/color/control.json5",
20321
20345
  "isSource": true,
20322
20346
  "original": {
20323
- "$value": "{bgColor.inset}",
20347
+ "$value": "{base.color.neutral.5}",
20324
20348
  "$type": "color",
20325
20349
  "$extensions": {
20326
20350
  "org.primer.figma": {
@@ -20329,9 +20353,33 @@
20329
20353
  "scopes": ["bgColor"]
20330
20354
  },
20331
20355
  "org.primer.overrides": {
20332
- "dark": "{bgColor.inset}",
20356
+ "dark": "{base.color.neutral.4}",
20357
+ "dark-high-contrast": {
20358
+ "$value": "{base.color.neutral.5}",
20359
+ "filePath": "src/tokens/functional/color/control.json5",
20360
+ "isSource": true,
20361
+ "$type": "color"
20362
+ },
20363
+ "dark-tritanopia-high-contrast": {
20364
+ "$value": "{base.color.neutral.5}",
20365
+ "filePath": "src/tokens/functional/color/control.json5",
20366
+ "isSource": true,
20367
+ "$type": "color"
20368
+ },
20369
+ "dark-protanopia-deuteranopia-high-contrast": {
20370
+ "$value": "{base.color.neutral.5}",
20371
+ "filePath": "src/tokens/functional/color/control.json5",
20372
+ "isSource": true,
20373
+ "$type": "color"
20374
+ },
20333
20375
  "dark-dimmed": {
20334
- "$value": "{bgColor.inset}",
20376
+ "$value": "{base.color.neutral.5}",
20377
+ "filePath": "src/tokens/functional/color/control.json5",
20378
+ "isSource": true,
20379
+ "$type": "color"
20380
+ },
20381
+ "dark-dimmed-high-contrast": {
20382
+ "$value": "{base.color.neutral.5}",
20335
20383
  "filePath": "src/tokens/functional/color/control.json5",
20336
20384
  "isSource": true,
20337
20385
  "$type": "color"
@@ -20343,7 +20391,7 @@
20343
20391
  "name": "controlKnob-bgColor-rest",
20344
20392
  "attributes": {},
20345
20393
  "path": ["controlKnob", "bgColor", "rest"],
20346
- "value": "#010409",
20394
+ "value": "#2a313c",
20347
20395
  "type": "color"
20348
20396
  },
20349
20397
  "controlKnob-borderColor-checked": {
@@ -20771,33 +20819,33 @@
20771
20819
  "scopes": ["bgColor"]
20772
20820
  },
20773
20821
  "org.primer.overrides": {
20774
- "dark": "#262c36",
20822
+ "dark": "#010409",
20775
20823
  "dark-high-contrast": {
20776
- "$value": "#2a313c",
20824
+ "$value": "#010409",
20777
20825
  "filePath": "src/tokens/functional/color/control.json5",
20778
20826
  "isSource": true,
20779
20827
  "$type": "color"
20780
20828
  },
20781
20829
  "dark-tritanopia-high-contrast": {
20782
- "$value": "#2a313c",
20830
+ "$value": "#010409",
20783
20831
  "filePath": "src/tokens/functional/color/control.json5",
20784
20832
  "isSource": true,
20785
20833
  "$type": "color"
20786
20834
  },
20787
20835
  "dark-protanopia-deuteranopia-high-contrast": {
20788
- "$value": "#2a313c",
20836
+ "$value": "#010409",
20789
20837
  "filePath": "src/tokens/functional/color/control.json5",
20790
20838
  "isSource": true,
20791
20839
  "$type": "color"
20792
20840
  },
20793
20841
  "dark-dimmed": {
20794
- "$value": "#2a313c",
20842
+ "$value": "#151b23",
20795
20843
  "filePath": "src/tokens/functional/color/control.json5",
20796
20844
  "isSource": true,
20797
20845
  "$type": "color"
20798
20846
  },
20799
20847
  "dark-dimmed-high-contrast": {
20800
- "$value": "#2a313c",
20848
+ "$value": "#151b23",
20801
20849
  "filePath": "src/tokens/functional/color/control.json5",
20802
20850
  "isSource": true,
20803
20851
  "$type": "color"
@@ -20825,7 +20873,7 @@
20825
20873
  "filePath": "src/tokens/functional/color/control.json5",
20826
20874
  "isSource": true,
20827
20875
  "original": {
20828
- "$value": "{base.color.neutral.5}",
20876
+ "$value": "{base.color.neutral.0}",
20829
20877
  "$type": "color",
20830
20878
  "$extensions": {
20831
20879
  "org.primer.figma": {
@@ -20834,33 +20882,33 @@
20834
20882
  "scopes": ["bgColor"]
20835
20883
  },
20836
20884
  "org.primer.overrides": {
20837
- "dark": "{base.color.neutral.4}",
20885
+ "dark": "{base.color.neutral.0}",
20838
20886
  "dark-high-contrast": {
20839
- "$value": "{base.color.neutral.5}",
20887
+ "$value": "{base.color.neutral.0}",
20840
20888
  "filePath": "src/tokens/functional/color/control.json5",
20841
20889
  "isSource": true,
20842
20890
  "$type": "color"
20843
20891
  },
20844
20892
  "dark-tritanopia-high-contrast": {
20845
- "$value": "{base.color.neutral.5}",
20893
+ "$value": "{base.color.neutral.0}",
20846
20894
  "filePath": "src/tokens/functional/color/control.json5",
20847
20895
  "isSource": true,
20848
20896
  "$type": "color"
20849
20897
  },
20850
20898
  "dark-protanopia-deuteranopia-high-contrast": {
20851
- "$value": "{base.color.neutral.5}",
20899
+ "$value": "{base.color.neutral.0}",
20852
20900
  "filePath": "src/tokens/functional/color/control.json5",
20853
20901
  "isSource": true,
20854
20902
  "$type": "color"
20855
20903
  },
20856
20904
  "dark-dimmed": {
20857
- "$value": "{base.color.neutral.5}",
20905
+ "$value": "{base.color.neutral.2}",
20858
20906
  "filePath": "src/tokens/functional/color/control.json5",
20859
20907
  "isSource": true,
20860
20908
  "$type": "color"
20861
20909
  },
20862
20910
  "dark-dimmed-high-contrast": {
20863
- "$value": "{base.color.neutral.5}",
20911
+ "$value": "{base.color.neutral.2}",
20864
20912
  "filePath": "src/tokens/functional/color/control.json5",
20865
20913
  "isSource": true,
20866
20914
  "$type": "color"
@@ -20890,7 +20938,7 @@
20890
20938
  "name": "controlTrack-bgColor-rest",
20891
20939
  "attributes": {},
20892
20940
  "path": ["controlTrack", "bgColor", "rest"],
20893
- "value": "#2a313c",
20941
+ "value": "#010409",
20894
20942
  "type": "color"
20895
20943
  },
20896
20944
  "controlTrack-borderColor-disabled": {