@nimbus-ds/styles 8.3.0 → 9.0.0-rc.10
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 +773 -250
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/dark.css +1 -1
- package/dist/themes/dark.js +1 -1
- package/package.json +4 -3
package/dist/index.d.ts
CHANGED
|
@@ -38,15 +38,22 @@ export type TransitionTiming = "ease" | "ease-in" | "ease-out" | "ease-in-out" |
|
|
|
38
38
|
declare const propertiesBox: {
|
|
39
39
|
gap: {
|
|
40
40
|
none: string;
|
|
41
|
-
"0
|
|
41
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
42
42
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
43
|
-
"1
|
|
43
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
44
44
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
45
|
-
"2
|
|
45
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
46
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
47
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
46
48
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
49
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
50
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
47
51
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
52
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
48
53
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
54
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
49
55
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
56
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
50
57
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
51
58
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
52
59
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -55,30 +62,35 @@ declare const propertiesBox: {
|
|
|
55
62
|
};
|
|
56
63
|
gridGap: {
|
|
57
64
|
none: string;
|
|
58
|
-
"0
|
|
65
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
59
66
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
60
|
-
"1
|
|
67
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
61
68
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
62
|
-
"2
|
|
69
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
70
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
71
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
63
72
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
73
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
74
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
64
75
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
76
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
65
77
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
78
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
66
79
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
80
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
67
81
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
68
82
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
69
83
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
70
84
|
"18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
71
85
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
72
86
|
};
|
|
73
|
-
display: Display[];
|
|
87
|
+
display: Display[]; /**
|
|
88
|
+
* The borderBottomWidth property defines the width of the border at the bottom of a box.
|
|
89
|
+
*/
|
|
74
90
|
flexDirection: FlexDirection[];
|
|
75
91
|
flexWrap: FlexWrap[];
|
|
76
92
|
justifyContent: JustifyContent[];
|
|
77
93
|
alignItems: AlignItems[];
|
|
78
|
-
/**
|
|
79
|
-
* The boxSizing property sets how the total width and height of an box is calculated.
|
|
80
|
-
* @default border-box
|
|
81
|
-
*/
|
|
82
94
|
alignSelf: AlignSelf[];
|
|
83
95
|
pointerEvents: PointerEvents[];
|
|
84
96
|
backgroundColor: {
|
|
@@ -93,15 +105,15 @@ declare const propertiesBox: {
|
|
|
93
105
|
"warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
94
106
|
"warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
95
107
|
"warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
96
|
-
"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
97
|
-
* The min width property specifies the width of a box's content area.
|
|
98
|
-
*/
|
|
108
|
+
"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
99
109
|
"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
100
110
|
"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
101
111
|
"danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
102
112
|
"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
103
113
|
"neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
104
|
-
"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
114
|
+
"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
|
|
115
|
+
* The bottom property participates in setting the vertical position of a positioned box.
|
|
116
|
+
*/
|
|
105
117
|
"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
106
118
|
"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
107
119
|
"neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -121,15 +133,15 @@ declare const propertiesBox: {
|
|
|
121
133
|
"warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
122
134
|
"warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
123
135
|
"warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
124
|
-
"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
125
|
-
* The min width property specifies the width of a box's content area.
|
|
126
|
-
*/
|
|
136
|
+
"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
127
137
|
"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
128
138
|
"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
129
139
|
"danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
130
140
|
"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
131
141
|
"neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
132
|
-
"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
142
|
+
"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
|
|
143
|
+
* The bottom property participates in setting the vertical position of a positioned box.
|
|
144
|
+
*/
|
|
133
145
|
"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
134
146
|
"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
135
147
|
"neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -154,19 +166,48 @@ declare const propertiesBox: {
|
|
|
154
166
|
"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
155
167
|
transparent: string;
|
|
156
168
|
};
|
|
169
|
+
borderRadius: {
|
|
170
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
171
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
172
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
173
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
174
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
175
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
176
|
+
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
177
|
+
full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
178
|
+
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
179
|
+
half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
180
|
+
none: string;
|
|
181
|
+
};
|
|
182
|
+
borderWidth: {
|
|
183
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
184
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
185
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
186
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
187
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
188
|
+
none: string;
|
|
189
|
+
};
|
|
157
190
|
borderStyle: BorderStyle[];
|
|
158
191
|
boxSizing: BoxSizing[];
|
|
159
192
|
cursor: Cursor[];
|
|
160
|
-
|
|
193
|
+
spacing: {
|
|
161
194
|
none: string;
|
|
162
|
-
"0
|
|
195
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
163
196
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
197
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
164
198
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
165
|
-
"2
|
|
199
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
200
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
201
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
166
202
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
203
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
204
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
167
205
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
206
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
168
207
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
208
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
169
209
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
210
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
170
211
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
171
212
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
172
213
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -174,33 +215,41 @@ declare const propertiesBox: {
|
|
|
174
215
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
175
216
|
};
|
|
176
217
|
margin: {
|
|
177
|
-
|
|
178
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
218
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
179
219
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
220
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
180
221
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
181
|
-
"2
|
|
222
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
223
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
224
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
182
225
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
226
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
227
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
183
228
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
229
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
184
230
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
231
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
185
232
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
233
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
186
234
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
187
235
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
188
236
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
189
237
|
"18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
190
238
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
191
239
|
auto: string;
|
|
240
|
+
none: string;
|
|
192
241
|
};
|
|
193
242
|
position: Position[];
|
|
194
243
|
overflow: Overflow[];
|
|
195
244
|
overflowX: Overflow[];
|
|
196
245
|
overflowY: Overflow[];
|
|
197
246
|
boxShadow: {
|
|
198
|
-
"
|
|
199
|
-
"
|
|
200
|
-
"
|
|
201
|
-
"
|
|
202
|
-
"
|
|
203
|
-
"
|
|
247
|
+
"0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
248
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
249
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
250
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
251
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
252
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
204
253
|
focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
205
254
|
};
|
|
206
255
|
transitionDuration: {
|
|
@@ -211,16 +260,30 @@ declare const propertiesBox: {
|
|
|
211
260
|
};
|
|
212
261
|
transitionTimingFunction: TransitionTiming[];
|
|
213
262
|
textDecoration: TextDecoration[];
|
|
263
|
+
zIndex: {
|
|
264
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
265
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
266
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
267
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
268
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
269
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
270
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
271
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
272
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
273
|
+
};
|
|
214
274
|
};
|
|
215
275
|
export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
|
|
276
|
+
export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
|
|
277
|
+
export type BoxBorderWidthProperties = keyof typeof propertiesBox.borderWidth;
|
|
216
278
|
export type BoxBackgroundColorProperties = keyof typeof propertiesBox.backgroundColor;
|
|
217
279
|
export type BoxColorProperties = keyof typeof propertiesBox.color;
|
|
218
280
|
export type BoxShadowProperties = keyof typeof propertiesBox.boxShadow;
|
|
219
|
-
export type
|
|
281
|
+
export type BoxSpacingProperties = keyof typeof propertiesBox.spacing;
|
|
220
282
|
export type BoxMarginProperties = keyof typeof propertiesBox.margin;
|
|
221
283
|
export type BoxGapProperties = keyof typeof propertiesBox.gap;
|
|
222
284
|
export type BoxGridGapProperties = keyof typeof propertiesBox.gridGap;
|
|
223
|
-
export type
|
|
285
|
+
export type BoxZIndexProperties = keyof typeof propertiesBox.zIndex;
|
|
286
|
+
export type BoxTransitionDurationProperties = keyof typeof propertiesBox.transitionDuration;
|
|
224
287
|
export interface BoxConditions<T> extends Conditions<T> {
|
|
225
288
|
focus?: T;
|
|
226
289
|
focusWithin?: T;
|
|
@@ -375,11 +438,35 @@ export interface BoxSprinkle {
|
|
|
375
438
|
/**
|
|
376
439
|
* The borderRadius property rounds the corners of an box's outer border edge.
|
|
377
440
|
*/
|
|
378
|
-
borderRadius?:
|
|
441
|
+
borderRadius?: BoxBorderRadiusProperties | BoxConditions<BoxBorderRadiusProperties>;
|
|
379
442
|
/**
|
|
380
443
|
* The borderWidth property sets the width of an box's border.
|
|
381
444
|
*/
|
|
382
|
-
borderWidth?:
|
|
445
|
+
borderWidth?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
|
|
446
|
+
/**
|
|
447
|
+
* The borderTopWidth property defines the width of the border at the top of a box.
|
|
448
|
+
*/
|
|
449
|
+
borderTopWidth?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
|
|
450
|
+
/**
|
|
451
|
+
* The borderBottomWidth property defines the width of the border at the bottom of a box.
|
|
452
|
+
*/
|
|
453
|
+
borderBottomWidth?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
|
|
454
|
+
/**
|
|
455
|
+
* The borderLeftWidth property defines the width of the border at the left of a box.
|
|
456
|
+
*/
|
|
457
|
+
borderLeftWidth?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
|
|
458
|
+
/**
|
|
459
|
+
* The borderRightWidth property defines the width of the border at the right of a box.
|
|
460
|
+
*/
|
|
461
|
+
borderRightWidth?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
|
|
462
|
+
/**
|
|
463
|
+
* The borderWidthX shorthand property defines the width of the element's border on the left and right.
|
|
464
|
+
*/
|
|
465
|
+
borderWidthX?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
|
|
466
|
+
/**
|
|
467
|
+
* The borderWidthY shorthand property defines the width of the element's border on the top and bottom.
|
|
468
|
+
*/
|
|
469
|
+
borderWidthY?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
|
|
383
470
|
/**
|
|
384
471
|
* The borderColor property sets the color of the box's four borders.
|
|
385
472
|
*/
|
|
@@ -400,23 +487,23 @@ export interface BoxSprinkle {
|
|
|
400
487
|
/**
|
|
401
488
|
* The padding properties are used to generate space around an box's content area.
|
|
402
489
|
*/
|
|
403
|
-
padding?:
|
|
490
|
+
padding?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
404
491
|
/**
|
|
405
492
|
* The paddingTop property sets the height of the padding area on the top of an box.
|
|
406
493
|
*/
|
|
407
|
-
paddingTop?:
|
|
494
|
+
paddingTop?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
408
495
|
/**
|
|
409
496
|
* The paddingBottom property sets the height of the padding area on the bottom of an box.
|
|
410
497
|
*/
|
|
411
|
-
paddingBottom?:
|
|
498
|
+
paddingBottom?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
412
499
|
/**
|
|
413
500
|
* The paddingLeft property sets the width of the padding area to the left of an box.
|
|
414
501
|
*/
|
|
415
|
-
paddingLeft?:
|
|
502
|
+
paddingLeft?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
416
503
|
/**
|
|
417
504
|
* The paddingLeft property sets the width of the padding area to the right of an box.
|
|
418
505
|
*/
|
|
419
|
-
paddingRight?:
|
|
506
|
+
paddingRight?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
420
507
|
/**
|
|
421
508
|
* The margin shorthand property sets the margin area on all four sides of an box.
|
|
422
509
|
*/
|
|
@@ -452,11 +539,11 @@ export interface BoxSprinkle {
|
|
|
452
539
|
/**
|
|
453
540
|
* The transitionDuration property sets the length of time a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.
|
|
454
541
|
*/
|
|
455
|
-
transitionDuration?:
|
|
542
|
+
transitionDuration?: BoxTransitionDurationProperties | BoxConditions<BoxTransitionDurationProperties>;
|
|
456
543
|
/**
|
|
457
544
|
* The zIndex property specifies the stack order of the box.
|
|
458
545
|
*/
|
|
459
|
-
zIndex?:
|
|
546
|
+
zIndex?: BoxZIndexProperties | BoxConditions<BoxZIndexProperties>;
|
|
460
547
|
/**
|
|
461
548
|
* The backgroundImage property sets one or more background images on an element.
|
|
462
549
|
*/
|
|
@@ -486,39 +573,39 @@ export interface BoxSprinkle {
|
|
|
486
573
|
/**
|
|
487
574
|
* The p shorthand property sets the margin area on all four sides of an box.
|
|
488
575
|
*/
|
|
489
|
-
p?:
|
|
576
|
+
p?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
490
577
|
/**
|
|
491
578
|
* The pl shorthand property sets the width of the padding area to the left of an box.
|
|
492
579
|
*/
|
|
493
|
-
pl?:
|
|
580
|
+
pl?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
494
581
|
/**
|
|
495
582
|
* The pl shorthand property sets the width of the padding area to the right of an box.
|
|
496
583
|
*/
|
|
497
|
-
pr?:
|
|
584
|
+
pr?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
498
585
|
/**
|
|
499
586
|
* The pt shorthand property sets the height of the padding area on the top of an box.
|
|
500
587
|
*/
|
|
501
|
-
pt?:
|
|
588
|
+
pt?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
502
589
|
/**
|
|
503
590
|
* The pb shorthand property sets the height of the padding area on the botton of an box.
|
|
504
591
|
*/
|
|
505
|
-
pb?:
|
|
592
|
+
pb?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
506
593
|
/**
|
|
507
594
|
* The px shorthand property defines the width of the left and right padding area of a box.
|
|
508
595
|
*/
|
|
509
|
-
px?:
|
|
596
|
+
px?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
510
597
|
/**
|
|
511
598
|
* The py pt shorthand property sets the height of the padding area at the top and bottom of a box.
|
|
512
599
|
*/
|
|
513
|
-
py?:
|
|
600
|
+
py?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
514
601
|
/**
|
|
515
602
|
* The paddingX shorthand property defines the width of the left and right padding area of a box.
|
|
516
603
|
*/
|
|
517
|
-
paddingX?:
|
|
604
|
+
paddingX?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
518
605
|
/**
|
|
519
606
|
* The paddingY pt shorthand property sets the height of the padding area at the top and bottom of a box.
|
|
520
607
|
*/
|
|
521
|
-
paddingY?:
|
|
608
|
+
paddingY?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
522
609
|
/**
|
|
523
610
|
* The m shorthand property sets the margin area on all four sides of an box.
|
|
524
611
|
*/
|
|
@@ -1191,42 +1278,6 @@ export declare const box: {
|
|
|
1191
1278
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1192
1279
|
};
|
|
1193
1280
|
};
|
|
1194
|
-
borderRadius: {
|
|
1195
|
-
dynamic: {
|
|
1196
|
-
default: string;
|
|
1197
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1198
|
-
};
|
|
1199
|
-
dynamicScale: true;
|
|
1200
|
-
name: "borderRadius";
|
|
1201
|
-
vars: {
|
|
1202
|
-
default: string;
|
|
1203
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1204
|
-
};
|
|
1205
|
-
};
|
|
1206
|
-
borderWidth: {
|
|
1207
|
-
dynamic: {
|
|
1208
|
-
default: string;
|
|
1209
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1210
|
-
};
|
|
1211
|
-
dynamicScale: true;
|
|
1212
|
-
name: "borderWidth";
|
|
1213
|
-
vars: {
|
|
1214
|
-
default: string;
|
|
1215
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1216
|
-
};
|
|
1217
|
-
};
|
|
1218
|
-
zIndex: {
|
|
1219
|
-
dynamic: {
|
|
1220
|
-
default: string;
|
|
1221
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1222
|
-
};
|
|
1223
|
-
dynamicScale: true;
|
|
1224
|
-
name: "zIndex";
|
|
1225
|
-
vars: {
|
|
1226
|
-
default: string;
|
|
1227
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1228
|
-
};
|
|
1229
|
-
};
|
|
1230
1281
|
transitionDelay: {
|
|
1231
1282
|
dynamic: {
|
|
1232
1283
|
default: string;
|
|
@@ -1393,18 +1444,137 @@ export declare const box: {
|
|
|
1393
1444
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1394
1445
|
};
|
|
1395
1446
|
};
|
|
1447
|
+
borderRadius: {
|
|
1448
|
+
dynamic: {
|
|
1449
|
+
default: string;
|
|
1450
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1451
|
+
};
|
|
1452
|
+
dynamicScale: {
|
|
1453
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1454
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1455
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1456
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1457
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1458
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1459
|
+
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1460
|
+
full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1461
|
+
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1462
|
+
half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1463
|
+
none: string;
|
|
1464
|
+
};
|
|
1465
|
+
name: "borderRadius";
|
|
1466
|
+
vars: {
|
|
1467
|
+
default: string;
|
|
1468
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1469
|
+
};
|
|
1470
|
+
};
|
|
1471
|
+
borderWidth: {
|
|
1472
|
+
dynamic: {
|
|
1473
|
+
default: string;
|
|
1474
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1475
|
+
};
|
|
1476
|
+
dynamicScale: {
|
|
1477
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1478
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1479
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1480
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1481
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1482
|
+
none: string;
|
|
1483
|
+
};
|
|
1484
|
+
name: "borderWidth";
|
|
1485
|
+
vars: {
|
|
1486
|
+
default: string;
|
|
1487
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1488
|
+
};
|
|
1489
|
+
};
|
|
1490
|
+
borderTopWidth: {
|
|
1491
|
+
dynamic: {
|
|
1492
|
+
default: string;
|
|
1493
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1494
|
+
};
|
|
1495
|
+
dynamicScale: {
|
|
1496
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1497
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1498
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1499
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1500
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1501
|
+
none: string;
|
|
1502
|
+
};
|
|
1503
|
+
name: "borderTopWidth";
|
|
1504
|
+
vars: {
|
|
1505
|
+
default: string;
|
|
1506
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1507
|
+
};
|
|
1508
|
+
};
|
|
1509
|
+
borderBottomWidth: {
|
|
1510
|
+
dynamic: {
|
|
1511
|
+
default: string;
|
|
1512
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1513
|
+
};
|
|
1514
|
+
dynamicScale: {
|
|
1515
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1516
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1517
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1518
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1519
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1520
|
+
none: string;
|
|
1521
|
+
};
|
|
1522
|
+
name: "borderBottomWidth";
|
|
1523
|
+
vars: {
|
|
1524
|
+
default: string;
|
|
1525
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1526
|
+
};
|
|
1527
|
+
};
|
|
1528
|
+
borderLeftWidth: {
|
|
1529
|
+
dynamic: {
|
|
1530
|
+
default: string;
|
|
1531
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1532
|
+
};
|
|
1533
|
+
dynamicScale: {
|
|
1534
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1535
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1536
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1537
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1538
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1539
|
+
none: string;
|
|
1540
|
+
};
|
|
1541
|
+
name: "borderLeftWidth";
|
|
1542
|
+
vars: {
|
|
1543
|
+
default: string;
|
|
1544
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1545
|
+
};
|
|
1546
|
+
};
|
|
1547
|
+
borderRightWidth: {
|
|
1548
|
+
dynamic: {
|
|
1549
|
+
default: string;
|
|
1550
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1551
|
+
};
|
|
1552
|
+
dynamicScale: {
|
|
1553
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1554
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1555
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1556
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1557
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1558
|
+
none: string;
|
|
1559
|
+
};
|
|
1560
|
+
name: "borderRightWidth";
|
|
1561
|
+
vars: {
|
|
1562
|
+
default: string;
|
|
1563
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1564
|
+
};
|
|
1565
|
+
};
|
|
1396
1566
|
boxShadow: {
|
|
1397
1567
|
dynamic: {
|
|
1398
1568
|
default: string;
|
|
1399
1569
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1400
1570
|
};
|
|
1401
1571
|
dynamicScale: {
|
|
1402
|
-
"
|
|
1403
|
-
"
|
|
1404
|
-
"
|
|
1405
|
-
"
|
|
1406
|
-
"
|
|
1407
|
-
"
|
|
1572
|
+
"0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1573
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1574
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1575
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1576
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1577
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1408
1578
|
focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1409
1579
|
};
|
|
1410
1580
|
name: "boxShadow";
|
|
@@ -1420,14 +1590,22 @@ export declare const box: {
|
|
|
1420
1590
|
};
|
|
1421
1591
|
dynamicScale: {
|
|
1422
1592
|
none: string;
|
|
1423
|
-
"0
|
|
1593
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1424
1594
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1595
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1425
1596
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1426
|
-
"2
|
|
1597
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1598
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1599
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1427
1600
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1601
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1602
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1428
1603
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1604
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1429
1605
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1606
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1430
1607
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1608
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1431
1609
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1432
1610
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1433
1611
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1447,14 +1625,22 @@ export declare const box: {
|
|
|
1447
1625
|
};
|
|
1448
1626
|
dynamicScale: {
|
|
1449
1627
|
none: string;
|
|
1450
|
-
"0
|
|
1628
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1451
1629
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1630
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1452
1631
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1453
|
-
"2
|
|
1632
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1633
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1634
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1454
1635
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1636
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1637
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1455
1638
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1639
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1456
1640
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1641
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1457
1642
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1643
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1458
1644
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1459
1645
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1460
1646
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1474,14 +1660,22 @@ export declare const box: {
|
|
|
1474
1660
|
};
|
|
1475
1661
|
dynamicScale: {
|
|
1476
1662
|
none: string;
|
|
1477
|
-
"0
|
|
1663
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1478
1664
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1665
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1479
1666
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1480
|
-
"2
|
|
1667
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1668
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1669
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1481
1670
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1671
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1672
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1482
1673
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1674
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1483
1675
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1676
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1484
1677
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1678
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1485
1679
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1486
1680
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1487
1681
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1501,14 +1695,22 @@ export declare const box: {
|
|
|
1501
1695
|
};
|
|
1502
1696
|
dynamicScale: {
|
|
1503
1697
|
none: string;
|
|
1504
|
-
"0
|
|
1698
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1505
1699
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1700
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1506
1701
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1507
|
-
"2
|
|
1702
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1703
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1704
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1508
1705
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1706
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1707
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1509
1708
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1709
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1510
1710
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1711
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1511
1712
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1713
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1512
1714
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1513
1715
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1514
1716
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1528,14 +1730,22 @@ export declare const box: {
|
|
|
1528
1730
|
};
|
|
1529
1731
|
dynamicScale: {
|
|
1530
1732
|
none: string;
|
|
1531
|
-
"0
|
|
1733
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1532
1734
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1735
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1533
1736
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1534
|
-
"2
|
|
1737
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1738
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1739
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1535
1740
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1741
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1742
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1536
1743
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1744
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1537
1745
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1746
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1538
1747
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1748
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1539
1749
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1540
1750
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1541
1751
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1554,21 +1764,29 @@ export declare const box: {
|
|
|
1554
1764
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1555
1765
|
};
|
|
1556
1766
|
dynamicScale: {
|
|
1557
|
-
|
|
1558
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1767
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1559
1768
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1769
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1560
1770
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1561
|
-
"2
|
|
1771
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1772
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1773
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1562
1774
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1775
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1776
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1563
1777
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1778
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1564
1779
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1780
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1565
1781
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1782
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1566
1783
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1567
1784
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1568
1785
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1569
1786
|
"18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1570
1787
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1571
1788
|
auto: string;
|
|
1789
|
+
none: string;
|
|
1572
1790
|
};
|
|
1573
1791
|
name: "margin";
|
|
1574
1792
|
vars: {
|
|
@@ -1582,21 +1800,29 @@ export declare const box: {
|
|
|
1582
1800
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1583
1801
|
};
|
|
1584
1802
|
dynamicScale: {
|
|
1585
|
-
|
|
1586
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1803
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1587
1804
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1805
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1588
1806
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1589
|
-
"2
|
|
1807
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1808
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1809
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1590
1810
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1811
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1812
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1591
1813
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1814
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1592
1815
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1816
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1593
1817
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1818
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1594
1819
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1595
1820
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1596
1821
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1597
1822
|
"18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1598
1823
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1599
1824
|
auto: string;
|
|
1825
|
+
none: string;
|
|
1600
1826
|
};
|
|
1601
1827
|
name: "marginTop";
|
|
1602
1828
|
vars: {
|
|
@@ -1610,21 +1836,29 @@ export declare const box: {
|
|
|
1610
1836
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1611
1837
|
};
|
|
1612
1838
|
dynamicScale: {
|
|
1613
|
-
|
|
1614
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1839
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1615
1840
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1841
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1616
1842
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1617
|
-
"2
|
|
1843
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1844
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1845
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1618
1846
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1847
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1848
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1619
1849
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1850
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1620
1851
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1852
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1621
1853
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1854
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1622
1855
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1623
1856
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1624
1857
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1625
1858
|
"18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1626
1859
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1627
1860
|
auto: string;
|
|
1861
|
+
none: string;
|
|
1628
1862
|
};
|
|
1629
1863
|
name: "marginBottom";
|
|
1630
1864
|
vars: {
|
|
@@ -1638,21 +1872,29 @@ export declare const box: {
|
|
|
1638
1872
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1639
1873
|
};
|
|
1640
1874
|
dynamicScale: {
|
|
1641
|
-
|
|
1642
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1875
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1643
1876
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1877
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1644
1878
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1645
|
-
"2
|
|
1879
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1880
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1881
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1646
1882
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1883
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1884
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1647
1885
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1886
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1648
1887
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1888
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1649
1889
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1890
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1650
1891
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1651
1892
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1652
1893
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1653
1894
|
"18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1654
1895
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1655
1896
|
auto: string;
|
|
1897
|
+
none: string;
|
|
1656
1898
|
};
|
|
1657
1899
|
name: "marginLeft";
|
|
1658
1900
|
vars: {
|
|
@@ -1666,21 +1908,29 @@ export declare const box: {
|
|
|
1666
1908
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1667
1909
|
};
|
|
1668
1910
|
dynamicScale: {
|
|
1669
|
-
|
|
1670
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1911
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1671
1912
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1913
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1672
1914
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1673
|
-
"2
|
|
1915
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1916
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1917
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1674
1918
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1919
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1920
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1675
1921
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1922
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1676
1923
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1924
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1677
1925
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1926
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1678
1927
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1679
1928
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1680
1929
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1681
1930
|
"18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1682
1931
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1683
1932
|
auto: string;
|
|
1933
|
+
none: string;
|
|
1684
1934
|
};
|
|
1685
1935
|
name: "marginRight";
|
|
1686
1936
|
vars: {
|
|
@@ -1695,15 +1945,22 @@ export declare const box: {
|
|
|
1695
1945
|
};
|
|
1696
1946
|
dynamicScale: {
|
|
1697
1947
|
none: string;
|
|
1698
|
-
"0
|
|
1948
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1699
1949
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1700
|
-
"1
|
|
1950
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1701
1951
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1702
|
-
"2
|
|
1952
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1953
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1954
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1703
1955
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1956
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1957
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1704
1958
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1959
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1705
1960
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1961
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1706
1962
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1963
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1707
1964
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1708
1965
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1709
1966
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1723,15 +1980,22 @@ export declare const box: {
|
|
|
1723
1980
|
};
|
|
1724
1981
|
dynamicScale: {
|
|
1725
1982
|
none: string;
|
|
1726
|
-
"0
|
|
1983
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1727
1984
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1728
|
-
"1
|
|
1985
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1729
1986
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1730
|
-
"2
|
|
1987
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1988
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1989
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1731
1990
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1991
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1992
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1732
1993
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1994
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1733
1995
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1996
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1734
1997
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1998
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1735
1999
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1736
2000
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1737
2001
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1781,9 +2045,40 @@ export declare const box: {
|
|
|
1781
2045
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1782
2046
|
};
|
|
1783
2047
|
};
|
|
2048
|
+
zIndex: {
|
|
2049
|
+
dynamic: {
|
|
2050
|
+
default: string;
|
|
2051
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2052
|
+
};
|
|
2053
|
+
dynamicScale: {
|
|
2054
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2055
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2056
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2057
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2058
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2059
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2060
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2061
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2062
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2063
|
+
};
|
|
2064
|
+
name: "zIndex";
|
|
2065
|
+
vars: {
|
|
2066
|
+
default: string;
|
|
2067
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2068
|
+
};
|
|
2069
|
+
};
|
|
1784
2070
|
};
|
|
1785
2071
|
} & {
|
|
1786
2072
|
config: {
|
|
2073
|
+
borderWidth: {
|
|
2074
|
+
mappings: ("borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth")[];
|
|
2075
|
+
};
|
|
2076
|
+
borderWidthX: {
|
|
2077
|
+
mappings: ("borderLeftWidth" | "borderRightWidth")[];
|
|
2078
|
+
};
|
|
2079
|
+
borderWidthY: {
|
|
2080
|
+
mappings: ("borderBottomWidth" | "borderTopWidth")[];
|
|
2081
|
+
};
|
|
1787
2082
|
padding: {
|
|
1788
2083
|
mappings: ("paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop")[];
|
|
1789
2084
|
};
|
|
@@ -1850,15 +2145,22 @@ export declare const box: {
|
|
|
1850
2145
|
properties: {
|
|
1851
2146
|
gap: {
|
|
1852
2147
|
none: string;
|
|
1853
|
-
"0
|
|
2148
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1854
2149
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1855
|
-
"1
|
|
2150
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1856
2151
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1857
|
-
"2
|
|
2152
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2153
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2154
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1858
2155
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2156
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2157
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1859
2158
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2159
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1860
2160
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2161
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1861
2162
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2163
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1862
2164
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1863
2165
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1864
2166
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1867,15 +2169,22 @@ export declare const box: {
|
|
|
1867
2169
|
};
|
|
1868
2170
|
gridGap: {
|
|
1869
2171
|
none: string;
|
|
1870
|
-
"0
|
|
2172
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1871
2173
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1872
|
-
"1
|
|
2174
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1873
2175
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1874
|
-
"2
|
|
2176
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2177
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2178
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1875
2179
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2180
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2181
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1876
2182
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2183
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1877
2184
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2185
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1878
2186
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2187
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1879
2188
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1880
2189
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1881
2190
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1958,19 +2267,48 @@ export declare const box: {
|
|
|
1958
2267
|
"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1959
2268
|
transparent: string;
|
|
1960
2269
|
};
|
|
2270
|
+
borderRadius: {
|
|
2271
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2272
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2273
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2274
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2275
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2276
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2277
|
+
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2278
|
+
full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2279
|
+
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2280
|
+
half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2281
|
+
none: string;
|
|
2282
|
+
};
|
|
2283
|
+
borderWidth: {
|
|
2284
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2285
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2286
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2287
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2288
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2289
|
+
none: string;
|
|
2290
|
+
};
|
|
1961
2291
|
borderStyle: BorderStyle[];
|
|
1962
2292
|
boxSizing: BoxSizing[];
|
|
1963
2293
|
cursor: Cursor[];
|
|
1964
|
-
|
|
2294
|
+
spacing: {
|
|
1965
2295
|
none: string;
|
|
1966
|
-
"0
|
|
2296
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1967
2297
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2298
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1968
2299
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1969
|
-
"2
|
|
2300
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2301
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2302
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1970
2303
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2304
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2305
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1971
2306
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2307
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1972
2308
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2309
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1973
2310
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2311
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1974
2312
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1975
2313
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1976
2314
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1978,33 +2316,41 @@ export declare const box: {
|
|
|
1978
2316
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1979
2317
|
};
|
|
1980
2318
|
margin: {
|
|
1981
|
-
|
|
1982
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2319
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1983
2320
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2321
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1984
2322
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1985
|
-
"2
|
|
2323
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2324
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2325
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1986
2326
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2327
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2328
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1987
2329
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2330
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1988
2331
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2332
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1989
2333
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2334
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1990
2335
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1991
2336
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1992
2337
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1993
2338
|
"18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1994
2339
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1995
2340
|
auto: string;
|
|
2341
|
+
none: string;
|
|
1996
2342
|
};
|
|
1997
2343
|
position: Position[];
|
|
1998
2344
|
overflow: Overflow[];
|
|
1999
2345
|
overflowX: Overflow[];
|
|
2000
2346
|
overflowY: Overflow[];
|
|
2001
2347
|
boxShadow: {
|
|
2002
|
-
"
|
|
2003
|
-
"
|
|
2004
|
-
"
|
|
2005
|
-
"
|
|
2006
|
-
"
|
|
2007
|
-
"
|
|
2348
|
+
"0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2349
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2350
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2351
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2352
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2353
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2008
2354
|
focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2009
2355
|
};
|
|
2010
2356
|
transitionDuration: {
|
|
@@ -2015,6 +2361,17 @@ export declare const box: {
|
|
|
2015
2361
|
};
|
|
2016
2362
|
transitionTimingFunction: TransitionTiming[];
|
|
2017
2363
|
textDecoration: TextDecoration[];
|
|
2364
|
+
zIndex: {
|
|
2365
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2366
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2367
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2368
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2369
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2370
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2371
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2372
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2373
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2374
|
+
};
|
|
2018
2375
|
};
|
|
2019
2376
|
};
|
|
2020
2377
|
export declare const button: {
|
|
@@ -2078,7 +2435,7 @@ export declare const fileUploader: {
|
|
|
2078
2435
|
};
|
|
2079
2436
|
export declare const icon: {
|
|
2080
2437
|
sprinkle: ((props: {
|
|
2081
|
-
color?: "
|
|
2438
|
+
color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | undefined;
|
|
2082
2439
|
cursor?: Cursor | undefined;
|
|
2083
2440
|
}) => string) & {
|
|
2084
2441
|
properties: Set<"color" | "cursor">;
|
|
@@ -2363,7 +2720,7 @@ export declare const text: {
|
|
|
2363
2720
|
config: {
|
|
2364
2721
|
color: {
|
|
2365
2722
|
values: {
|
|
2366
|
-
|
|
2723
|
+
currentColor: {
|
|
2367
2724
|
default: string;
|
|
2368
2725
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2369
2726
|
};
|
|
@@ -2371,87 +2728,87 @@ export declare const text: {
|
|
|
2371
2728
|
default: string;
|
|
2372
2729
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2373
2730
|
};
|
|
2374
|
-
"primary-
|
|
2731
|
+
"primary-surface": {
|
|
2375
2732
|
default: string;
|
|
2376
2733
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2377
2734
|
};
|
|
2378
|
-
"primary-
|
|
2735
|
+
"primary-textLow": {
|
|
2379
2736
|
default: string;
|
|
2380
2737
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2381
2738
|
};
|
|
2382
|
-
"success-
|
|
2739
|
+
"success-textLow": {
|
|
2383
2740
|
default: string;
|
|
2384
2741
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2385
2742
|
};
|
|
2386
|
-
"success-
|
|
2743
|
+
"success-surface": {
|
|
2387
2744
|
default: string;
|
|
2388
2745
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2389
2746
|
};
|
|
2390
|
-
"
|
|
2747
|
+
"warning-interactive": {
|
|
2391
2748
|
default: string;
|
|
2392
2749
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2393
2750
|
};
|
|
2394
|
-
"
|
|
2751
|
+
"warning-surface": {
|
|
2395
2752
|
default: string;
|
|
2396
2753
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2397
2754
|
};
|
|
2398
|
-
"warning-
|
|
2755
|
+
"warning-textLow": {
|
|
2399
2756
|
default: string;
|
|
2400
2757
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2401
2758
|
};
|
|
2402
|
-
"
|
|
2759
|
+
"danger-interactive": {
|
|
2403
2760
|
default: string;
|
|
2404
2761
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2405
2762
|
};
|
|
2406
|
-
"
|
|
2763
|
+
"danger-surface": {
|
|
2407
2764
|
default: string;
|
|
2408
2765
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2409
2766
|
};
|
|
2410
|
-
"
|
|
2767
|
+
"danger-textLow": {
|
|
2411
2768
|
default: string;
|
|
2412
2769
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2413
2770
|
};
|
|
2414
|
-
"
|
|
2771
|
+
"neutral-background": {
|
|
2415
2772
|
default: string;
|
|
2416
2773
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2417
2774
|
};
|
|
2418
|
-
"
|
|
2775
|
+
"neutral-interactive": {
|
|
2419
2776
|
default: string;
|
|
2420
2777
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2421
2778
|
};
|
|
2422
|
-
"
|
|
2779
|
+
"neutral-surface": {
|
|
2423
2780
|
default: string;
|
|
2424
2781
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2425
2782
|
};
|
|
2426
|
-
"
|
|
2783
|
+
"neutral-textLow": {
|
|
2427
2784
|
default: string;
|
|
2428
2785
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2429
2786
|
};
|
|
2430
|
-
"
|
|
2787
|
+
"success-interactive": {
|
|
2431
2788
|
default: string;
|
|
2432
2789
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2433
2790
|
};
|
|
2434
|
-
"
|
|
2791
|
+
"primary-textHigh": {
|
|
2435
2792
|
default: string;
|
|
2436
2793
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2437
2794
|
};
|
|
2438
|
-
"
|
|
2795
|
+
"success-textHigh": {
|
|
2439
2796
|
default: string;
|
|
2440
2797
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2441
2798
|
};
|
|
2442
|
-
"
|
|
2799
|
+
"warning-textHigh": {
|
|
2443
2800
|
default: string;
|
|
2444
2801
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2445
2802
|
};
|
|
2446
|
-
"
|
|
2803
|
+
"danger-textHigh": {
|
|
2447
2804
|
default: string;
|
|
2448
2805
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2449
2806
|
};
|
|
2450
|
-
"neutral-
|
|
2807
|
+
"neutral-textDisabled": {
|
|
2451
2808
|
default: string;
|
|
2452
2809
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2453
2810
|
};
|
|
2454
|
-
|
|
2811
|
+
"neutral-textHigh": {
|
|
2455
2812
|
default: string;
|
|
2456
2813
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2457
2814
|
};
|
|
@@ -2670,15 +3027,15 @@ declare const propertiesTitle: {
|
|
|
2670
3027
|
};
|
|
2671
3028
|
textAlign: TextAlign[];
|
|
2672
3029
|
fontSize: {
|
|
2673
|
-
"0
|
|
3030
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2674
3031
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2675
|
-
"1
|
|
3032
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2676
3033
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2677
|
-
"2
|
|
3034
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2678
3035
|
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2679
|
-
"3
|
|
3036
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2680
3037
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2681
|
-
"4
|
|
3038
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2682
3039
|
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2683
3040
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2684
3041
|
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2704,15 +3061,15 @@ declare const propertiesTitle: {
|
|
|
2704
3061
|
bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2705
3062
|
};
|
|
2706
3063
|
lineHeight: {
|
|
2707
|
-
"0
|
|
3064
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2708
3065
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2709
|
-
"1
|
|
3066
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2710
3067
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2711
|
-
"2
|
|
3068
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2712
3069
|
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2713
|
-
"3
|
|
3070
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2714
3071
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2715
|
-
"4
|
|
3072
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2716
3073
|
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2717
3074
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2718
3075
|
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2767,11 +3124,11 @@ export interface TitleSprinkle {
|
|
|
2767
3124
|
}
|
|
2768
3125
|
export declare const title: {
|
|
2769
3126
|
sprinkle: ((props: {
|
|
2770
|
-
color?: ("primary-textLow" | "
|
|
2771
|
-
xs?: "primary-textLow" | "
|
|
2772
|
-
md?: "primary-textLow" | "
|
|
2773
|
-
lg?: "primary-textLow" | "
|
|
2774
|
-
xl?: "primary-textLow" | "
|
|
3127
|
+
color?: ("primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | {
|
|
3128
|
+
xs?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
3129
|
+
md?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
3130
|
+
lg?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
3131
|
+
xl?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
2775
3132
|
}) | undefined;
|
|
2776
3133
|
textAlign?: (TextAlign | {
|
|
2777
3134
|
xs?: TextAlign | undefined;
|
|
@@ -2779,11 +3136,11 @@ export declare const title: {
|
|
|
2779
3136
|
lg?: TextAlign | undefined;
|
|
2780
3137
|
xl?: TextAlign | undefined;
|
|
2781
3138
|
}) | undefined;
|
|
2782
|
-
fontSize?: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2783
|
-
xs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2784
|
-
md?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2785
|
-
lg?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2786
|
-
xl?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
3139
|
+
fontSize?: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | {
|
|
3140
|
+
xs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
3141
|
+
md?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
3142
|
+
lg?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
3143
|
+
xl?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
2787
3144
|
}) | undefined;
|
|
2788
3145
|
fontWeight?: ("regular" | "medium" | "bold" | {
|
|
2789
3146
|
xs?: "regular" | "medium" | "bold" | undefined;
|
|
@@ -2791,11 +3148,11 @@ export declare const title: {
|
|
|
2791
3148
|
lg?: "regular" | "medium" | "bold" | undefined;
|
|
2792
3149
|
xl?: "regular" | "medium" | "bold" | undefined;
|
|
2793
3150
|
}) | undefined;
|
|
2794
|
-
lineHeight?: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2795
|
-
xs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2796
|
-
md?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2797
|
-
lg?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2798
|
-
xl?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
3151
|
+
lineHeight?: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | {
|
|
3152
|
+
xs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
3153
|
+
md?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
3154
|
+
lg?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
3155
|
+
xl?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
2799
3156
|
}) | undefined;
|
|
2800
3157
|
}) => string) & {
|
|
2801
3158
|
properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
|
|
@@ -2815,15 +3172,15 @@ export declare const title: {
|
|
|
2815
3172
|
};
|
|
2816
3173
|
textAlign: TextAlign[];
|
|
2817
3174
|
fontSize: {
|
|
2818
|
-
"0
|
|
3175
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2819
3176
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2820
|
-
"1
|
|
3177
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2821
3178
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2822
|
-
"2
|
|
3179
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2823
3180
|
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2824
|
-
"3
|
|
3181
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2825
3182
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2826
|
-
"4
|
|
3183
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2827
3184
|
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2828
3185
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2829
3186
|
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2849,15 +3206,15 @@ export declare const title: {
|
|
|
2849
3206
|
bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2850
3207
|
};
|
|
2851
3208
|
lineHeight: {
|
|
2852
|
-
"0
|
|
3209
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2853
3210
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2854
|
-
"1
|
|
3211
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2855
3212
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2856
|
-
"2
|
|
3213
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2857
3214
|
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2858
|
-
"3
|
|
3215
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2859
3216
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2860
|
-
"4
|
|
3217
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2861
3218
|
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2862
3219
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2863
3220
|
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2920,10 +3277,22 @@ declare const propertiesPopover: {
|
|
|
2920
3277
|
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2921
3278
|
none: string;
|
|
2922
3279
|
};
|
|
3280
|
+
zIndex: {
|
|
3281
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3282
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3283
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3284
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3285
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3286
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3287
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3288
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3289
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3290
|
+
};
|
|
2923
3291
|
};
|
|
2924
3292
|
export type PopoverColorProperties = keyof typeof propertiesPopover.color;
|
|
2925
3293
|
export type PopoverBackgroundColorProperties = keyof typeof propertiesPopover.backgroundColor;
|
|
2926
3294
|
export type PopoverPaddingProperties = keyof typeof propertiesPopover.padding;
|
|
3295
|
+
export type PopoverZIndexProperties = keyof typeof propertiesPopover.zIndex;
|
|
2927
3296
|
export interface PopoverSprinkle {
|
|
2928
3297
|
/**
|
|
2929
3298
|
* The width property specifies the width of a popover's content area.
|
|
@@ -2937,7 +3306,7 @@ export interface PopoverSprinkle {
|
|
|
2937
3306
|
/**
|
|
2938
3307
|
* The zIndex property specifies the stack order of the popover.
|
|
2939
3308
|
*/
|
|
2940
|
-
zIndex?:
|
|
3309
|
+
zIndex?: PopoverZIndexProperties | Conditions<PopoverZIndexProperties>;
|
|
2941
3310
|
/**
|
|
2942
3311
|
* The backgroundColor property sets the background color of the popover.
|
|
2943
3312
|
* @default neutral-background
|
|
@@ -2965,10 +3334,6 @@ export declare const popover: {
|
|
|
2965
3334
|
default: string;
|
|
2966
3335
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2967
3336
|
};
|
|
2968
|
-
"primary-interactiveHover": {
|
|
2969
|
-
default: string;
|
|
2970
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2971
|
-
};
|
|
2972
3337
|
"success-surfaceHighlight": {
|
|
2973
3338
|
default: string;
|
|
2974
3339
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
@@ -2989,6 +3354,10 @@ export declare const popover: {
|
|
|
2989
3354
|
default: string;
|
|
2990
3355
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2991
3356
|
};
|
|
3357
|
+
"primary-interactiveHover": {
|
|
3358
|
+
default: string;
|
|
3359
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3360
|
+
};
|
|
2992
3361
|
};
|
|
2993
3362
|
staticScale: {
|
|
2994
3363
|
"primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -3029,10 +3398,6 @@ export declare const popover: {
|
|
|
3029
3398
|
default: string;
|
|
3030
3399
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3031
3400
|
};
|
|
3032
|
-
"primary-interactiveHover": {
|
|
3033
|
-
default: string;
|
|
3034
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3035
|
-
};
|
|
3036
3401
|
"success-surfaceHighlight": {
|
|
3037
3402
|
default: string;
|
|
3038
3403
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
@@ -3053,6 +3418,10 @@ export declare const popover: {
|
|
|
3053
3418
|
default: string;
|
|
3054
3419
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3055
3420
|
};
|
|
3421
|
+
"primary-interactiveHover": {
|
|
3422
|
+
default: string;
|
|
3423
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3424
|
+
};
|
|
3056
3425
|
};
|
|
3057
3426
|
staticScale: {
|
|
3058
3427
|
"primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -3065,6 +3434,58 @@ export declare const popover: {
|
|
|
3065
3434
|
};
|
|
3066
3435
|
name: "color";
|
|
3067
3436
|
};
|
|
3437
|
+
zIndex: {
|
|
3438
|
+
values: {
|
|
3439
|
+
100: {
|
|
3440
|
+
default: string;
|
|
3441
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3442
|
+
};
|
|
3443
|
+
200: {
|
|
3444
|
+
default: string;
|
|
3445
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3446
|
+
};
|
|
3447
|
+
300: {
|
|
3448
|
+
default: string;
|
|
3449
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3450
|
+
};
|
|
3451
|
+
400: {
|
|
3452
|
+
default: string;
|
|
3453
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3454
|
+
};
|
|
3455
|
+
500: {
|
|
3456
|
+
default: string;
|
|
3457
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3458
|
+
};
|
|
3459
|
+
600: {
|
|
3460
|
+
default: string;
|
|
3461
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3462
|
+
};
|
|
3463
|
+
700: {
|
|
3464
|
+
default: string;
|
|
3465
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3466
|
+
};
|
|
3467
|
+
800: {
|
|
3468
|
+
default: string;
|
|
3469
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3470
|
+
};
|
|
3471
|
+
900: {
|
|
3472
|
+
default: string;
|
|
3473
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3474
|
+
};
|
|
3475
|
+
};
|
|
3476
|
+
staticScale: {
|
|
3477
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3478
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3479
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3480
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3481
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3482
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3483
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3484
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3485
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3486
|
+
};
|
|
3487
|
+
name: "zIndex";
|
|
3488
|
+
};
|
|
3068
3489
|
};
|
|
3069
3490
|
} & {
|
|
3070
3491
|
config: {
|
|
@@ -3092,23 +3513,11 @@ export declare const popover: {
|
|
|
3092
3513
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3093
3514
|
};
|
|
3094
3515
|
};
|
|
3095
|
-
zIndex: {
|
|
3096
|
-
dynamic: {
|
|
3097
|
-
default: string;
|
|
3098
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3099
|
-
};
|
|
3100
|
-
dynamicScale: true;
|
|
3101
|
-
name: "zIndex";
|
|
3102
|
-
vars: {
|
|
3103
|
-
default: string;
|
|
3104
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3105
|
-
};
|
|
3106
|
-
};
|
|
3107
3516
|
};
|
|
3108
3517
|
} & {
|
|
3109
3518
|
config: {
|
|
3110
3519
|
[x: string]: {
|
|
3111
|
-
mappings: ("width" | "
|
|
3520
|
+
mappings: ("width" | "zIndex" | "color" | "backgroundColor" | "height" | "padding")[];
|
|
3112
3521
|
};
|
|
3113
3522
|
};
|
|
3114
3523
|
}
|
|
@@ -3137,6 +3546,17 @@ export declare const popover: {
|
|
|
3137
3546
|
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3138
3547
|
none: string;
|
|
3139
3548
|
};
|
|
3549
|
+
zIndex: {
|
|
3550
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3551
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3552
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3553
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3554
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3555
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3556
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3557
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3558
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3559
|
+
};
|
|
3140
3560
|
};
|
|
3141
3561
|
classnames: {
|
|
3142
3562
|
content: string;
|
|
@@ -3176,7 +3596,7 @@ export declare const skeleton: {
|
|
|
3176
3596
|
};
|
|
3177
3597
|
export declare const spinner: {
|
|
3178
3598
|
sprinkle: ((props: {
|
|
3179
|
-
color?: "
|
|
3599
|
+
color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | undefined;
|
|
3180
3600
|
}) => string) & {
|
|
3181
3601
|
properties: Set<"color">;
|
|
3182
3602
|
};
|
|
@@ -3422,6 +3842,58 @@ declare const sidebarSprinkle: {
|
|
|
3422
3842
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
3423
3843
|
{
|
|
3424
3844
|
config: {
|
|
3845
|
+
zIndex: {
|
|
3846
|
+
values: {
|
|
3847
|
+
100: {
|
|
3848
|
+
default: string;
|
|
3849
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3850
|
+
};
|
|
3851
|
+
200: {
|
|
3852
|
+
default: string;
|
|
3853
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3854
|
+
};
|
|
3855
|
+
300: {
|
|
3856
|
+
default: string;
|
|
3857
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3858
|
+
};
|
|
3859
|
+
400: {
|
|
3860
|
+
default: string;
|
|
3861
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3862
|
+
};
|
|
3863
|
+
500: {
|
|
3864
|
+
default: string;
|
|
3865
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3866
|
+
};
|
|
3867
|
+
600: {
|
|
3868
|
+
default: string;
|
|
3869
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3870
|
+
};
|
|
3871
|
+
700: {
|
|
3872
|
+
default: string;
|
|
3873
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3874
|
+
};
|
|
3875
|
+
800: {
|
|
3876
|
+
default: string;
|
|
3877
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3878
|
+
};
|
|
3879
|
+
900: {
|
|
3880
|
+
default: string;
|
|
3881
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3882
|
+
};
|
|
3883
|
+
};
|
|
3884
|
+
staticScale: {
|
|
3885
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3886
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3887
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3888
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3889
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3890
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3891
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3892
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3893
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3894
|
+
};
|
|
3895
|
+
name: "zIndex";
|
|
3896
|
+
};
|
|
3425
3897
|
padding: {
|
|
3426
3898
|
values: {
|
|
3427
3899
|
base: {
|
|
@@ -3459,28 +3931,27 @@ declare const sidebarSprinkle: {
|
|
|
3459
3931
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3460
3932
|
};
|
|
3461
3933
|
};
|
|
3462
|
-
zIndex: {
|
|
3463
|
-
dynamic: {
|
|
3464
|
-
default: string;
|
|
3465
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3466
|
-
};
|
|
3467
|
-
dynamicScale: true;
|
|
3468
|
-
name: "zIndex";
|
|
3469
|
-
vars: {
|
|
3470
|
-
default: string;
|
|
3471
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3472
|
-
};
|
|
3473
|
-
};
|
|
3474
3934
|
};
|
|
3475
3935
|
} & {
|
|
3476
3936
|
config: {
|
|
3477
3937
|
[x: string]: {
|
|
3478
|
-
mappings: ("
|
|
3938
|
+
mappings: ("zIndex" | "maxWidth" | "padding")[];
|
|
3479
3939
|
};
|
|
3480
3940
|
};
|
|
3481
3941
|
}
|
|
3482
3942
|
]>;
|
|
3483
3943
|
properties: {
|
|
3944
|
+
zIndex: {
|
|
3945
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3946
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3947
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3948
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3949
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3950
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3951
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3952
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3953
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3954
|
+
};
|
|
3484
3955
|
padding: {
|
|
3485
3956
|
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3486
3957
|
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -3489,6 +3960,7 @@ declare const sidebarSprinkle: {
|
|
|
3489
3960
|
};
|
|
3490
3961
|
};
|
|
3491
3962
|
export type SidebarPaddingProperties = keyof typeof sidebarSprinkle.properties.padding;
|
|
3963
|
+
export type SidebarZIndexProperties = keyof typeof sidebarSprinkle.properties.zIndex;
|
|
3492
3964
|
export interface SidebarSprinkle {
|
|
3493
3965
|
/**
|
|
3494
3966
|
* The maxWidth property specifies the maxWidth of a sidebar's content area.
|
|
@@ -3498,7 +3970,7 @@ export interface SidebarSprinkle {
|
|
|
3498
3970
|
/**
|
|
3499
3971
|
* The zIndex property specifies the stack order of the sidebar.
|
|
3500
3972
|
*/
|
|
3501
|
-
zIndex?:
|
|
3973
|
+
zIndex?: SidebarZIndexProperties | Conditions<SidebarZIndexProperties>;
|
|
3502
3974
|
/**
|
|
3503
3975
|
* The padding properties are used to generate space around an sidebar's content area.
|
|
3504
3976
|
* @default base
|
|
@@ -3509,6 +3981,58 @@ export declare const sidebar: {
|
|
|
3509
3981
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
3510
3982
|
{
|
|
3511
3983
|
config: {
|
|
3984
|
+
zIndex: {
|
|
3985
|
+
values: {
|
|
3986
|
+
100: {
|
|
3987
|
+
default: string;
|
|
3988
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3989
|
+
};
|
|
3990
|
+
200: {
|
|
3991
|
+
default: string;
|
|
3992
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3993
|
+
};
|
|
3994
|
+
300: {
|
|
3995
|
+
default: string;
|
|
3996
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3997
|
+
};
|
|
3998
|
+
400: {
|
|
3999
|
+
default: string;
|
|
4000
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
4001
|
+
};
|
|
4002
|
+
500: {
|
|
4003
|
+
default: string;
|
|
4004
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
4005
|
+
};
|
|
4006
|
+
600: {
|
|
4007
|
+
default: string;
|
|
4008
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
4009
|
+
};
|
|
4010
|
+
700: {
|
|
4011
|
+
default: string;
|
|
4012
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
4013
|
+
};
|
|
4014
|
+
800: {
|
|
4015
|
+
default: string;
|
|
4016
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
4017
|
+
};
|
|
4018
|
+
900: {
|
|
4019
|
+
default: string;
|
|
4020
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
4021
|
+
};
|
|
4022
|
+
};
|
|
4023
|
+
staticScale: {
|
|
4024
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4025
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4026
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4027
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4028
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4029
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4030
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4031
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4032
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4033
|
+
};
|
|
4034
|
+
name: "zIndex";
|
|
4035
|
+
};
|
|
3512
4036
|
padding: {
|
|
3513
4037
|
values: {
|
|
3514
4038
|
base: {
|
|
@@ -3546,28 +4070,27 @@ export declare const sidebar: {
|
|
|
3546
4070
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3547
4071
|
};
|
|
3548
4072
|
};
|
|
3549
|
-
zIndex: {
|
|
3550
|
-
dynamic: {
|
|
3551
|
-
default: string;
|
|
3552
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3553
|
-
};
|
|
3554
|
-
dynamicScale: true;
|
|
3555
|
-
name: "zIndex";
|
|
3556
|
-
vars: {
|
|
3557
|
-
default: string;
|
|
3558
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3559
|
-
};
|
|
3560
|
-
};
|
|
3561
4073
|
};
|
|
3562
4074
|
} & {
|
|
3563
4075
|
config: {
|
|
3564
4076
|
[x: string]: {
|
|
3565
|
-
mappings: ("
|
|
4077
|
+
mappings: ("zIndex" | "maxWidth" | "padding")[];
|
|
3566
4078
|
};
|
|
3567
4079
|
};
|
|
3568
4080
|
}
|
|
3569
4081
|
]>;
|
|
3570
4082
|
properties: {
|
|
4083
|
+
zIndex: {
|
|
4084
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4085
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4086
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4087
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4088
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4089
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4090
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4091
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4092
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4093
|
+
};
|
|
3571
4094
|
padding: {
|
|
3572
4095
|
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3573
4096
|
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|