@nayhoo/ui 0.4.2 → 0.5.0

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 (17) hide show
  1. package/dist/{chunk-CI5TDSK3.mjs → chunk-2IKFUUSU.mjs} +2 -2
  2. package/dist/chunk-2IKFUUSU.mjs.map +1 -0
  3. package/dist/index.css +505 -479
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.mts +91 -38
  6. package/dist/index.d.ts +91 -38
  7. package/dist/index.js +5 -5
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.mjs +5 -5
  10. package/dist/index.mjs.map +1 -1
  11. package/dist/providers/index.css +276 -234
  12. package/dist/providers/index.css.map +1 -1
  13. package/dist/providers/index.js +1 -1
  14. package/dist/providers/index.js.map +1 -1
  15. package/dist/providers/index.mjs +1 -1
  16. package/package.json +1 -1
  17. package/dist/chunk-CI5TDSK3.mjs.map +0 -1
package/dist/index.d.mts CHANGED
@@ -173,11 +173,6 @@ type BoxProps = ComponentProps<typeof defaultElement$e, BoxVariants>;
173
173
  declare const Box: ({ asChild, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
174
174
 
175
175
  declare const buttonRecipe: _vanilla_extract_recipes.RuntimeFn<{
176
- color: {
177
- primary: {};
178
- secondary: {};
179
- error: {};
180
- };
181
176
  fullWidth: {
182
177
  true: {
183
178
  width: "100%";
@@ -221,10 +216,28 @@ declare const buttonRecipe: _vanilla_extract_recipes.RuntimeFn<{
221
216
  };
222
217
  };
223
218
  variant: {
224
- default: {
219
+ primary: {
220
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
221
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
222
  selectors: {
226
- "&:hover": {};
227
- "&:active": {};
223
+ "&:hover": {
224
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
+ };
226
+ "&:active": {
227
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
+ };
229
+ };
230
+ };
231
+ secondary: {
232
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
+ selectors: {
235
+ "&:hover": {
236
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
237
+ };
238
+ "&:active": {
239
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
240
+ };
228
241
  };
229
242
  };
230
243
  outline: {
@@ -236,9 +249,6 @@ declare const buttonRecipe: _vanilla_extract_recipes.RuntimeFn<{
236
249
  "&:active": {
237
250
  backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
251
  };
239
- "&:focus": {
240
- boxShadow: `inset 0 0 0 1px var(--${string}), 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}), 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}), 0 0 0 1px var(--${string}, ${number})` | `inset 0 0 0 1px var(--${string}, ${string}), 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${string}), 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}, ${string}), 0 0 0 1px var(--${string}, ${number})` | `inset 0 0 0 1px var(--${string}, ${number}), 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${number}), 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}, ${number}), 0 0 0 1px var(--${string}, ${number})`;
241
- };
242
252
  };
243
253
  };
244
254
  ghost: {
@@ -246,13 +256,33 @@ declare const buttonRecipe: _vanilla_extract_recipes.RuntimeFn<{
246
256
  selectors: {
247
257
  "&:hover": {
248
258
  backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
249
- boxShadow: "none";
250
259
  };
251
260
  "&:active": {
252
261
  backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
253
262
  };
254
- "&:focus": {
255
- boxShadow: `inset 0 0 0 1px var(--${string}), 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}), 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}), 0 0 0 1px var(--${string}, ${number})` | `inset 0 0 0 1px var(--${string}, ${string}), 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${string}), 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}, ${string}), 0 0 0 1px var(--${string}, ${number})` | `inset 0 0 0 1px var(--${string}, ${number}), 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${number}), 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}, ${number}), 0 0 0 1px var(--${string}, ${number})`;
263
+ };
264
+ };
265
+ error: {
266
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
267
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
268
+ selectors: {
269
+ "&:hover": {
270
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
271
+ };
272
+ "&:active": {
273
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
274
+ };
275
+ };
276
+ };
277
+ success: {
278
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
279
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
280
+ selectors: {
281
+ "&:hover": {
282
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
283
+ };
284
+ "&:active": {
285
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
256
286
  };
257
287
  };
258
288
  };
@@ -941,44 +971,42 @@ declare const defaultElement$2 = "div";
941
971
  type StatusProps = ComponentProps<typeof defaultElement$2, StatusVariants>;
942
972
  declare const Status: ({ asChild, ...props }: StatusProps) => react_jsx_runtime.JSX.Element;
943
973
 
974
+ declare const switchRecipe: _vanilla_extract_recipes.RuntimeFn<{
975
+ size: {
976
+ "1": {
977
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
978
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
979
+ };
980
+ "2": {
981
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
982
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
983
+ };
984
+ };
985
+ }>;
986
+ type SwitchVariants = NonNullable<RecipeVariants<typeof switchRecipe>>;
944
987
  declare const switchThumbRecipe: _vanilla_extract_recipes.RuntimeFn<{
945
988
  size: {
946
989
  "1": {
947
- width: number;
948
- height: number;
949
- transform: "translateX(1px)";
990
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
991
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
950
992
  selectors: {
951
993
  '&[data-state="checked"]': {
952
- transform: "translateX(11px)";
994
+ transform: "translateX(10px)";
953
995
  };
954
996
  };
955
997
  };
956
998
  "2": {
957
- width: number;
958
- height: number;
959
- transform: "translateX(2px)";
999
+ width: "20px";
1000
+ height: "20px";
960
1001
  selectors: {
961
1002
  '&[data-state="checked"]': {
962
- transform: "translateX(22px)";
1003
+ transform: "translateX(18px)";
963
1004
  };
964
1005
  };
965
1006
  };
966
1007
  };
967
1008
  }>;
968
1009
  type SwitchThumbVariants = NonNullable<RecipeVariants<typeof switchThumbRecipe>>;
969
- declare const switchRecipe: _vanilla_extract_recipes.RuntimeFn<{
970
- size: {
971
- "1": {
972
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
973
- height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
974
- };
975
- "2": {
976
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
977
- height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
978
- };
979
- };
980
- }>;
981
- type SwitchVariants = NonNullable<RecipeVariants<typeof switchRecipe>>;
982
1010
 
983
1011
  type SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;
984
1012
  declare const SwitchThumb: ({ ...props }: SwitchThumbProps) => react_jsx_runtime.JSX.Element;
@@ -4804,7 +4832,6 @@ declare const theme: {
4804
4832
  primaryA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4805
4833
  primaryA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4806
4834
  };
4807
- primaryTextContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4808
4835
  secondary: {
4809
4836
  secondary1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4810
4837
  secondary2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -4833,7 +4860,6 @@ declare const theme: {
4833
4860
  secondaryA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4834
4861
  secondaryA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4835
4862
  };
4836
- secondaryTextContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4837
4863
  error: {
4838
4864
  error1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4839
4865
  error2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -4862,7 +4888,34 @@ declare const theme: {
4862
4888
  errorA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4863
4889
  errorA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4864
4890
  };
4865
- errorTextContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4891
+ success: {
4892
+ success1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4893
+ success2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4894
+ success3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4895
+ success4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4896
+ success5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4897
+ success6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4898
+ success7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4899
+ success8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4900
+ success9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4901
+ success10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4902
+ success11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4903
+ success12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4904
+ };
4905
+ successA: {
4906
+ successA1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4907
+ successA2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4908
+ successA3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4909
+ successA4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4910
+ successA5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4911
+ successA6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4912
+ successA7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4913
+ successA8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4914
+ successA9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4915
+ successA10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4916
+ successA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4917
+ successA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4918
+ };
4866
4919
  background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4867
4920
  backgroundTextContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4868
4921
  surface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
package/dist/index.d.ts CHANGED
@@ -173,11 +173,6 @@ type BoxProps = ComponentProps<typeof defaultElement$e, BoxVariants>;
173
173
  declare const Box: ({ asChild, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
174
174
 
175
175
  declare const buttonRecipe: _vanilla_extract_recipes.RuntimeFn<{
176
- color: {
177
- primary: {};
178
- secondary: {};
179
- error: {};
180
- };
181
176
  fullWidth: {
182
177
  true: {
183
178
  width: "100%";
@@ -221,10 +216,28 @@ declare const buttonRecipe: _vanilla_extract_recipes.RuntimeFn<{
221
216
  };
222
217
  };
223
218
  variant: {
224
- default: {
219
+ primary: {
220
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
221
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
222
  selectors: {
226
- "&:hover": {};
227
- "&:active": {};
223
+ "&:hover": {
224
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
+ };
226
+ "&:active": {
227
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
+ };
229
+ };
230
+ };
231
+ secondary: {
232
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
+ selectors: {
235
+ "&:hover": {
236
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
237
+ };
238
+ "&:active": {
239
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
240
+ };
228
241
  };
229
242
  };
230
243
  outline: {
@@ -236,9 +249,6 @@ declare const buttonRecipe: _vanilla_extract_recipes.RuntimeFn<{
236
249
  "&:active": {
237
250
  backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
251
  };
239
- "&:focus": {
240
- boxShadow: `inset 0 0 0 1px var(--${string}), 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}), 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}), 0 0 0 1px var(--${string}, ${number})` | `inset 0 0 0 1px var(--${string}, ${string}), 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${string}), 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}, ${string}), 0 0 0 1px var(--${string}, ${number})` | `inset 0 0 0 1px var(--${string}, ${number}), 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${number}), 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}, ${number}), 0 0 0 1px var(--${string}, ${number})`;
241
- };
242
252
  };
243
253
  };
244
254
  ghost: {
@@ -246,13 +256,33 @@ declare const buttonRecipe: _vanilla_extract_recipes.RuntimeFn<{
246
256
  selectors: {
247
257
  "&:hover": {
248
258
  backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
249
- boxShadow: "none";
250
259
  };
251
260
  "&:active": {
252
261
  backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
253
262
  };
254
- "&:focus": {
255
- boxShadow: `inset 0 0 0 1px var(--${string}), 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}), 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}), 0 0 0 1px var(--${string}, ${number})` | `inset 0 0 0 1px var(--${string}, ${string}), 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${string}), 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}, ${string}), 0 0 0 1px var(--${string}, ${number})` | `inset 0 0 0 1px var(--${string}, ${number}), 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${number}), 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}, ${number}), 0 0 0 1px var(--${string}, ${number})`;
263
+ };
264
+ };
265
+ error: {
266
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
267
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
268
+ selectors: {
269
+ "&:hover": {
270
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
271
+ };
272
+ "&:active": {
273
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
274
+ };
275
+ };
276
+ };
277
+ success: {
278
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
279
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
280
+ selectors: {
281
+ "&:hover": {
282
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
283
+ };
284
+ "&:active": {
285
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
256
286
  };
257
287
  };
258
288
  };
@@ -941,44 +971,42 @@ declare const defaultElement$2 = "div";
941
971
  type StatusProps = ComponentProps<typeof defaultElement$2, StatusVariants>;
942
972
  declare const Status: ({ asChild, ...props }: StatusProps) => react_jsx_runtime.JSX.Element;
943
973
 
974
+ declare const switchRecipe: _vanilla_extract_recipes.RuntimeFn<{
975
+ size: {
976
+ "1": {
977
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
978
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
979
+ };
980
+ "2": {
981
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
982
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
983
+ };
984
+ };
985
+ }>;
986
+ type SwitchVariants = NonNullable<RecipeVariants<typeof switchRecipe>>;
944
987
  declare const switchThumbRecipe: _vanilla_extract_recipes.RuntimeFn<{
945
988
  size: {
946
989
  "1": {
947
- width: number;
948
- height: number;
949
- transform: "translateX(1px)";
990
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
991
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
950
992
  selectors: {
951
993
  '&[data-state="checked"]': {
952
- transform: "translateX(11px)";
994
+ transform: "translateX(10px)";
953
995
  };
954
996
  };
955
997
  };
956
998
  "2": {
957
- width: number;
958
- height: number;
959
- transform: "translateX(2px)";
999
+ width: "20px";
1000
+ height: "20px";
960
1001
  selectors: {
961
1002
  '&[data-state="checked"]': {
962
- transform: "translateX(22px)";
1003
+ transform: "translateX(18px)";
963
1004
  };
964
1005
  };
965
1006
  };
966
1007
  };
967
1008
  }>;
968
1009
  type SwitchThumbVariants = NonNullable<RecipeVariants<typeof switchThumbRecipe>>;
969
- declare const switchRecipe: _vanilla_extract_recipes.RuntimeFn<{
970
- size: {
971
- "1": {
972
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
973
- height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
974
- };
975
- "2": {
976
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
977
- height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
978
- };
979
- };
980
- }>;
981
- type SwitchVariants = NonNullable<RecipeVariants<typeof switchRecipe>>;
982
1010
 
983
1011
  type SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;
984
1012
  declare const SwitchThumb: ({ ...props }: SwitchThumbProps) => react_jsx_runtime.JSX.Element;
@@ -4804,7 +4832,6 @@ declare const theme: {
4804
4832
  primaryA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4805
4833
  primaryA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4806
4834
  };
4807
- primaryTextContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4808
4835
  secondary: {
4809
4836
  secondary1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4810
4837
  secondary2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -4833,7 +4860,6 @@ declare const theme: {
4833
4860
  secondaryA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4834
4861
  secondaryA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4835
4862
  };
4836
- secondaryTextContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4837
4863
  error: {
4838
4864
  error1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4839
4865
  error2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -4862,7 +4888,34 @@ declare const theme: {
4862
4888
  errorA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4863
4889
  errorA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4864
4890
  };
4865
- errorTextContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4891
+ success: {
4892
+ success1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4893
+ success2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4894
+ success3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4895
+ success4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4896
+ success5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4897
+ success6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4898
+ success7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4899
+ success8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4900
+ success9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4901
+ success10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4902
+ success11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4903
+ success12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4904
+ };
4905
+ successA: {
4906
+ successA1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4907
+ successA2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4908
+ successA3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4909
+ successA4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4910
+ successA5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4911
+ successA6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4912
+ successA7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4913
+ successA8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4914
+ successA9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4915
+ successA10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4916
+ successA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4917
+ successA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4918
+ };
4866
4919
  background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4867
4920
  backgroundTextContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4868
4921
  surface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;