@nayhoo/ui 0.4.1 → 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.
- package/dist/{chunk-CI5TDSK3.mjs → chunk-2IKFUUSU.mjs} +2 -2
- package/dist/chunk-2IKFUUSU.mjs.map +1 -0
- package/dist/index.css +507 -468
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +97 -19
- package/dist/index.d.ts +97 -19
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -5
- package/dist/index.mjs.map +1 -1
- package/dist/providers/index.css +276 -234
- package/dist/providers/index.css.map +1 -1
- package/dist/providers/index.js +1 -1
- package/dist/providers/index.js.map +1 -1
- package/dist/providers/index.mjs +1 -1
- package/package.json +3 -2
- 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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
255
|
-
|
|
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
|
};
|
|
@@ -954,8 +984,31 @@ declare const switchRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
|
954
984
|
};
|
|
955
985
|
}>;
|
|
956
986
|
type SwitchVariants = NonNullable<RecipeVariants<typeof switchRecipe>>;
|
|
987
|
+
declare const switchThumbRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
988
|
+
size: {
|
|
989
|
+
"1": {
|
|
990
|
+
width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
991
|
+
height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
992
|
+
selectors: {
|
|
993
|
+
'&[data-state="checked"]': {
|
|
994
|
+
transform: "translateX(10px)";
|
|
995
|
+
};
|
|
996
|
+
};
|
|
997
|
+
};
|
|
998
|
+
"2": {
|
|
999
|
+
width: "20px";
|
|
1000
|
+
height: "20px";
|
|
1001
|
+
selectors: {
|
|
1002
|
+
'&[data-state="checked"]': {
|
|
1003
|
+
transform: "translateX(18px)";
|
|
1004
|
+
};
|
|
1005
|
+
};
|
|
1006
|
+
};
|
|
1007
|
+
};
|
|
1008
|
+
}>;
|
|
1009
|
+
type SwitchThumbVariants = NonNullable<RecipeVariants<typeof switchThumbRecipe>>;
|
|
957
1010
|
|
|
958
|
-
type SwitchThumbProps = SwitchPrimitive.SwitchThumbProps;
|
|
1011
|
+
type SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;
|
|
959
1012
|
declare const SwitchThumb: ({ ...props }: SwitchThumbProps) => react_jsx_runtime.JSX.Element;
|
|
960
1013
|
type SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;
|
|
961
1014
|
declare const Switch: ({ ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -1004,7 +1057,7 @@ declare const textFieldRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
|
1004
1057
|
};
|
|
1005
1058
|
error: {
|
|
1006
1059
|
true: {
|
|
1007
|
-
boxShadow: `inset 0px 0px 0px 1px ${string}`;
|
|
1060
|
+
boxShadow: `inset 0px 0px 0px 1px var(--${string}) !important` | `inset 0px 0px 0px 1px var(--${string}, ${string}) !important` | `inset 0px 0px 0px 1px var(--${string}, ${number}) !important`;
|
|
1008
1061
|
};
|
|
1009
1062
|
};
|
|
1010
1063
|
cursor: {
|
|
@@ -4779,7 +4832,6 @@ declare const theme: {
|
|
|
4779
4832
|
primaryA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4780
4833
|
primaryA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4781
4834
|
};
|
|
4782
|
-
primaryTextContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4783
4835
|
secondary: {
|
|
4784
4836
|
secondary1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4785
4837
|
secondary2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -4808,7 +4860,6 @@ declare const theme: {
|
|
|
4808
4860
|
secondaryA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4809
4861
|
secondaryA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4810
4862
|
};
|
|
4811
|
-
secondaryTextContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4812
4863
|
error: {
|
|
4813
4864
|
error1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4814
4865
|
error2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -4837,7 +4888,34 @@ declare const theme: {
|
|
|
4837
4888
|
errorA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4838
4889
|
errorA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4839
4890
|
};
|
|
4840
|
-
|
|
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
|
+
};
|
|
4841
4919
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4842
4920
|
backgroundTextContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4843
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
255
|
-
|
|
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
|
};
|
|
@@ -954,8 +984,31 @@ declare const switchRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
|
954
984
|
};
|
|
955
985
|
}>;
|
|
956
986
|
type SwitchVariants = NonNullable<RecipeVariants<typeof switchRecipe>>;
|
|
987
|
+
declare const switchThumbRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
988
|
+
size: {
|
|
989
|
+
"1": {
|
|
990
|
+
width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
991
|
+
height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
992
|
+
selectors: {
|
|
993
|
+
'&[data-state="checked"]': {
|
|
994
|
+
transform: "translateX(10px)";
|
|
995
|
+
};
|
|
996
|
+
};
|
|
997
|
+
};
|
|
998
|
+
"2": {
|
|
999
|
+
width: "20px";
|
|
1000
|
+
height: "20px";
|
|
1001
|
+
selectors: {
|
|
1002
|
+
'&[data-state="checked"]': {
|
|
1003
|
+
transform: "translateX(18px)";
|
|
1004
|
+
};
|
|
1005
|
+
};
|
|
1006
|
+
};
|
|
1007
|
+
};
|
|
1008
|
+
}>;
|
|
1009
|
+
type SwitchThumbVariants = NonNullable<RecipeVariants<typeof switchThumbRecipe>>;
|
|
957
1010
|
|
|
958
|
-
type SwitchThumbProps = SwitchPrimitive.SwitchThumbProps;
|
|
1011
|
+
type SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;
|
|
959
1012
|
declare const SwitchThumb: ({ ...props }: SwitchThumbProps) => react_jsx_runtime.JSX.Element;
|
|
960
1013
|
type SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;
|
|
961
1014
|
declare const Switch: ({ ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -1004,7 +1057,7 @@ declare const textFieldRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
|
1004
1057
|
};
|
|
1005
1058
|
error: {
|
|
1006
1059
|
true: {
|
|
1007
|
-
boxShadow: `inset 0px 0px 0px 1px ${string}`;
|
|
1060
|
+
boxShadow: `inset 0px 0px 0px 1px var(--${string}) !important` | `inset 0px 0px 0px 1px var(--${string}, ${string}) !important` | `inset 0px 0px 0px 1px var(--${string}, ${number}) !important`;
|
|
1008
1061
|
};
|
|
1009
1062
|
};
|
|
1010
1063
|
cursor: {
|
|
@@ -4779,7 +4832,6 @@ declare const theme: {
|
|
|
4779
4832
|
primaryA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4780
4833
|
primaryA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4781
4834
|
};
|
|
4782
|
-
primaryTextContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4783
4835
|
secondary: {
|
|
4784
4836
|
secondary1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4785
4837
|
secondary2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -4808,7 +4860,6 @@ declare const theme: {
|
|
|
4808
4860
|
secondaryA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4809
4861
|
secondaryA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4810
4862
|
};
|
|
4811
|
-
secondaryTextContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4812
4863
|
error: {
|
|
4813
4864
|
error1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4814
4865
|
error2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -4837,7 +4888,34 @@ declare const theme: {
|
|
|
4837
4888
|
errorA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4838
4889
|
errorA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4839
4890
|
};
|
|
4840
|
-
|
|
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
|
+
};
|
|
4841
4919
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4842
4920
|
backgroundTextContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4843
4921
|
surface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|