@rarui/styles 1.13.0 → 1.15.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/CHANGELOG.md +18 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +539 -15
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/dark.js +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -15,6 +15,175 @@ export interface ThemeProviderContextProps {
|
|
|
15
15
|
currentTheme: Theme;
|
|
16
16
|
}
|
|
17
17
|
export declare const useTheme: () => ThemeProviderContextProps;
|
|
18
|
+
declare const styles: {
|
|
19
|
+
container: string;
|
|
20
|
+
avatar: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
21
|
+
size: {
|
|
22
|
+
small: {
|
|
23
|
+
width: "20px";
|
|
24
|
+
height: "20px";
|
|
25
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
26
|
+
};
|
|
27
|
+
medium: {
|
|
28
|
+
width: "30px";
|
|
29
|
+
height: "30px";
|
|
30
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
31
|
+
};
|
|
32
|
+
large: {
|
|
33
|
+
width: "40px";
|
|
34
|
+
height: "40px";
|
|
35
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
36
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
37
|
+
};
|
|
38
|
+
xLarge: {
|
|
39
|
+
width: "60px";
|
|
40
|
+
height: "60px";
|
|
41
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
42
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
}>;
|
|
46
|
+
badge: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
47
|
+
size: {
|
|
48
|
+
small: {
|
|
49
|
+
left: "18px";
|
|
50
|
+
};
|
|
51
|
+
medium: {
|
|
52
|
+
left: "24px";
|
|
53
|
+
};
|
|
54
|
+
large: {
|
|
55
|
+
top: "-4px";
|
|
56
|
+
left: "30px";
|
|
57
|
+
};
|
|
58
|
+
xLarge: {
|
|
59
|
+
left: "44px";
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
}>;
|
|
63
|
+
};
|
|
64
|
+
export type AvatarVariants = RecipeVariants<typeof styles.avatar>;
|
|
65
|
+
export declare const avatar: {
|
|
66
|
+
classnames: {
|
|
67
|
+
container: string;
|
|
68
|
+
avatar: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
69
|
+
size: {
|
|
70
|
+
small: {
|
|
71
|
+
width: "20px";
|
|
72
|
+
height: "20px";
|
|
73
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
74
|
+
};
|
|
75
|
+
medium: {
|
|
76
|
+
width: "30px";
|
|
77
|
+
height: "30px";
|
|
78
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
79
|
+
};
|
|
80
|
+
large: {
|
|
81
|
+
width: "40px";
|
|
82
|
+
height: "40px";
|
|
83
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
84
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
85
|
+
};
|
|
86
|
+
xLarge: {
|
|
87
|
+
width: "60px";
|
|
88
|
+
height: "60px";
|
|
89
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
90
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
}>;
|
|
94
|
+
badge: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
95
|
+
size: {
|
|
96
|
+
small: {
|
|
97
|
+
left: "18px";
|
|
98
|
+
};
|
|
99
|
+
medium: {
|
|
100
|
+
left: "24px";
|
|
101
|
+
};
|
|
102
|
+
large: {
|
|
103
|
+
top: "-4px";
|
|
104
|
+
left: "30px";
|
|
105
|
+
};
|
|
106
|
+
xLarge: {
|
|
107
|
+
left: "44px";
|
|
108
|
+
};
|
|
109
|
+
};
|
|
110
|
+
}>;
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
declare const styles$1: {
|
|
114
|
+
badge: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
115
|
+
appearance: {
|
|
116
|
+
brand: {
|
|
117
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
118
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
119
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
120
|
+
};
|
|
121
|
+
danger: {
|
|
122
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
123
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
124
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
125
|
+
};
|
|
126
|
+
success: {
|
|
127
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
128
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
129
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
130
|
+
};
|
|
131
|
+
warning: {
|
|
132
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
133
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
134
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
135
|
+
};
|
|
136
|
+
info: {
|
|
137
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
138
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
139
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
140
|
+
};
|
|
141
|
+
neutral: {
|
|
142
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
143
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
144
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
145
|
+
};
|
|
146
|
+
inverted: {
|
|
147
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
148
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
149
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
150
|
+
};
|
|
151
|
+
};
|
|
152
|
+
size: {
|
|
153
|
+
large: {
|
|
154
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
155
|
+
height: "3rem";
|
|
156
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
157
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
158
|
+
};
|
|
159
|
+
medium: {
|
|
160
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
161
|
+
height: "2em";
|
|
162
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
163
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
164
|
+
};
|
|
165
|
+
small: {
|
|
166
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
167
|
+
height: "1.5rem";
|
|
168
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
169
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
170
|
+
};
|
|
171
|
+
dot: {
|
|
172
|
+
height: "0.5rem";
|
|
173
|
+
width: "0.5rem";
|
|
174
|
+
};
|
|
175
|
+
};
|
|
176
|
+
variant: {
|
|
177
|
+
solid: {};
|
|
178
|
+
outlined: {
|
|
179
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
180
|
+
borderStyle: "solid";
|
|
181
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
182
|
+
};
|
|
183
|
+
};
|
|
184
|
+
}>;
|
|
185
|
+
};
|
|
186
|
+
export type BadgeVariants = RecipeVariants<typeof styles$1.badge>;
|
|
18
187
|
export declare const badge: {
|
|
19
188
|
classnames: {
|
|
20
189
|
badge: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -6843,7 +7012,7 @@ export declare const box: {
|
|
|
6843
7012
|
}
|
|
6844
7013
|
]>;
|
|
6845
7014
|
};
|
|
6846
|
-
declare const styles: {
|
|
7015
|
+
declare const styles$2: {
|
|
6847
7016
|
button: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
6848
7017
|
appearance: {
|
|
6849
7018
|
brand: {
|
|
@@ -6919,7 +7088,7 @@ declare const styles: {
|
|
|
6919
7088
|
}>;
|
|
6920
7089
|
overlay: string;
|
|
6921
7090
|
};
|
|
6922
|
-
export type ButtonVariants = RecipeVariants<typeof styles.button>;
|
|
7091
|
+
export type ButtonVariants = RecipeVariants<typeof styles$2.button>;
|
|
6923
7092
|
export declare const button: {
|
|
6924
7093
|
classnames: {
|
|
6925
7094
|
button: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -7083,7 +7252,7 @@ declare const checkbox$1: {
|
|
|
7083
7252
|
overlay: string;
|
|
7084
7253
|
};
|
|
7085
7254
|
};
|
|
7086
|
-
declare const styles$
|
|
7255
|
+
declare const styles$3: {
|
|
7087
7256
|
chip: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7088
7257
|
pill: {
|
|
7089
7258
|
true: {
|
|
@@ -7119,7 +7288,7 @@ declare const paddingProperties: {
|
|
|
7119
7288
|
medium: string;
|
|
7120
7289
|
small: string;
|
|
7121
7290
|
};
|
|
7122
|
-
export type ChipVariants = RecipeVariants<typeof styles$
|
|
7291
|
+
export type ChipVariants = RecipeVariants<typeof styles$3.chip>;
|
|
7123
7292
|
export interface ChipSprinkle {
|
|
7124
7293
|
/**
|
|
7125
7294
|
* The padding properties are used to generate space around an chip's content area.
|
|
@@ -7322,7 +7491,7 @@ export declare const icon: {
|
|
|
7322
7491
|
}
|
|
7323
7492
|
]>;
|
|
7324
7493
|
};
|
|
7325
|
-
declare const styles$
|
|
7494
|
+
declare const styles$4: {
|
|
7326
7495
|
iconButton: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7327
7496
|
appearance: {
|
|
7328
7497
|
brand: {
|
|
@@ -7392,7 +7561,7 @@ declare const styles$2: {
|
|
|
7392
7561
|
}>;
|
|
7393
7562
|
overlay: string;
|
|
7394
7563
|
};
|
|
7395
|
-
export type IconButtonVariants = RecipeVariants<typeof styles$
|
|
7564
|
+
export type IconButtonVariants = RecipeVariants<typeof styles$4.iconButton>;
|
|
7396
7565
|
export declare const iconButton: {
|
|
7397
7566
|
classnames: {
|
|
7398
7567
|
iconButton: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -7465,11 +7634,260 @@ export declare const iconButton: {
|
|
|
7465
7634
|
overlay: string;
|
|
7466
7635
|
};
|
|
7467
7636
|
};
|
|
7637
|
+
declare const styles$5: {
|
|
7638
|
+
container: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7639
|
+
appearance: {
|
|
7640
|
+
success: {
|
|
7641
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7642
|
+
":hover": {
|
|
7643
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7644
|
+
};
|
|
7645
|
+
":focus": {
|
|
7646
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7647
|
+
};
|
|
7648
|
+
};
|
|
7649
|
+
error: {
|
|
7650
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7651
|
+
":hover": {
|
|
7652
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7653
|
+
};
|
|
7654
|
+
":focus": {
|
|
7655
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7656
|
+
};
|
|
7657
|
+
};
|
|
7658
|
+
};
|
|
7659
|
+
}>;
|
|
7660
|
+
input: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7661
|
+
divider: {
|
|
7662
|
+
false: {
|
|
7663
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
|
|
7664
|
+
};
|
|
7665
|
+
};
|
|
7666
|
+
size: {
|
|
7667
|
+
large: {
|
|
7668
|
+
height: "3rem";
|
|
7669
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7670
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7671
|
+
};
|
|
7672
|
+
medium: {
|
|
7673
|
+
height: "2.75rem";
|
|
7674
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7675
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7676
|
+
};
|
|
7677
|
+
small: {
|
|
7678
|
+
height: "2rem";
|
|
7679
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7680
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7681
|
+
};
|
|
7682
|
+
};
|
|
7683
|
+
}>;
|
|
7684
|
+
leading: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7685
|
+
position: {
|
|
7686
|
+
start: {
|
|
7687
|
+
borderRightWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7688
|
+
};
|
|
7689
|
+
end: {
|
|
7690
|
+
borderLeftWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7691
|
+
};
|
|
7692
|
+
};
|
|
7693
|
+
divider: {
|
|
7694
|
+
true: {
|
|
7695
|
+
borderStyle: "solid";
|
|
7696
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7697
|
+
};
|
|
7698
|
+
false: {
|
|
7699
|
+
borderRightWidth: number;
|
|
7700
|
+
borderLeftWidth: number;
|
|
7701
|
+
};
|
|
7702
|
+
};
|
|
7703
|
+
appearance: {
|
|
7704
|
+
success: {
|
|
7705
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7706
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7707
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7708
|
+
};
|
|
7709
|
+
error: {
|
|
7710
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7711
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7712
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7713
|
+
};
|
|
7714
|
+
};
|
|
7715
|
+
size: {
|
|
7716
|
+
large: {
|
|
7717
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
|
|
7718
|
+
};
|
|
7719
|
+
medium: {
|
|
7720
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
|
|
7721
|
+
};
|
|
7722
|
+
small: {};
|
|
7723
|
+
};
|
|
7724
|
+
}>;
|
|
7725
|
+
};
|
|
7726
|
+
export type InputVariants = RecipeVariants<typeof styles$5.container> & RecipeVariants<typeof styles$5.input>;
|
|
7727
|
+
export declare const input: {
|
|
7728
|
+
classnames: {
|
|
7729
|
+
container: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7730
|
+
appearance: {
|
|
7731
|
+
success: {
|
|
7732
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7733
|
+
":hover": {
|
|
7734
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7735
|
+
};
|
|
7736
|
+
":focus": {
|
|
7737
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7738
|
+
};
|
|
7739
|
+
};
|
|
7740
|
+
error: {
|
|
7741
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7742
|
+
":hover": {
|
|
7743
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7744
|
+
};
|
|
7745
|
+
":focus": {
|
|
7746
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7747
|
+
};
|
|
7748
|
+
};
|
|
7749
|
+
};
|
|
7750
|
+
}>;
|
|
7751
|
+
input: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7752
|
+
divider: {
|
|
7753
|
+
false: {
|
|
7754
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
|
|
7755
|
+
};
|
|
7756
|
+
};
|
|
7757
|
+
size: {
|
|
7758
|
+
large: {
|
|
7759
|
+
height: "3rem";
|
|
7760
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7761
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7762
|
+
};
|
|
7763
|
+
medium: {
|
|
7764
|
+
height: "2.75rem";
|
|
7765
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7766
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7767
|
+
};
|
|
7768
|
+
small: {
|
|
7769
|
+
height: "2rem";
|
|
7770
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7771
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7772
|
+
};
|
|
7773
|
+
};
|
|
7774
|
+
}>;
|
|
7775
|
+
leading: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7776
|
+
position: {
|
|
7777
|
+
start: {
|
|
7778
|
+
borderRightWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7779
|
+
};
|
|
7780
|
+
end: {
|
|
7781
|
+
borderLeftWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7782
|
+
};
|
|
7783
|
+
};
|
|
7784
|
+
divider: {
|
|
7785
|
+
true: {
|
|
7786
|
+
borderStyle: "solid";
|
|
7787
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7788
|
+
};
|
|
7789
|
+
false: {
|
|
7790
|
+
borderRightWidth: number;
|
|
7791
|
+
borderLeftWidth: number;
|
|
7792
|
+
};
|
|
7793
|
+
};
|
|
7794
|
+
appearance: {
|
|
7795
|
+
success: {
|
|
7796
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7797
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7798
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7799
|
+
};
|
|
7800
|
+
error: {
|
|
7801
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7802
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7803
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7804
|
+
};
|
|
7805
|
+
};
|
|
7806
|
+
size: {
|
|
7807
|
+
large: {
|
|
7808
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
|
|
7809
|
+
};
|
|
7810
|
+
medium: {
|
|
7811
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
|
|
7812
|
+
};
|
|
7813
|
+
small: {};
|
|
7814
|
+
};
|
|
7815
|
+
}>;
|
|
7816
|
+
};
|
|
7817
|
+
};
|
|
7818
|
+
declare const styles$6: {
|
|
7819
|
+
label: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7820
|
+
hidden: {
|
|
7821
|
+
true: {
|
|
7822
|
+
border: "0";
|
|
7823
|
+
clip: "rect(0 0 0 0)";
|
|
7824
|
+
height: "1px";
|
|
7825
|
+
margin: "-1px";
|
|
7826
|
+
overflow: "hidden";
|
|
7827
|
+
padding: "0";
|
|
7828
|
+
position: "absolute";
|
|
7829
|
+
width: "1px";
|
|
7830
|
+
};
|
|
7831
|
+
};
|
|
7832
|
+
}>;
|
|
7833
|
+
};
|
|
7834
|
+
export type LabelVariants = RecipeVariants<typeof styles$6.label>;
|
|
7835
|
+
export declare const label: {
|
|
7836
|
+
classnames: {
|
|
7837
|
+
label: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7838
|
+
hidden: {
|
|
7839
|
+
true: {
|
|
7840
|
+
border: "0";
|
|
7841
|
+
clip: "rect(0 0 0 0)";
|
|
7842
|
+
height: "1px";
|
|
7843
|
+
margin: "-1px";
|
|
7844
|
+
overflow: "hidden";
|
|
7845
|
+
padding: "0";
|
|
7846
|
+
position: "absolute";
|
|
7847
|
+
width: "1px";
|
|
7848
|
+
};
|
|
7849
|
+
};
|
|
7850
|
+
}>;
|
|
7851
|
+
};
|
|
7852
|
+
};
|
|
7853
|
+
declare const styles$7: {
|
|
7854
|
+
link: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7855
|
+
appearance: {
|
|
7856
|
+
brand: {
|
|
7857
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7858
|
+
};
|
|
7859
|
+
neutral: {
|
|
7860
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7861
|
+
};
|
|
7862
|
+
inverted: {
|
|
7863
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7864
|
+
};
|
|
7865
|
+
};
|
|
7866
|
+
size: {
|
|
7867
|
+
large: {
|
|
7868
|
+
fontSize: "1.125rem";
|
|
7869
|
+
lineHeight: "1.75rem";
|
|
7870
|
+
letterSpacing: ".0112rem";
|
|
7871
|
+
};
|
|
7872
|
+
small: {
|
|
7873
|
+
fontSize: ".875rem";
|
|
7874
|
+
lineHeight: "1.25rem";
|
|
7875
|
+
letterSpacing: ".0088rem";
|
|
7876
|
+
};
|
|
7877
|
+
medium: {
|
|
7878
|
+
fontSize: "1rem";
|
|
7879
|
+
lineHeight: "1.5rem";
|
|
7880
|
+
letterSpacing: ".01rem";
|
|
7881
|
+
};
|
|
7882
|
+
};
|
|
7883
|
+
}>;
|
|
7884
|
+
};
|
|
7885
|
+
export type LinkVariants = RecipeVariants<typeof styles$7.link>;
|
|
7468
7886
|
export declare const link: {
|
|
7469
7887
|
classnames: {
|
|
7470
7888
|
link: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7471
7889
|
appearance: {
|
|
7472
|
-
|
|
7890
|
+
brand: {
|
|
7473
7891
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7474
7892
|
};
|
|
7475
7893
|
neutral: {
|
|
@@ -7617,7 +8035,7 @@ export declare const skeleton: {
|
|
|
7617
8035
|
}
|
|
7618
8036
|
]>;
|
|
7619
8037
|
};
|
|
7620
|
-
declare const styles$
|
|
8038
|
+
declare const styles$8: {
|
|
7621
8039
|
status: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7622
8040
|
appearance: {
|
|
7623
8041
|
success: {
|
|
@@ -7670,7 +8088,7 @@ declare const styles$3: {
|
|
|
7670
8088
|
};
|
|
7671
8089
|
}>;
|
|
7672
8090
|
};
|
|
7673
|
-
export type StatusVariants = RecipeVariants<typeof styles$
|
|
8091
|
+
export type StatusVariants = RecipeVariants<typeof styles$8.status>;
|
|
7674
8092
|
declare const status$1: {
|
|
7675
8093
|
classnames: {
|
|
7676
8094
|
status: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -8310,7 +8728,7 @@ export declare const title: {
|
|
|
8310
8728
|
}
|
|
8311
8729
|
]>;
|
|
8312
8730
|
};
|
|
8313
|
-
declare const styles$
|
|
8731
|
+
declare const styles$9: {
|
|
8314
8732
|
banner: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8315
8733
|
appearance: {
|
|
8316
8734
|
brand: {
|
|
@@ -8345,7 +8763,7 @@ declare const styles$4: {
|
|
|
8345
8763
|
};
|
|
8346
8764
|
}>;
|
|
8347
8765
|
};
|
|
8348
|
-
export type BannerVariants = RecipeVariants<typeof styles$
|
|
8766
|
+
export type BannerVariants = RecipeVariants<typeof styles$9.banner>;
|
|
8349
8767
|
export declare const banner: {
|
|
8350
8768
|
classnames: {
|
|
8351
8769
|
banner: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -8383,7 +8801,7 @@ export declare const banner: {
|
|
|
8383
8801
|
}>;
|
|
8384
8802
|
};
|
|
8385
8803
|
};
|
|
8386
|
-
declare const styles$
|
|
8804
|
+
declare const styles$10: {
|
|
8387
8805
|
toast: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8388
8806
|
placement: {
|
|
8389
8807
|
topRight: {};
|
|
@@ -8512,7 +8930,7 @@ declare const styles$5: {
|
|
|
8512
8930
|
};
|
|
8513
8931
|
}>;
|
|
8514
8932
|
};
|
|
8515
|
-
export type ToastVariants = RecipeVariants<typeof styles$
|
|
8933
|
+
export type ToastVariants = RecipeVariants<typeof styles$10.toast>;
|
|
8516
8934
|
export declare const toast: {
|
|
8517
8935
|
classnames: {
|
|
8518
8936
|
toast: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -8644,7 +9062,7 @@ export declare const toast: {
|
|
|
8644
9062
|
}>;
|
|
8645
9063
|
};
|
|
8646
9064
|
};
|
|
8647
|
-
declare const styles$
|
|
9065
|
+
declare const styles$11: {
|
|
8648
9066
|
toggle: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8649
9067
|
size: {
|
|
8650
9068
|
large: {
|
|
@@ -8713,7 +9131,7 @@ declare const styles$6: {
|
|
|
8713
9131
|
};
|
|
8714
9132
|
}>;
|
|
8715
9133
|
};
|
|
8716
|
-
export type ToggleVariants = RecipeVariants<typeof styles$
|
|
9134
|
+
export type ToggleVariants = RecipeVariants<typeof styles$11.toggle>;
|
|
8717
9135
|
export declare const toggle: {
|
|
8718
9136
|
classnames: {
|
|
8719
9137
|
toggle: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -8785,6 +9203,112 @@ export declare const toggle: {
|
|
|
8785
9203
|
}>;
|
|
8786
9204
|
};
|
|
8787
9205
|
};
|
|
9206
|
+
declare const dividerBorderWidthProperties: {
|
|
9207
|
+
"1": string;
|
|
9208
|
+
"2": string;
|
|
9209
|
+
};
|
|
9210
|
+
export type DividerBorderStyle = "solid" | "dashed";
|
|
9211
|
+
export interface DividerSprinkle {
|
|
9212
|
+
/**
|
|
9213
|
+
* The **`size`** CSS property sets an element's area.
|
|
9214
|
+
* @default 100%
|
|
9215
|
+
*/
|
|
9216
|
+
size?: string | Conditions<string>;
|
|
9217
|
+
/**
|
|
9218
|
+
* The **`type`** shorthand CSS property sets the line style for all four sides of an element's.
|
|
9219
|
+
*/
|
|
9220
|
+
type?: AddDollar<DividerBorderStyle> | Conditions<AddDollar<DividerBorderStyle>>;
|
|
9221
|
+
/**
|
|
9222
|
+
* The **`thickness`** shorthand CSS property sets the width of an element's.
|
|
9223
|
+
*/
|
|
9224
|
+
thickness?: AddDollar<keyof typeof dividerBorderWidthProperties> | Conditions<AddDollar<keyof typeof dividerBorderWidthProperties>>;
|
|
9225
|
+
}
|
|
9226
|
+
export declare const divider: {
|
|
9227
|
+
classnames: {
|
|
9228
|
+
divider: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9229
|
+
[x: string]: {
|
|
9230
|
+
[x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
|
|
9231
|
+
};
|
|
9232
|
+
}>;
|
|
9233
|
+
};
|
|
9234
|
+
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
9235
|
+
{
|
|
9236
|
+
config: {
|
|
9237
|
+
borderStyle: {
|
|
9238
|
+
values: {
|
|
9239
|
+
[x: string]: {
|
|
9240
|
+
default: string;
|
|
9241
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9242
|
+
};
|
|
9243
|
+
};
|
|
9244
|
+
staticScale: string[];
|
|
9245
|
+
name: "borderStyle";
|
|
9246
|
+
};
|
|
9247
|
+
borderTopWidth: {
|
|
9248
|
+
values: {
|
|
9249
|
+
1: {
|
|
9250
|
+
default: string;
|
|
9251
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9252
|
+
};
|
|
9253
|
+
2: {
|
|
9254
|
+
default: string;
|
|
9255
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9256
|
+
};
|
|
9257
|
+
};
|
|
9258
|
+
staticScale: {
|
|
9259
|
+
"1": string;
|
|
9260
|
+
"2": string;
|
|
9261
|
+
};
|
|
9262
|
+
name: "borderTopWidth";
|
|
9263
|
+
};
|
|
9264
|
+
borderLeftWidth: {
|
|
9265
|
+
values: {
|
|
9266
|
+
1: {
|
|
9267
|
+
default: string;
|
|
9268
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9269
|
+
};
|
|
9270
|
+
2: {
|
|
9271
|
+
default: string;
|
|
9272
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9273
|
+
};
|
|
9274
|
+
};
|
|
9275
|
+
staticScale: {
|
|
9276
|
+
"1": string;
|
|
9277
|
+
"2": string;
|
|
9278
|
+
};
|
|
9279
|
+
name: "borderLeftWidth";
|
|
9280
|
+
};
|
|
9281
|
+
};
|
|
9282
|
+
} & {
|
|
9283
|
+
config: {
|
|
9284
|
+
width: {
|
|
9285
|
+
dynamic: {
|
|
9286
|
+
default: string;
|
|
9287
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9288
|
+
};
|
|
9289
|
+
dynamicScale: true;
|
|
9290
|
+
name: "width";
|
|
9291
|
+
vars: {
|
|
9292
|
+
default: string;
|
|
9293
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9294
|
+
};
|
|
9295
|
+
};
|
|
9296
|
+
height: {
|
|
9297
|
+
dynamic: {
|
|
9298
|
+
default: string;
|
|
9299
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9300
|
+
};
|
|
9301
|
+
dynamicScale: true;
|
|
9302
|
+
name: "height";
|
|
9303
|
+
vars: {
|
|
9304
|
+
default: string;
|
|
9305
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9306
|
+
};
|
|
9307
|
+
};
|
|
9308
|
+
};
|
|
9309
|
+
}
|
|
9310
|
+
]>;
|
|
9311
|
+
};
|
|
8788
9312
|
|
|
8789
9313
|
export {
|
|
8790
9314
|
checkbox$1 as checkbox,
|