@nimbus-ds/styles 9.0.0-rc.1 → 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 +24 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1021 -277
- 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 -4
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,53 +2267,90 @@ export declare const box: {
|
|
|
1958
2267
|
"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1959
2268
|
transparent: string;
|
|
1960
2269
|
};
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
cursor: Cursor[];
|
|
1964
|
-
space: {
|
|
1965
|
-
none: string;
|
|
1966
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2270
|
+
borderRadius: {
|
|
2271
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1967
2272
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1968
2273
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1969
|
-
"
|
|
2274
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1970
2275
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2276
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1971
2277
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1972
|
-
|
|
1973
|
-
|
|
1974
|
-
|
|
1975
|
-
|
|
1976
|
-
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1977
|
-
"18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1978
|
-
"20": `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;
|
|
1979
2282
|
};
|
|
1980
|
-
|
|
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})`;
|
|
1981
2289
|
none: string;
|
|
1982
|
-
|
|
2290
|
+
};
|
|
2291
|
+
borderStyle: BorderStyle[];
|
|
2292
|
+
boxSizing: BoxSizing[];
|
|
2293
|
+
cursor: Cursor[];
|
|
2294
|
+
spacing: {
|
|
2295
|
+
none: string;
|
|
2296
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2297
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2298
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2299
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
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})`;
|
|
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})`;
|
|
2306
|
+
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2307
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2308
|
+
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2309
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2310
|
+
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2311
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2312
|
+
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2313
|
+
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2314
|
+
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2315
|
+
"18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2316
|
+
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2317
|
+
};
|
|
2318
|
+
margin: {
|
|
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">;
|
|
@@ -2280,10 +2637,7 @@ declare const propertiesText: {
|
|
|
2280
2637
|
"primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2281
2638
|
"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2282
2639
|
"primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2283
|
-
"primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2284
|
-
* The color property is used to set the color of the text.
|
|
2285
|
-
* @default neutral-textLow
|
|
2286
|
-
*/
|
|
2640
|
+
"primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2287
2641
|
"success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2288
2642
|
"success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2289
2643
|
"success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2351,42 +2705,265 @@ export interface TextSprinkle {
|
|
|
2351
2705
|
* @default neutral-textLow
|
|
2352
2706
|
*/
|
|
2353
2707
|
color?: TextColorProperties | TextConditions<TextColorProperties>;
|
|
2708
|
+
/**
|
|
2709
|
+
* The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.
|
|
2710
|
+
*/
|
|
2711
|
+
lineClamp?: number | TextConditions<number>;
|
|
2712
|
+
/**
|
|
2713
|
+
* The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.
|
|
2714
|
+
*/
|
|
2715
|
+
WebkitLineClamp?: number | TextConditions<number>;
|
|
2354
2716
|
}
|
|
2355
2717
|
export declare const text: {
|
|
2356
|
-
sprinkle: (
|
|
2357
|
-
|
|
2358
|
-
|
|
2359
|
-
|
|
2360
|
-
|
|
2361
|
-
|
|
2362
|
-
|
|
2363
|
-
|
|
2364
|
-
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
|
-
|
|
2368
|
-
|
|
2369
|
-
|
|
2370
|
-
|
|
2371
|
-
|
|
2372
|
-
|
|
2373
|
-
|
|
2374
|
-
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2718
|
+
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
2719
|
+
{
|
|
2720
|
+
config: {
|
|
2721
|
+
color: {
|
|
2722
|
+
values: {
|
|
2723
|
+
currentColor: {
|
|
2724
|
+
default: string;
|
|
2725
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2726
|
+
};
|
|
2727
|
+
"primary-interactive": {
|
|
2728
|
+
default: string;
|
|
2729
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2730
|
+
};
|
|
2731
|
+
"primary-surface": {
|
|
2732
|
+
default: string;
|
|
2733
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2734
|
+
};
|
|
2735
|
+
"primary-textLow": {
|
|
2736
|
+
default: string;
|
|
2737
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2738
|
+
};
|
|
2739
|
+
"success-textLow": {
|
|
2740
|
+
default: string;
|
|
2741
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2742
|
+
};
|
|
2743
|
+
"success-surface": {
|
|
2744
|
+
default: string;
|
|
2745
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2746
|
+
};
|
|
2747
|
+
"warning-interactive": {
|
|
2748
|
+
default: string;
|
|
2749
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2750
|
+
};
|
|
2751
|
+
"warning-surface": {
|
|
2752
|
+
default: string;
|
|
2753
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2754
|
+
};
|
|
2755
|
+
"warning-textLow": {
|
|
2756
|
+
default: string;
|
|
2757
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2758
|
+
};
|
|
2759
|
+
"danger-interactive": {
|
|
2760
|
+
default: string;
|
|
2761
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2762
|
+
};
|
|
2763
|
+
"danger-surface": {
|
|
2764
|
+
default: string;
|
|
2765
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2766
|
+
};
|
|
2767
|
+
"danger-textLow": {
|
|
2768
|
+
default: string;
|
|
2769
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2770
|
+
};
|
|
2771
|
+
"neutral-background": {
|
|
2772
|
+
default: string;
|
|
2773
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2774
|
+
};
|
|
2775
|
+
"neutral-interactive": {
|
|
2776
|
+
default: string;
|
|
2777
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2778
|
+
};
|
|
2779
|
+
"neutral-surface": {
|
|
2780
|
+
default: string;
|
|
2781
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2782
|
+
};
|
|
2783
|
+
"neutral-textLow": {
|
|
2784
|
+
default: string;
|
|
2785
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2786
|
+
};
|
|
2787
|
+
"success-interactive": {
|
|
2788
|
+
default: string;
|
|
2789
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2790
|
+
};
|
|
2791
|
+
"primary-textHigh": {
|
|
2792
|
+
default: string;
|
|
2793
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2794
|
+
};
|
|
2795
|
+
"success-textHigh": {
|
|
2796
|
+
default: string;
|
|
2797
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2798
|
+
};
|
|
2799
|
+
"warning-textHigh": {
|
|
2800
|
+
default: string;
|
|
2801
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2802
|
+
};
|
|
2803
|
+
"danger-textHigh": {
|
|
2804
|
+
default: string;
|
|
2805
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2806
|
+
};
|
|
2807
|
+
"neutral-textDisabled": {
|
|
2808
|
+
default: string;
|
|
2809
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2810
|
+
};
|
|
2811
|
+
"neutral-textHigh": {
|
|
2812
|
+
default: string;
|
|
2813
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2814
|
+
};
|
|
2815
|
+
};
|
|
2816
|
+
staticScale: {
|
|
2817
|
+
currentColor: string;
|
|
2818
|
+
"primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2819
|
+
"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2820
|
+
"primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2821
|
+
"primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2822
|
+
"success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2823
|
+
"success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2824
|
+
"success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2825
|
+
"success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2826
|
+
"warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2827
|
+
"warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2828
|
+
"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2829
|
+
"warning-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2830
|
+
"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2831
|
+
"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2832
|
+
"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2833
|
+
"danger-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2834
|
+
"neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2835
|
+
"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2836
|
+
"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2837
|
+
"neutral-textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2838
|
+
"neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2839
|
+
"neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2840
|
+
};
|
|
2841
|
+
name: "color";
|
|
2842
|
+
};
|
|
2843
|
+
textAlign: {
|
|
2844
|
+
values: {
|
|
2845
|
+
left: {
|
|
2846
|
+
default: string;
|
|
2847
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2848
|
+
};
|
|
2849
|
+
right: {
|
|
2850
|
+
default: string;
|
|
2851
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2852
|
+
};
|
|
2853
|
+
center: {
|
|
2854
|
+
default: string;
|
|
2855
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2856
|
+
};
|
|
2857
|
+
justify: {
|
|
2858
|
+
default: string;
|
|
2859
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2860
|
+
};
|
|
2861
|
+
};
|
|
2862
|
+
staticScale: TextAlign[];
|
|
2863
|
+
name: "textAlign";
|
|
2864
|
+
};
|
|
2865
|
+
lineHeight: {
|
|
2866
|
+
values: {
|
|
2867
|
+
caption: {
|
|
2868
|
+
default: string;
|
|
2869
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2870
|
+
};
|
|
2871
|
+
base: {
|
|
2872
|
+
default: string;
|
|
2873
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2874
|
+
};
|
|
2875
|
+
highlight: {
|
|
2876
|
+
default: string;
|
|
2877
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2878
|
+
};
|
|
2879
|
+
};
|
|
2880
|
+
staticScale: {
|
|
2881
|
+
readonly caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2882
|
+
readonly base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2883
|
+
readonly highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2884
|
+
};
|
|
2885
|
+
name: "lineHeight";
|
|
2886
|
+
};
|
|
2887
|
+
fontWeight: {
|
|
2888
|
+
values: {
|
|
2889
|
+
regular: {
|
|
2890
|
+
default: string;
|
|
2891
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2892
|
+
};
|
|
2893
|
+
medium: {
|
|
2894
|
+
default: string;
|
|
2895
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2896
|
+
};
|
|
2897
|
+
bold: {
|
|
2898
|
+
default: string;
|
|
2899
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2900
|
+
};
|
|
2901
|
+
};
|
|
2902
|
+
staticScale: {
|
|
2903
|
+
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2904
|
+
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2905
|
+
bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2906
|
+
};
|
|
2907
|
+
name: "fontWeight";
|
|
2908
|
+
};
|
|
2909
|
+
fontSize: {
|
|
2910
|
+
values: {
|
|
2911
|
+
caption: {
|
|
2912
|
+
default: string;
|
|
2913
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2914
|
+
};
|
|
2915
|
+
base: {
|
|
2916
|
+
default: string;
|
|
2917
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2918
|
+
};
|
|
2919
|
+
highlight: {
|
|
2920
|
+
default: string;
|
|
2921
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2922
|
+
};
|
|
2923
|
+
};
|
|
2924
|
+
staticScale: {
|
|
2925
|
+
caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2926
|
+
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2927
|
+
highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2928
|
+
};
|
|
2929
|
+
name: "fontSize";
|
|
2930
|
+
};
|
|
2931
|
+
};
|
|
2932
|
+
} & {
|
|
2933
|
+
config: {
|
|
2934
|
+
lineClamp: {
|
|
2935
|
+
dynamic: {
|
|
2936
|
+
default: string;
|
|
2937
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2938
|
+
};
|
|
2939
|
+
dynamicScale: true;
|
|
2940
|
+
name: "lineClamp";
|
|
2941
|
+
vars: {
|
|
2942
|
+
default: string;
|
|
2943
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2944
|
+
};
|
|
2945
|
+
};
|
|
2946
|
+
WebkitLineClamp: {
|
|
2947
|
+
dynamic: {
|
|
2948
|
+
default: string;
|
|
2949
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2950
|
+
};
|
|
2951
|
+
dynamicScale: boolean;
|
|
2952
|
+
name: "WebkitLineClamp";
|
|
2953
|
+
vars: {
|
|
2954
|
+
default: string;
|
|
2955
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2956
|
+
};
|
|
2957
|
+
};
|
|
2958
|
+
};
|
|
2959
|
+
} & {
|
|
2960
|
+
config: {
|
|
2961
|
+
[x: string]: {
|
|
2962
|
+
mappings: ("fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign" | "lineClamp" | "WebkitLineClamp")[];
|
|
2963
|
+
};
|
|
2964
|
+
};
|
|
2965
|
+
}
|
|
2966
|
+
]>;
|
|
2390
2967
|
properties: {
|
|
2391
2968
|
color: {
|
|
2392
2969
|
currentColor: string;
|
|
@@ -2432,6 +3009,7 @@ export declare const text: {
|
|
|
2432
3009
|
};
|
|
2433
3010
|
classnames: {
|
|
2434
3011
|
base: string;
|
|
3012
|
+
trim: string;
|
|
2435
3013
|
};
|
|
2436
3014
|
};
|
|
2437
3015
|
declare const propertiesTitle: {
|
|
@@ -2449,15 +3027,15 @@ declare const propertiesTitle: {
|
|
|
2449
3027
|
};
|
|
2450
3028
|
textAlign: TextAlign[];
|
|
2451
3029
|
fontSize: {
|
|
2452
|
-
"0
|
|
3030
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2453
3031
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2454
|
-
"1
|
|
3032
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2455
3033
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2456
|
-
"2
|
|
3034
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2457
3035
|
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2458
|
-
"3
|
|
3036
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2459
3037
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2460
|
-
"4
|
|
3038
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2461
3039
|
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2462
3040
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2463
3041
|
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2483,15 +3061,15 @@ declare const propertiesTitle: {
|
|
|
2483
3061
|
bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2484
3062
|
};
|
|
2485
3063
|
lineHeight: {
|
|
2486
|
-
"0
|
|
3064
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2487
3065
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2488
|
-
"1
|
|
3066
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2489
3067
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2490
|
-
"2
|
|
3068
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2491
3069
|
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2492
|
-
"3
|
|
3070
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2493
3071
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2494
|
-
"4
|
|
3072
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2495
3073
|
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2496
3074
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2497
3075
|
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2546,11 +3124,11 @@ export interface TitleSprinkle {
|
|
|
2546
3124
|
}
|
|
2547
3125
|
export declare const title: {
|
|
2548
3126
|
sprinkle: ((props: {
|
|
2549
|
-
color?: ("primary-textLow" | "
|
|
2550
|
-
xs?: "primary-textLow" | "
|
|
2551
|
-
md?: "primary-textLow" | "
|
|
2552
|
-
lg?: "primary-textLow" | "
|
|
2553
|
-
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;
|
|
2554
3132
|
}) | undefined;
|
|
2555
3133
|
textAlign?: (TextAlign | {
|
|
2556
3134
|
xs?: TextAlign | undefined;
|
|
@@ -2558,11 +3136,11 @@ export declare const title: {
|
|
|
2558
3136
|
lg?: TextAlign | undefined;
|
|
2559
3137
|
xl?: TextAlign | undefined;
|
|
2560
3138
|
}) | undefined;
|
|
2561
|
-
fontSize?: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2562
|
-
xs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2563
|
-
md?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2564
|
-
lg?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2565
|
-
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;
|
|
2566
3144
|
}) | undefined;
|
|
2567
3145
|
fontWeight?: ("regular" | "medium" | "bold" | {
|
|
2568
3146
|
xs?: "regular" | "medium" | "bold" | undefined;
|
|
@@ -2570,11 +3148,11 @@ export declare const title: {
|
|
|
2570
3148
|
lg?: "regular" | "medium" | "bold" | undefined;
|
|
2571
3149
|
xl?: "regular" | "medium" | "bold" | undefined;
|
|
2572
3150
|
}) | undefined;
|
|
2573
|
-
lineHeight?: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2574
|
-
xs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2575
|
-
md?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2576
|
-
lg?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0
|
|
2577
|
-
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;
|
|
2578
3156
|
}) | undefined;
|
|
2579
3157
|
}) => string) & {
|
|
2580
3158
|
properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
|
|
@@ -2594,15 +3172,15 @@ export declare const title: {
|
|
|
2594
3172
|
};
|
|
2595
3173
|
textAlign: TextAlign[];
|
|
2596
3174
|
fontSize: {
|
|
2597
|
-
"0
|
|
3175
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2598
3176
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2599
|
-
"1
|
|
3177
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2600
3178
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2601
|
-
"2
|
|
3179
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2602
3180
|
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2603
|
-
"3
|
|
3181
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2604
3182
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2605
|
-
"4
|
|
3183
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2606
3184
|
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2607
3185
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2608
3186
|
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2628,15 +3206,15 @@ export declare const title: {
|
|
|
2628
3206
|
bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2629
3207
|
};
|
|
2630
3208
|
lineHeight: {
|
|
2631
|
-
"0
|
|
3209
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2632
3210
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2633
|
-
"1
|
|
3211
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2634
3212
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2635
|
-
"2
|
|
3213
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2636
3214
|
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2637
|
-
"3
|
|
3215
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2638
3216
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2639
|
-
"4
|
|
3217
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2640
3218
|
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2641
3219
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2642
3220
|
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2699,10 +3277,22 @@ declare const propertiesPopover: {
|
|
|
2699
3277
|
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2700
3278
|
none: string;
|
|
2701
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
|
+
};
|
|
2702
3291
|
};
|
|
2703
3292
|
export type PopoverColorProperties = keyof typeof propertiesPopover.color;
|
|
2704
3293
|
export type PopoverBackgroundColorProperties = keyof typeof propertiesPopover.backgroundColor;
|
|
2705
3294
|
export type PopoverPaddingProperties = keyof typeof propertiesPopover.padding;
|
|
3295
|
+
export type PopoverZIndexProperties = keyof typeof propertiesPopover.zIndex;
|
|
2706
3296
|
export interface PopoverSprinkle {
|
|
2707
3297
|
/**
|
|
2708
3298
|
* The width property specifies the width of a popover's content area.
|
|
@@ -2716,7 +3306,7 @@ export interface PopoverSprinkle {
|
|
|
2716
3306
|
/**
|
|
2717
3307
|
* The zIndex property specifies the stack order of the popover.
|
|
2718
3308
|
*/
|
|
2719
|
-
zIndex?:
|
|
3309
|
+
zIndex?: PopoverZIndexProperties | Conditions<PopoverZIndexProperties>;
|
|
2720
3310
|
/**
|
|
2721
3311
|
* The backgroundColor property sets the background color of the popover.
|
|
2722
3312
|
* @default neutral-background
|
|
@@ -2744,10 +3334,6 @@ export declare const popover: {
|
|
|
2744
3334
|
default: string;
|
|
2745
3335
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2746
3336
|
};
|
|
2747
|
-
"primary-interactiveHover": {
|
|
2748
|
-
default: string;
|
|
2749
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2750
|
-
};
|
|
2751
3337
|
"success-surfaceHighlight": {
|
|
2752
3338
|
default: string;
|
|
2753
3339
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
@@ -2768,6 +3354,10 @@ export declare const popover: {
|
|
|
2768
3354
|
default: string;
|
|
2769
3355
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2770
3356
|
};
|
|
3357
|
+
"primary-interactiveHover": {
|
|
3358
|
+
default: string;
|
|
3359
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3360
|
+
};
|
|
2771
3361
|
};
|
|
2772
3362
|
staticScale: {
|
|
2773
3363
|
"primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2808,10 +3398,6 @@ export declare const popover: {
|
|
|
2808
3398
|
default: string;
|
|
2809
3399
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2810
3400
|
};
|
|
2811
|
-
"primary-interactiveHover": {
|
|
2812
|
-
default: string;
|
|
2813
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2814
|
-
};
|
|
2815
3401
|
"success-surfaceHighlight": {
|
|
2816
3402
|
default: string;
|
|
2817
3403
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
@@ -2832,6 +3418,10 @@ export declare const popover: {
|
|
|
2832
3418
|
default: string;
|
|
2833
3419
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2834
3420
|
};
|
|
3421
|
+
"primary-interactiveHover": {
|
|
3422
|
+
default: string;
|
|
3423
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3424
|
+
};
|
|
2835
3425
|
};
|
|
2836
3426
|
staticScale: {
|
|
2837
3427
|
"primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2844,6 +3434,58 @@ export declare const popover: {
|
|
|
2844
3434
|
};
|
|
2845
3435
|
name: "color";
|
|
2846
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
|
+
};
|
|
2847
3489
|
};
|
|
2848
3490
|
} & {
|
|
2849
3491
|
config: {
|
|
@@ -2871,23 +3513,11 @@ export declare const popover: {
|
|
|
2871
3513
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2872
3514
|
};
|
|
2873
3515
|
};
|
|
2874
|
-
zIndex: {
|
|
2875
|
-
dynamic: {
|
|
2876
|
-
default: string;
|
|
2877
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2878
|
-
};
|
|
2879
|
-
dynamicScale: true;
|
|
2880
|
-
name: "zIndex";
|
|
2881
|
-
vars: {
|
|
2882
|
-
default: string;
|
|
2883
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2884
|
-
};
|
|
2885
|
-
};
|
|
2886
3516
|
};
|
|
2887
3517
|
} & {
|
|
2888
3518
|
config: {
|
|
2889
3519
|
[x: string]: {
|
|
2890
|
-
mappings: ("width" | "
|
|
3520
|
+
mappings: ("width" | "zIndex" | "color" | "backgroundColor" | "height" | "padding")[];
|
|
2891
3521
|
};
|
|
2892
3522
|
};
|
|
2893
3523
|
}
|
|
@@ -2916,6 +3546,17 @@ export declare const popover: {
|
|
|
2916
3546
|
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2917
3547
|
none: string;
|
|
2918
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
|
+
};
|
|
2919
3560
|
};
|
|
2920
3561
|
classnames: {
|
|
2921
3562
|
content: string;
|
|
@@ -2955,7 +3596,7 @@ export declare const skeleton: {
|
|
|
2955
3596
|
};
|
|
2956
3597
|
export declare const spinner: {
|
|
2957
3598
|
sprinkle: ((props: {
|
|
2958
|
-
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;
|
|
2959
3600
|
}) => string) & {
|
|
2960
3601
|
properties: Set<"color">;
|
|
2961
3602
|
};
|
|
@@ -3201,6 +3842,58 @@ declare const sidebarSprinkle: {
|
|
|
3201
3842
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
3202
3843
|
{
|
|
3203
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
|
+
};
|
|
3204
3897
|
padding: {
|
|
3205
3898
|
values: {
|
|
3206
3899
|
base: {
|
|
@@ -3238,28 +3931,27 @@ declare const sidebarSprinkle: {
|
|
|
3238
3931
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3239
3932
|
};
|
|
3240
3933
|
};
|
|
3241
|
-
zIndex: {
|
|
3242
|
-
dynamic: {
|
|
3243
|
-
default: string;
|
|
3244
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3245
|
-
};
|
|
3246
|
-
dynamicScale: true;
|
|
3247
|
-
name: "zIndex";
|
|
3248
|
-
vars: {
|
|
3249
|
-
default: string;
|
|
3250
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3251
|
-
};
|
|
3252
|
-
};
|
|
3253
3934
|
};
|
|
3254
3935
|
} & {
|
|
3255
3936
|
config: {
|
|
3256
3937
|
[x: string]: {
|
|
3257
|
-
mappings: ("
|
|
3938
|
+
mappings: ("zIndex" | "maxWidth" | "padding")[];
|
|
3258
3939
|
};
|
|
3259
3940
|
};
|
|
3260
3941
|
}
|
|
3261
3942
|
]>;
|
|
3262
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
|
+
};
|
|
3263
3955
|
padding: {
|
|
3264
3956
|
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3265
3957
|
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -3268,6 +3960,7 @@ declare const sidebarSprinkle: {
|
|
|
3268
3960
|
};
|
|
3269
3961
|
};
|
|
3270
3962
|
export type SidebarPaddingProperties = keyof typeof sidebarSprinkle.properties.padding;
|
|
3963
|
+
export type SidebarZIndexProperties = keyof typeof sidebarSprinkle.properties.zIndex;
|
|
3271
3964
|
export interface SidebarSprinkle {
|
|
3272
3965
|
/**
|
|
3273
3966
|
* The maxWidth property specifies the maxWidth of a sidebar's content area.
|
|
@@ -3277,7 +3970,7 @@ export interface SidebarSprinkle {
|
|
|
3277
3970
|
/**
|
|
3278
3971
|
* The zIndex property specifies the stack order of the sidebar.
|
|
3279
3972
|
*/
|
|
3280
|
-
zIndex?:
|
|
3973
|
+
zIndex?: SidebarZIndexProperties | Conditions<SidebarZIndexProperties>;
|
|
3281
3974
|
/**
|
|
3282
3975
|
* The padding properties are used to generate space around an sidebar's content area.
|
|
3283
3976
|
* @default base
|
|
@@ -3288,6 +3981,58 @@ export declare const sidebar: {
|
|
|
3288
3981
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
3289
3982
|
{
|
|
3290
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
|
+
};
|
|
3291
4036
|
padding: {
|
|
3292
4037
|
values: {
|
|
3293
4038
|
base: {
|
|
@@ -3325,28 +4070,27 @@ export declare const sidebar: {
|
|
|
3325
4070
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3326
4071
|
};
|
|
3327
4072
|
};
|
|
3328
|
-
zIndex: {
|
|
3329
|
-
dynamic: {
|
|
3330
|
-
default: string;
|
|
3331
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3332
|
-
};
|
|
3333
|
-
dynamicScale: true;
|
|
3334
|
-
name: "zIndex";
|
|
3335
|
-
vars: {
|
|
3336
|
-
default: string;
|
|
3337
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3338
|
-
};
|
|
3339
|
-
};
|
|
3340
4073
|
};
|
|
3341
4074
|
} & {
|
|
3342
4075
|
config: {
|
|
3343
4076
|
[x: string]: {
|
|
3344
|
-
mappings: ("
|
|
4077
|
+
mappings: ("zIndex" | "maxWidth" | "padding")[];
|
|
3345
4078
|
};
|
|
3346
4079
|
};
|
|
3347
4080
|
}
|
|
3348
4081
|
]>;
|
|
3349
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
|
+
};
|
|
3350
4094
|
padding: {
|
|
3351
4095
|
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3352
4096
|
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|