@nimbus-ds/styles 9.0.0-rc.5 → 9.0.0-rc.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +752 -240
- 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 +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -37,16 +37,22 @@ export type PointerEvents = "auto" | "none" | "visiblePainted" | "visibleFill" |
|
|
|
37
37
|
export type TransitionTiming = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end";
|
|
38
38
|
declare const propertiesBox: {
|
|
39
39
|
gap: {
|
|
40
|
-
|
|
41
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
40
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
42
41
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
43
|
-
"1
|
|
42
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
44
43
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
45
|
-
"2
|
|
44
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
45
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
46
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
46
47
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
48
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
49
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
47
50
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
51
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
48
52
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
53
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
49
54
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
55
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
50
56
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
51
57
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
52
58
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -54,16 +60,22 @@ declare const propertiesBox: {
|
|
|
54
60
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
55
61
|
};
|
|
56
62
|
gridGap: {
|
|
57
|
-
|
|
58
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
63
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
59
64
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
60
|
-
"1
|
|
65
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
61
66
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
62
|
-
"2
|
|
67
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
68
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
69
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
63
70
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
71
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
72
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
64
73
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
74
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
65
75
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
76
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
66
77
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
78
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
67
79
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
68
80
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
69
81
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -75,12 +87,10 @@ declare const propertiesBox: {
|
|
|
75
87
|
flexWrap: FlexWrap[];
|
|
76
88
|
justifyContent: JustifyContent[];
|
|
77
89
|
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
90
|
alignSelf: AlignSelf[];
|
|
83
|
-
pointerEvents: PointerEvents[];
|
|
91
|
+
pointerEvents: PointerEvents[]; /**
|
|
92
|
+
* The borderLeftWidth property defines the width of the border at the left of a box.
|
|
93
|
+
*/
|
|
84
94
|
backgroundColor: {
|
|
85
95
|
"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
86
96
|
"primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -93,15 +103,15 @@ declare const propertiesBox: {
|
|
|
93
103
|
"warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
94
104
|
"warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
95
105
|
"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
|
-
*/
|
|
106
|
+
"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
99
107
|
"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
100
108
|
"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
101
109
|
"danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
102
110
|
"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
103
111
|
"neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
104
|
-
"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
112
|
+
"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
|
|
113
|
+
* The bottom property participates in setting the vertical position of a positioned box.
|
|
114
|
+
*/
|
|
105
115
|
"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
106
116
|
"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
107
117
|
"neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -121,15 +131,15 @@ declare const propertiesBox: {
|
|
|
121
131
|
"warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
122
132
|
"warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
123
133
|
"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
|
-
*/
|
|
134
|
+
"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
127
135
|
"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
128
136
|
"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
129
137
|
"danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
130
138
|
"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
131
139
|
"neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
132
|
-
"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
140
|
+
"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
|
|
141
|
+
* The bottom property participates in setting the vertical position of a positioned box.
|
|
142
|
+
*/
|
|
133
143
|
"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
134
144
|
"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
135
145
|
"neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -154,19 +164,48 @@ declare const propertiesBox: {
|
|
|
154
164
|
"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
155
165
|
transparent: string;
|
|
156
166
|
};
|
|
167
|
+
borderRadius: {
|
|
168
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
169
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
170
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
171
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
172
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
173
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
174
|
+
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
175
|
+
full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
176
|
+
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
177
|
+
half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
178
|
+
none: string;
|
|
179
|
+
};
|
|
180
|
+
borderWidth: {
|
|
181
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
182
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
183
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
184
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
185
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
186
|
+
none: string;
|
|
187
|
+
};
|
|
157
188
|
borderStyle: BorderStyle[];
|
|
158
189
|
boxSizing: BoxSizing[];
|
|
159
190
|
cursor: Cursor[];
|
|
160
|
-
|
|
191
|
+
spacing: {
|
|
161
192
|
none: string;
|
|
162
|
-
"0
|
|
193
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
163
194
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
195
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
164
196
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
165
|
-
"2
|
|
197
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
198
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
199
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
166
200
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
201
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
202
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
167
203
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
204
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
168
205
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
206
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
169
207
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
208
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
170
209
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
171
210
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
172
211
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -174,15 +213,22 @@ declare const propertiesBox: {
|
|
|
174
213
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
175
214
|
};
|
|
176
215
|
margin: {
|
|
177
|
-
|
|
178
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
216
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
179
217
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
218
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
180
219
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
181
|
-
"2
|
|
220
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
221
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
222
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
182
223
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
224
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
225
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
183
226
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
227
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
184
228
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
229
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
185
230
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
231
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
186
232
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
187
233
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
188
234
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -190,17 +236,19 @@ declare const propertiesBox: {
|
|
|
190
236
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
191
237
|
auto: string;
|
|
192
238
|
};
|
|
193
|
-
position: Position[];
|
|
239
|
+
position: Position[]; /**
|
|
240
|
+
* The borderWidthX shorthand property defines the width of the element's border on the left and right.
|
|
241
|
+
*/
|
|
194
242
|
overflow: Overflow[];
|
|
195
243
|
overflowX: Overflow[];
|
|
196
244
|
overflowY: Overflow[];
|
|
197
245
|
boxShadow: {
|
|
198
|
-
"
|
|
199
|
-
"
|
|
200
|
-
"
|
|
201
|
-
"
|
|
202
|
-
"
|
|
203
|
-
"
|
|
246
|
+
"0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
247
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
248
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
249
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
250
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
251
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
204
252
|
focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
205
253
|
};
|
|
206
254
|
transitionDuration: {
|
|
@@ -211,16 +259,30 @@ declare const propertiesBox: {
|
|
|
211
259
|
};
|
|
212
260
|
transitionTimingFunction: TransitionTiming[];
|
|
213
261
|
textDecoration: TextDecoration[];
|
|
262
|
+
zIndex: {
|
|
263
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
264
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
265
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
266
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
267
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
268
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
269
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
270
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
271
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
272
|
+
};
|
|
214
273
|
};
|
|
215
274
|
export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
|
|
275
|
+
export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
|
|
276
|
+
export type BoxBorderWidthProperties = keyof typeof propertiesBox.borderWidth;
|
|
216
277
|
export type BoxBackgroundColorProperties = keyof typeof propertiesBox.backgroundColor;
|
|
217
278
|
export type BoxColorProperties = keyof typeof propertiesBox.color;
|
|
218
279
|
export type BoxShadowProperties = keyof typeof propertiesBox.boxShadow;
|
|
219
|
-
export type
|
|
280
|
+
export type BoxSpacingProperties = keyof typeof propertiesBox.spacing;
|
|
220
281
|
export type BoxMarginProperties = keyof typeof propertiesBox.margin;
|
|
221
282
|
export type BoxGapProperties = keyof typeof propertiesBox.gap;
|
|
222
283
|
export type BoxGridGapProperties = keyof typeof propertiesBox.gridGap;
|
|
223
|
-
export type
|
|
284
|
+
export type BoxZIndexProperties = keyof typeof propertiesBox.zIndex;
|
|
285
|
+
export type BoxTransitionDurationProperties = keyof typeof propertiesBox.transitionDuration;
|
|
224
286
|
export interface BoxConditions<T> extends Conditions<T> {
|
|
225
287
|
focus?: T;
|
|
226
288
|
focusWithin?: T;
|
|
@@ -375,11 +437,35 @@ export interface BoxSprinkle {
|
|
|
375
437
|
/**
|
|
376
438
|
* The borderRadius property rounds the corners of an box's outer border edge.
|
|
377
439
|
*/
|
|
378
|
-
borderRadius?:
|
|
440
|
+
borderRadius?: BoxBorderRadiusProperties | BoxConditions<BoxBorderRadiusProperties>;
|
|
379
441
|
/**
|
|
380
442
|
* The borderWidth property sets the width of an box's border.
|
|
381
443
|
*/
|
|
382
|
-
borderWidth?:
|
|
444
|
+
borderWidth?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
|
|
445
|
+
/**
|
|
446
|
+
* The borderTopWidth property defines the width of the border at the top of a box.
|
|
447
|
+
*/
|
|
448
|
+
borderTopWidth?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
|
|
449
|
+
/**
|
|
450
|
+
* The borderBottomWidth property defines the width of the border at the bottom of a box.
|
|
451
|
+
*/
|
|
452
|
+
borderBottomWidth?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
|
|
453
|
+
/**
|
|
454
|
+
* The borderLeftWidth property defines the width of the border at the left of a box.
|
|
455
|
+
*/
|
|
456
|
+
borderLeftWidth?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
|
|
457
|
+
/**
|
|
458
|
+
* The borderRightWidth property defines the width of the border at the right of a box.
|
|
459
|
+
*/
|
|
460
|
+
borderRightWidth?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
|
|
461
|
+
/**
|
|
462
|
+
* The borderWidthX shorthand property defines the width of the element's border on the left and right.
|
|
463
|
+
*/
|
|
464
|
+
borderWidthX?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
|
|
465
|
+
/**
|
|
466
|
+
* The borderWidthY shorthand property defines the width of the element's border on the top and bottom.
|
|
467
|
+
*/
|
|
468
|
+
borderWidthY?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
|
|
383
469
|
/**
|
|
384
470
|
* The borderColor property sets the color of the box's four borders.
|
|
385
471
|
*/
|
|
@@ -400,23 +486,23 @@ export interface BoxSprinkle {
|
|
|
400
486
|
/**
|
|
401
487
|
* The padding properties are used to generate space around an box's content area.
|
|
402
488
|
*/
|
|
403
|
-
padding?:
|
|
489
|
+
padding?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
404
490
|
/**
|
|
405
491
|
* The paddingTop property sets the height of the padding area on the top of an box.
|
|
406
492
|
*/
|
|
407
|
-
paddingTop?:
|
|
493
|
+
paddingTop?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
408
494
|
/**
|
|
409
495
|
* The paddingBottom property sets the height of the padding area on the bottom of an box.
|
|
410
496
|
*/
|
|
411
|
-
paddingBottom?:
|
|
497
|
+
paddingBottom?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
412
498
|
/**
|
|
413
499
|
* The paddingLeft property sets the width of the padding area to the left of an box.
|
|
414
500
|
*/
|
|
415
|
-
paddingLeft?:
|
|
501
|
+
paddingLeft?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
416
502
|
/**
|
|
417
503
|
* The paddingLeft property sets the width of the padding area to the right of an box.
|
|
418
504
|
*/
|
|
419
|
-
paddingRight?:
|
|
505
|
+
paddingRight?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
420
506
|
/**
|
|
421
507
|
* The margin shorthand property sets the margin area on all four sides of an box.
|
|
422
508
|
*/
|
|
@@ -452,11 +538,11 @@ export interface BoxSprinkle {
|
|
|
452
538
|
/**
|
|
453
539
|
* 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
540
|
*/
|
|
455
|
-
transitionDuration?:
|
|
541
|
+
transitionDuration?: BoxTransitionDurationProperties | BoxConditions<BoxTransitionDurationProperties>;
|
|
456
542
|
/**
|
|
457
543
|
* The zIndex property specifies the stack order of the box.
|
|
458
544
|
*/
|
|
459
|
-
zIndex?:
|
|
545
|
+
zIndex?: BoxZIndexProperties | BoxConditions<BoxZIndexProperties>;
|
|
460
546
|
/**
|
|
461
547
|
* The backgroundImage property sets one or more background images on an element.
|
|
462
548
|
*/
|
|
@@ -486,39 +572,39 @@ export interface BoxSprinkle {
|
|
|
486
572
|
/**
|
|
487
573
|
* The p shorthand property sets the margin area on all four sides of an box.
|
|
488
574
|
*/
|
|
489
|
-
p?:
|
|
575
|
+
p?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
490
576
|
/**
|
|
491
577
|
* The pl shorthand property sets the width of the padding area to the left of an box.
|
|
492
578
|
*/
|
|
493
|
-
pl?:
|
|
579
|
+
pl?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
494
580
|
/**
|
|
495
581
|
* The pl shorthand property sets the width of the padding area to the right of an box.
|
|
496
582
|
*/
|
|
497
|
-
pr?:
|
|
583
|
+
pr?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
498
584
|
/**
|
|
499
585
|
* The pt shorthand property sets the height of the padding area on the top of an box.
|
|
500
586
|
*/
|
|
501
|
-
pt?:
|
|
587
|
+
pt?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
502
588
|
/**
|
|
503
589
|
* The pb shorthand property sets the height of the padding area on the botton of an box.
|
|
504
590
|
*/
|
|
505
|
-
pb?:
|
|
591
|
+
pb?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
506
592
|
/**
|
|
507
593
|
* The px shorthand property defines the width of the left and right padding area of a box.
|
|
508
594
|
*/
|
|
509
|
-
px?:
|
|
595
|
+
px?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
510
596
|
/**
|
|
511
597
|
* The py pt shorthand property sets the height of the padding area at the top and bottom of a box.
|
|
512
598
|
*/
|
|
513
|
-
py?:
|
|
599
|
+
py?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
514
600
|
/**
|
|
515
601
|
* The paddingX shorthand property defines the width of the left and right padding area of a box.
|
|
516
602
|
*/
|
|
517
|
-
paddingX?:
|
|
603
|
+
paddingX?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
518
604
|
/**
|
|
519
605
|
* The paddingY pt shorthand property sets the height of the padding area at the top and bottom of a box.
|
|
520
606
|
*/
|
|
521
|
-
paddingY?:
|
|
607
|
+
paddingY?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
|
|
522
608
|
/**
|
|
523
609
|
* The m shorthand property sets the margin area on all four sides of an box.
|
|
524
610
|
*/
|
|
@@ -1191,42 +1277,6 @@ export declare const box: {
|
|
|
1191
1277
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1192
1278
|
};
|
|
1193
1279
|
};
|
|
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
1280
|
transitionDelay: {
|
|
1231
1281
|
dynamic: {
|
|
1232
1282
|
default: string;
|
|
@@ -1393,18 +1443,137 @@ export declare const box: {
|
|
|
1393
1443
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1394
1444
|
};
|
|
1395
1445
|
};
|
|
1446
|
+
borderRadius: {
|
|
1447
|
+
dynamic: {
|
|
1448
|
+
default: string;
|
|
1449
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1450
|
+
};
|
|
1451
|
+
dynamicScale: {
|
|
1452
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1453
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1454
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1455
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1456
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1457
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1458
|
+
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1459
|
+
full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1460
|
+
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1461
|
+
half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1462
|
+
none: string;
|
|
1463
|
+
};
|
|
1464
|
+
name: "borderRadius";
|
|
1465
|
+
vars: {
|
|
1466
|
+
default: string;
|
|
1467
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1468
|
+
};
|
|
1469
|
+
};
|
|
1470
|
+
borderWidth: {
|
|
1471
|
+
dynamic: {
|
|
1472
|
+
default: string;
|
|
1473
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1474
|
+
};
|
|
1475
|
+
dynamicScale: {
|
|
1476
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1477
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1478
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1479
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1480
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1481
|
+
none: string;
|
|
1482
|
+
};
|
|
1483
|
+
name: "borderWidth";
|
|
1484
|
+
vars: {
|
|
1485
|
+
default: string;
|
|
1486
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1487
|
+
};
|
|
1488
|
+
};
|
|
1489
|
+
borderTopWidth: {
|
|
1490
|
+
dynamic: {
|
|
1491
|
+
default: string;
|
|
1492
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1493
|
+
};
|
|
1494
|
+
dynamicScale: {
|
|
1495
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1496
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1497
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1498
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1499
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1500
|
+
none: string;
|
|
1501
|
+
};
|
|
1502
|
+
name: "borderTopWidth";
|
|
1503
|
+
vars: {
|
|
1504
|
+
default: string;
|
|
1505
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1506
|
+
};
|
|
1507
|
+
};
|
|
1508
|
+
borderBottomWidth: {
|
|
1509
|
+
dynamic: {
|
|
1510
|
+
default: string;
|
|
1511
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1512
|
+
};
|
|
1513
|
+
dynamicScale: {
|
|
1514
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1515
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1516
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1517
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1518
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1519
|
+
none: string;
|
|
1520
|
+
};
|
|
1521
|
+
name: "borderBottomWidth";
|
|
1522
|
+
vars: {
|
|
1523
|
+
default: string;
|
|
1524
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1525
|
+
};
|
|
1526
|
+
};
|
|
1527
|
+
borderLeftWidth: {
|
|
1528
|
+
dynamic: {
|
|
1529
|
+
default: string;
|
|
1530
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1531
|
+
};
|
|
1532
|
+
dynamicScale: {
|
|
1533
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1534
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1535
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1536
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1537
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1538
|
+
none: string;
|
|
1539
|
+
};
|
|
1540
|
+
name: "borderLeftWidth";
|
|
1541
|
+
vars: {
|
|
1542
|
+
default: string;
|
|
1543
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1544
|
+
};
|
|
1545
|
+
};
|
|
1546
|
+
borderRightWidth: {
|
|
1547
|
+
dynamic: {
|
|
1548
|
+
default: string;
|
|
1549
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1550
|
+
};
|
|
1551
|
+
dynamicScale: {
|
|
1552
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1553
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1554
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1555
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1556
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1557
|
+
none: string;
|
|
1558
|
+
};
|
|
1559
|
+
name: "borderRightWidth";
|
|
1560
|
+
vars: {
|
|
1561
|
+
default: string;
|
|
1562
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1563
|
+
};
|
|
1564
|
+
};
|
|
1396
1565
|
boxShadow: {
|
|
1397
1566
|
dynamic: {
|
|
1398
1567
|
default: string;
|
|
1399
1568
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1400
1569
|
};
|
|
1401
1570
|
dynamicScale: {
|
|
1402
|
-
"
|
|
1403
|
-
"
|
|
1404
|
-
"
|
|
1405
|
-
"
|
|
1406
|
-
"
|
|
1407
|
-
"
|
|
1571
|
+
"0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1572
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1573
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1574
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1575
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1576
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1408
1577
|
focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1409
1578
|
};
|
|
1410
1579
|
name: "boxShadow";
|
|
@@ -1420,14 +1589,22 @@ export declare const box: {
|
|
|
1420
1589
|
};
|
|
1421
1590
|
dynamicScale: {
|
|
1422
1591
|
none: string;
|
|
1423
|
-
"0
|
|
1592
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1424
1593
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1594
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1425
1595
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1426
|
-
"2
|
|
1596
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1597
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1598
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1427
1599
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1600
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1601
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1428
1602
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1603
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1429
1604
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1605
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1430
1606
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1607
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1431
1608
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1432
1609
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1433
1610
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1447,14 +1624,22 @@ export declare const box: {
|
|
|
1447
1624
|
};
|
|
1448
1625
|
dynamicScale: {
|
|
1449
1626
|
none: string;
|
|
1450
|
-
"0
|
|
1627
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1451
1628
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1629
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1452
1630
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1453
|
-
"2
|
|
1631
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1632
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1633
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1454
1634
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1635
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1636
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1455
1637
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1638
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1456
1639
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1640
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1457
1641
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1642
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1458
1643
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1459
1644
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1460
1645
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1474,14 +1659,22 @@ export declare const box: {
|
|
|
1474
1659
|
};
|
|
1475
1660
|
dynamicScale: {
|
|
1476
1661
|
none: string;
|
|
1477
|
-
"0
|
|
1662
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1478
1663
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1664
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1479
1665
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1480
|
-
"2
|
|
1666
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1667
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1668
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1481
1669
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1670
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1671
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1482
1672
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1673
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1483
1674
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1675
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1484
1676
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1677
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1485
1678
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1486
1679
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1487
1680
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1501,14 +1694,22 @@ export declare const box: {
|
|
|
1501
1694
|
};
|
|
1502
1695
|
dynamicScale: {
|
|
1503
1696
|
none: string;
|
|
1504
|
-
"0
|
|
1697
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1505
1698
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1699
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1506
1700
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1507
|
-
"2
|
|
1701
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1702
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1703
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1508
1704
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1705
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1706
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1509
1707
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1708
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1510
1709
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1710
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1511
1711
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1712
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1512
1713
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1513
1714
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1514
1715
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1528,14 +1729,22 @@ export declare const box: {
|
|
|
1528
1729
|
};
|
|
1529
1730
|
dynamicScale: {
|
|
1530
1731
|
none: string;
|
|
1531
|
-
"0
|
|
1732
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1532
1733
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1734
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1533
1735
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1534
|
-
"2
|
|
1736
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1737
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1738
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1535
1739
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1740
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1741
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1536
1742
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1743
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1537
1744
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1745
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1538
1746
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1747
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1539
1748
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1540
1749
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1541
1750
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1554,15 +1763,22 @@ export declare const box: {
|
|
|
1554
1763
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1555
1764
|
};
|
|
1556
1765
|
dynamicScale: {
|
|
1557
|
-
|
|
1558
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1766
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1559
1767
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1768
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1560
1769
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1561
|
-
"2
|
|
1770
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1771
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1772
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1562
1773
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1774
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1775
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1563
1776
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1777
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1564
1778
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1779
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1565
1780
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1781
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1566
1782
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1567
1783
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1568
1784
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1582,15 +1798,22 @@ export declare const box: {
|
|
|
1582
1798
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1583
1799
|
};
|
|
1584
1800
|
dynamicScale: {
|
|
1585
|
-
|
|
1586
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1801
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1587
1802
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1803
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1588
1804
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1589
|
-
"2
|
|
1805
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1806
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1807
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1590
1808
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1809
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1810
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1591
1811
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1812
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1592
1813
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1814
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1593
1815
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1816
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1594
1817
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1595
1818
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1596
1819
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1610,15 +1833,22 @@ export declare const box: {
|
|
|
1610
1833
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1611
1834
|
};
|
|
1612
1835
|
dynamicScale: {
|
|
1613
|
-
|
|
1614
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1836
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1615
1837
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1838
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1616
1839
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1617
|
-
"2
|
|
1840
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1841
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1842
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1618
1843
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1844
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1845
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1619
1846
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1847
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1620
1848
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1849
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1621
1850
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1851
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1622
1852
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1623
1853
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1624
1854
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1638,15 +1868,22 @@ export declare const box: {
|
|
|
1638
1868
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1639
1869
|
};
|
|
1640
1870
|
dynamicScale: {
|
|
1641
|
-
|
|
1642
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1871
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1643
1872
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1873
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1644
1874
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1645
|
-
"2
|
|
1875
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1876
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1877
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1646
1878
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1879
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1880
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1647
1881
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1882
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1648
1883
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1884
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1649
1885
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1886
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1650
1887
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1651
1888
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1652
1889
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1666,15 +1903,22 @@ export declare const box: {
|
|
|
1666
1903
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1667
1904
|
};
|
|
1668
1905
|
dynamicScale: {
|
|
1669
|
-
|
|
1670
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1906
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1671
1907
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1908
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1672
1909
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1673
|
-
"2
|
|
1910
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1911
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1912
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1674
1913
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1914
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1915
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1675
1916
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1917
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1676
1918
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1919
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1677
1920
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1921
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1678
1922
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1679
1923
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1680
1924
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1694,16 +1938,22 @@ export declare const box: {
|
|
|
1694
1938
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1695
1939
|
};
|
|
1696
1940
|
dynamicScale: {
|
|
1697
|
-
|
|
1698
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1941
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1699
1942
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1700
|
-
"1
|
|
1943
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1701
1944
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1702
|
-
"2
|
|
1945
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1946
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1947
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1703
1948
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1949
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1950
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1704
1951
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1952
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1705
1953
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1954
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1706
1955
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1956
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1707
1957
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1708
1958
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1709
1959
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1722,16 +1972,22 @@ export declare const box: {
|
|
|
1722
1972
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1723
1973
|
};
|
|
1724
1974
|
dynamicScale: {
|
|
1725
|
-
|
|
1726
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1975
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1727
1976
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1728
|
-
"1
|
|
1977
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1729
1978
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1730
|
-
"2
|
|
1979
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1980
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1981
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1731
1982
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1983
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1984
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1732
1985
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1986
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1733
1987
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1988
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1734
1989
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1990
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1735
1991
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1736
1992
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1737
1993
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1781,9 +2037,40 @@ export declare const box: {
|
|
|
1781
2037
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1782
2038
|
};
|
|
1783
2039
|
};
|
|
2040
|
+
zIndex: {
|
|
2041
|
+
dynamic: {
|
|
2042
|
+
default: string;
|
|
2043
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2044
|
+
};
|
|
2045
|
+
dynamicScale: {
|
|
2046
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2047
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2048
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2049
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2050
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2051
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2052
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2053
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2054
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2055
|
+
};
|
|
2056
|
+
name: "zIndex";
|
|
2057
|
+
vars: {
|
|
2058
|
+
default: string;
|
|
2059
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2060
|
+
};
|
|
2061
|
+
};
|
|
1784
2062
|
};
|
|
1785
2063
|
} & {
|
|
1786
2064
|
config: {
|
|
2065
|
+
borderWidth: {
|
|
2066
|
+
mappings: ("borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth")[];
|
|
2067
|
+
};
|
|
2068
|
+
borderWidthX: {
|
|
2069
|
+
mappings: ("borderLeftWidth" | "borderRightWidth")[];
|
|
2070
|
+
};
|
|
2071
|
+
borderWidthY: {
|
|
2072
|
+
mappings: ("borderBottomWidth" | "borderTopWidth")[];
|
|
2073
|
+
};
|
|
1787
2074
|
padding: {
|
|
1788
2075
|
mappings: ("paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop")[];
|
|
1789
2076
|
};
|
|
@@ -1849,16 +2136,22 @@ export declare const box: {
|
|
|
1849
2136
|
]>;
|
|
1850
2137
|
properties: {
|
|
1851
2138
|
gap: {
|
|
1852
|
-
|
|
1853
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2139
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1854
2140
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1855
|
-
"1
|
|
2141
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1856
2142
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1857
|
-
"2
|
|
2143
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2144
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2145
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1858
2146
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2147
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2148
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1859
2149
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2150
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1860
2151
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2152
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1861
2153
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2154
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1862
2155
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1863
2156
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1864
2157
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1866,16 +2159,22 @@ export declare const box: {
|
|
|
1866
2159
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1867
2160
|
};
|
|
1868
2161
|
gridGap: {
|
|
1869
|
-
|
|
1870
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2162
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1871
2163
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1872
|
-
"1
|
|
2164
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1873
2165
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1874
|
-
"2
|
|
2166
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2167
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2168
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1875
2169
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2170
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2171
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1876
2172
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2173
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1877
2174
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2175
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1878
2176
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2177
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1879
2178
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1880
2179
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1881
2180
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1958,19 +2257,48 @@ export declare const box: {
|
|
|
1958
2257
|
"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1959
2258
|
transparent: string;
|
|
1960
2259
|
};
|
|
2260
|
+
borderRadius: {
|
|
2261
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2262
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2263
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2264
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2265
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2266
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2267
|
+
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2268
|
+
full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2269
|
+
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2270
|
+
half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2271
|
+
none: string;
|
|
2272
|
+
};
|
|
2273
|
+
borderWidth: {
|
|
2274
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2275
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2276
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2277
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2278
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2279
|
+
none: string;
|
|
2280
|
+
};
|
|
1961
2281
|
borderStyle: BorderStyle[];
|
|
1962
2282
|
boxSizing: BoxSizing[];
|
|
1963
2283
|
cursor: Cursor[];
|
|
1964
|
-
|
|
2284
|
+
spacing: {
|
|
1965
2285
|
none: string;
|
|
1966
|
-
"0
|
|
2286
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1967
2287
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2288
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1968
2289
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1969
|
-
"2
|
|
2290
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2291
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2292
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1970
2293
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2294
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2295
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1971
2296
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2297
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1972
2298
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2299
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1973
2300
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2301
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1974
2302
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1975
2303
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1976
2304
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1978,15 +2306,22 @@ export declare const box: {
|
|
|
1978
2306
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1979
2307
|
};
|
|
1980
2308
|
margin: {
|
|
1981
|
-
|
|
1982
|
-
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2309
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1983
2310
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2311
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1984
2312
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1985
|
-
"2
|
|
2313
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2314
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2315
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1986
2316
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2317
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2318
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1987
2319
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2320
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1988
2321
|
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2322
|
+
"9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1989
2323
|
"10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2324
|
+
"11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1990
2325
|
"12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1991
2326
|
"14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1992
2327
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1999,12 +2334,12 @@ export declare const box: {
|
|
|
1999
2334
|
overflowX: Overflow[];
|
|
2000
2335
|
overflowY: Overflow[];
|
|
2001
2336
|
boxShadow: {
|
|
2002
|
-
"
|
|
2003
|
-
"
|
|
2004
|
-
"
|
|
2005
|
-
"
|
|
2006
|
-
"
|
|
2007
|
-
"
|
|
2337
|
+
"0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2338
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2339
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2340
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2341
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2342
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2008
2343
|
focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2009
2344
|
};
|
|
2010
2345
|
transitionDuration: {
|
|
@@ -2015,6 +2350,17 @@ export declare const box: {
|
|
|
2015
2350
|
};
|
|
2016
2351
|
transitionTimingFunction: TransitionTiming[];
|
|
2017
2352
|
textDecoration: TextDecoration[];
|
|
2353
|
+
zIndex: {
|
|
2354
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2355
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2356
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2357
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2358
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2359
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2360
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2361
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2362
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2363
|
+
};
|
|
2018
2364
|
};
|
|
2019
2365
|
};
|
|
2020
2366
|
export declare const button: {
|
|
@@ -2078,7 +2424,7 @@ export declare const fileUploader: {
|
|
|
2078
2424
|
};
|
|
2079
2425
|
export declare const icon: {
|
|
2080
2426
|
sprinkle: ((props: {
|
|
2081
|
-
color?: "
|
|
2427
|
+
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
2428
|
cursor?: Cursor | undefined;
|
|
2083
2429
|
}) => string) & {
|
|
2084
2430
|
properties: Set<"color" | "cursor">;
|
|
@@ -2354,11 +2700,11 @@ export interface TextSprinkle {
|
|
|
2354
2700
|
}
|
|
2355
2701
|
export declare const text: {
|
|
2356
2702
|
sprinkle: ((props: {
|
|
2357
|
-
color?: ("
|
|
2358
|
-
xs?: "
|
|
2359
|
-
md?: "
|
|
2360
|
-
lg?: "
|
|
2361
|
-
xl?: "
|
|
2703
|
+
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" | {
|
|
2704
|
+
xs?: "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;
|
|
2705
|
+
md?: "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;
|
|
2706
|
+
lg?: "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;
|
|
2707
|
+
xl?: "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;
|
|
2362
2708
|
}) | undefined;
|
|
2363
2709
|
textAlign?: (TextAlign | {
|
|
2364
2710
|
xs?: TextAlign | undefined;
|
|
@@ -2449,15 +2795,15 @@ declare const propertiesTitle: {
|
|
|
2449
2795
|
};
|
|
2450
2796
|
textAlign: TextAlign[];
|
|
2451
2797
|
fontSize: {
|
|
2452
|
-
"0
|
|
2798
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2453
2799
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2454
|
-
"1
|
|
2800
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2455
2801
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2456
|
-
"2
|
|
2802
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2457
2803
|
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2458
|
-
"3
|
|
2804
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2459
2805
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2460
|
-
"4
|
|
2806
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2461
2807
|
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2462
2808
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2463
2809
|
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2483,15 +2829,15 @@ declare const propertiesTitle: {
|
|
|
2483
2829
|
bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2484
2830
|
};
|
|
2485
2831
|
lineHeight: {
|
|
2486
|
-
"0
|
|
2832
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2487
2833
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2488
|
-
"1
|
|
2834
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2489
2835
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2490
|
-
"2
|
|
2836
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2491
2837
|
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2492
|
-
"3
|
|
2838
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2493
2839
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2494
|
-
"4
|
|
2840
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2495
2841
|
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2496
2842
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2497
2843
|
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2546,11 +2892,11 @@ export interface TitleSprinkle {
|
|
|
2546
2892
|
}
|
|
2547
2893
|
export declare const title: {
|
|
2548
2894
|
sprinkle: ((props: {
|
|
2549
|
-
color?: ("primary-textLow" | "
|
|
2550
|
-
xs?: "primary-textLow" | "
|
|
2551
|
-
md?: "primary-textLow" | "
|
|
2552
|
-
lg?: "primary-textLow" | "
|
|
2553
|
-
xl?: "primary-textLow" | "
|
|
2895
|
+
color?: ("primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | {
|
|
2896
|
+
xs?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
2897
|
+
md?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
2898
|
+
lg?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
2899
|
+
xl?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
2554
2900
|
}) | undefined;
|
|
2555
2901
|
textAlign?: (TextAlign | {
|
|
2556
2902
|
xs?: TextAlign | undefined;
|
|
@@ -2558,11 +2904,11 @@ export declare const title: {
|
|
|
2558
2904
|
lg?: TextAlign | undefined;
|
|
2559
2905
|
xl?: TextAlign | undefined;
|
|
2560
2906
|
}) | 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
|
|
2907
|
+
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" | {
|
|
2908
|
+
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;
|
|
2909
|
+
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;
|
|
2910
|
+
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;
|
|
2911
|
+
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
2912
|
}) | undefined;
|
|
2567
2913
|
fontWeight?: ("regular" | "medium" | "bold" | {
|
|
2568
2914
|
xs?: "regular" | "medium" | "bold" | undefined;
|
|
@@ -2570,11 +2916,11 @@ export declare const title: {
|
|
|
2570
2916
|
lg?: "regular" | "medium" | "bold" | undefined;
|
|
2571
2917
|
xl?: "regular" | "medium" | "bold" | undefined;
|
|
2572
2918
|
}) | 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
|
|
2919
|
+
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" | {
|
|
2920
|
+
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;
|
|
2921
|
+
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;
|
|
2922
|
+
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;
|
|
2923
|
+
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
2924
|
}) | undefined;
|
|
2579
2925
|
}) => string) & {
|
|
2580
2926
|
properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
|
|
@@ -2594,15 +2940,15 @@ export declare const title: {
|
|
|
2594
2940
|
};
|
|
2595
2941
|
textAlign: TextAlign[];
|
|
2596
2942
|
fontSize: {
|
|
2597
|
-
"0
|
|
2943
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2598
2944
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2599
|
-
"1
|
|
2945
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2600
2946
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2601
|
-
"2
|
|
2947
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2602
2948
|
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2603
|
-
"3
|
|
2949
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2604
2950
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2605
|
-
"4
|
|
2951
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2606
2952
|
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2607
2953
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2608
2954
|
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2628,15 +2974,15 @@ export declare const title: {
|
|
|
2628
2974
|
bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2629
2975
|
};
|
|
2630
2976
|
lineHeight: {
|
|
2631
|
-
"0
|
|
2977
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2632
2978
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2633
|
-
"1
|
|
2979
|
+
"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2634
2980
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2635
|
-
"2
|
|
2981
|
+
"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2636
2982
|
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2637
|
-
"3
|
|
2983
|
+
"3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2638
2984
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2639
|
-
"4
|
|
2985
|
+
"4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2640
2986
|
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2641
2987
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2642
2988
|
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2699,10 +3045,22 @@ declare const propertiesPopover: {
|
|
|
2699
3045
|
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2700
3046
|
none: string;
|
|
2701
3047
|
};
|
|
3048
|
+
zIndex: {
|
|
3049
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3050
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3051
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3052
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3053
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3054
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3055
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3056
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3057
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3058
|
+
};
|
|
2702
3059
|
};
|
|
2703
3060
|
export type PopoverColorProperties = keyof typeof propertiesPopover.color;
|
|
2704
3061
|
export type PopoverBackgroundColorProperties = keyof typeof propertiesPopover.backgroundColor;
|
|
2705
3062
|
export type PopoverPaddingProperties = keyof typeof propertiesPopover.padding;
|
|
3063
|
+
export type PopoverZIndexProperties = keyof typeof propertiesPopover.zIndex;
|
|
2706
3064
|
export interface PopoverSprinkle {
|
|
2707
3065
|
/**
|
|
2708
3066
|
* The width property specifies the width of a popover's content area.
|
|
@@ -2716,7 +3074,7 @@ export interface PopoverSprinkle {
|
|
|
2716
3074
|
/**
|
|
2717
3075
|
* The zIndex property specifies the stack order of the popover.
|
|
2718
3076
|
*/
|
|
2719
|
-
zIndex?:
|
|
3077
|
+
zIndex?: PopoverZIndexProperties | Conditions<PopoverZIndexProperties>;
|
|
2720
3078
|
/**
|
|
2721
3079
|
* The backgroundColor property sets the background color of the popover.
|
|
2722
3080
|
* @default neutral-background
|
|
@@ -2744,10 +3102,6 @@ export declare const popover: {
|
|
|
2744
3102
|
default: string;
|
|
2745
3103
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2746
3104
|
};
|
|
2747
|
-
"primary-interactiveHover": {
|
|
2748
|
-
default: string;
|
|
2749
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2750
|
-
};
|
|
2751
3105
|
"success-surfaceHighlight": {
|
|
2752
3106
|
default: string;
|
|
2753
3107
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
@@ -2768,6 +3122,10 @@ export declare const popover: {
|
|
|
2768
3122
|
default: string;
|
|
2769
3123
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2770
3124
|
};
|
|
3125
|
+
"primary-interactiveHover": {
|
|
3126
|
+
default: string;
|
|
3127
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3128
|
+
};
|
|
2771
3129
|
};
|
|
2772
3130
|
staticScale: {
|
|
2773
3131
|
"primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2808,10 +3166,6 @@ export declare const popover: {
|
|
|
2808
3166
|
default: string;
|
|
2809
3167
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2810
3168
|
};
|
|
2811
|
-
"primary-interactiveHover": {
|
|
2812
|
-
default: string;
|
|
2813
|
-
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2814
|
-
};
|
|
2815
3169
|
"success-surfaceHighlight": {
|
|
2816
3170
|
default: string;
|
|
2817
3171
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
@@ -2832,6 +3186,10 @@ export declare const popover: {
|
|
|
2832
3186
|
default: string;
|
|
2833
3187
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2834
3188
|
};
|
|
3189
|
+
"primary-interactiveHover": {
|
|
3190
|
+
default: string;
|
|
3191
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3192
|
+
};
|
|
2835
3193
|
};
|
|
2836
3194
|
staticScale: {
|
|
2837
3195
|
"primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2844,6 +3202,58 @@ export declare const popover: {
|
|
|
2844
3202
|
};
|
|
2845
3203
|
name: "color";
|
|
2846
3204
|
};
|
|
3205
|
+
zIndex: {
|
|
3206
|
+
values: {
|
|
3207
|
+
100: {
|
|
3208
|
+
default: string;
|
|
3209
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3210
|
+
};
|
|
3211
|
+
200: {
|
|
3212
|
+
default: string;
|
|
3213
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3214
|
+
};
|
|
3215
|
+
300: {
|
|
3216
|
+
default: string;
|
|
3217
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3218
|
+
};
|
|
3219
|
+
400: {
|
|
3220
|
+
default: string;
|
|
3221
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3222
|
+
};
|
|
3223
|
+
500: {
|
|
3224
|
+
default: string;
|
|
3225
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3226
|
+
};
|
|
3227
|
+
600: {
|
|
3228
|
+
default: string;
|
|
3229
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3230
|
+
};
|
|
3231
|
+
700: {
|
|
3232
|
+
default: string;
|
|
3233
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3234
|
+
};
|
|
3235
|
+
800: {
|
|
3236
|
+
default: string;
|
|
3237
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3238
|
+
};
|
|
3239
|
+
900: {
|
|
3240
|
+
default: string;
|
|
3241
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3242
|
+
};
|
|
3243
|
+
};
|
|
3244
|
+
staticScale: {
|
|
3245
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3246
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3247
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3248
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3249
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3250
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3251
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3252
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3253
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3254
|
+
};
|
|
3255
|
+
name: "zIndex";
|
|
3256
|
+
};
|
|
2847
3257
|
};
|
|
2848
3258
|
} & {
|
|
2849
3259
|
config: {
|
|
@@ -2871,23 +3281,11 @@ export declare const popover: {
|
|
|
2871
3281
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2872
3282
|
};
|
|
2873
3283
|
};
|
|
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
3284
|
};
|
|
2887
3285
|
} & {
|
|
2888
3286
|
config: {
|
|
2889
3287
|
[x: string]: {
|
|
2890
|
-
mappings: ("width" | "
|
|
3288
|
+
mappings: ("width" | "zIndex" | "color" | "backgroundColor" | "height" | "padding")[];
|
|
2891
3289
|
};
|
|
2892
3290
|
};
|
|
2893
3291
|
}
|
|
@@ -2916,6 +3314,17 @@ export declare const popover: {
|
|
|
2916
3314
|
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2917
3315
|
none: string;
|
|
2918
3316
|
};
|
|
3317
|
+
zIndex: {
|
|
3318
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3319
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3320
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3321
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3322
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3323
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3324
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3325
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3326
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3327
|
+
};
|
|
2919
3328
|
};
|
|
2920
3329
|
classnames: {
|
|
2921
3330
|
content: string;
|
|
@@ -2955,7 +3364,7 @@ export declare const skeleton: {
|
|
|
2955
3364
|
};
|
|
2956
3365
|
export declare const spinner: {
|
|
2957
3366
|
sprinkle: ((props: {
|
|
2958
|
-
color?: "
|
|
3367
|
+
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
3368
|
}) => string) & {
|
|
2960
3369
|
properties: Set<"color">;
|
|
2961
3370
|
};
|
|
@@ -3201,6 +3610,58 @@ declare const sidebarSprinkle: {
|
|
|
3201
3610
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
3202
3611
|
{
|
|
3203
3612
|
config: {
|
|
3613
|
+
zIndex: {
|
|
3614
|
+
values: {
|
|
3615
|
+
100: {
|
|
3616
|
+
default: string;
|
|
3617
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3618
|
+
};
|
|
3619
|
+
200: {
|
|
3620
|
+
default: string;
|
|
3621
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3622
|
+
};
|
|
3623
|
+
300: {
|
|
3624
|
+
default: string;
|
|
3625
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3626
|
+
};
|
|
3627
|
+
400: {
|
|
3628
|
+
default: string;
|
|
3629
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3630
|
+
};
|
|
3631
|
+
500: {
|
|
3632
|
+
default: string;
|
|
3633
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3634
|
+
};
|
|
3635
|
+
600: {
|
|
3636
|
+
default: string;
|
|
3637
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3638
|
+
};
|
|
3639
|
+
700: {
|
|
3640
|
+
default: string;
|
|
3641
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3642
|
+
};
|
|
3643
|
+
800: {
|
|
3644
|
+
default: string;
|
|
3645
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3646
|
+
};
|
|
3647
|
+
900: {
|
|
3648
|
+
default: string;
|
|
3649
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3650
|
+
};
|
|
3651
|
+
};
|
|
3652
|
+
staticScale: {
|
|
3653
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3654
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3655
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3656
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3657
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3658
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3659
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3660
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3661
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3662
|
+
};
|
|
3663
|
+
name: "zIndex";
|
|
3664
|
+
};
|
|
3204
3665
|
padding: {
|
|
3205
3666
|
values: {
|
|
3206
3667
|
base: {
|
|
@@ -3238,28 +3699,27 @@ declare const sidebarSprinkle: {
|
|
|
3238
3699
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3239
3700
|
};
|
|
3240
3701
|
};
|
|
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
3702
|
};
|
|
3254
3703
|
} & {
|
|
3255
3704
|
config: {
|
|
3256
3705
|
[x: string]: {
|
|
3257
|
-
mappings: ("
|
|
3706
|
+
mappings: ("zIndex" | "maxWidth" | "padding")[];
|
|
3258
3707
|
};
|
|
3259
3708
|
};
|
|
3260
3709
|
}
|
|
3261
3710
|
]>;
|
|
3262
3711
|
properties: {
|
|
3712
|
+
zIndex: {
|
|
3713
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3714
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3715
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3716
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3717
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3718
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3719
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3720
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3721
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3722
|
+
};
|
|
3263
3723
|
padding: {
|
|
3264
3724
|
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3265
3725
|
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -3268,6 +3728,7 @@ declare const sidebarSprinkle: {
|
|
|
3268
3728
|
};
|
|
3269
3729
|
};
|
|
3270
3730
|
export type SidebarPaddingProperties = keyof typeof sidebarSprinkle.properties.padding;
|
|
3731
|
+
export type SidebarZIndexProperties = keyof typeof sidebarSprinkle.properties.zIndex;
|
|
3271
3732
|
export interface SidebarSprinkle {
|
|
3272
3733
|
/**
|
|
3273
3734
|
* The maxWidth property specifies the maxWidth of a sidebar's content area.
|
|
@@ -3277,7 +3738,7 @@ export interface SidebarSprinkle {
|
|
|
3277
3738
|
/**
|
|
3278
3739
|
* The zIndex property specifies the stack order of the sidebar.
|
|
3279
3740
|
*/
|
|
3280
|
-
zIndex?:
|
|
3741
|
+
zIndex?: SidebarZIndexProperties | Conditions<SidebarZIndexProperties>;
|
|
3281
3742
|
/**
|
|
3282
3743
|
* The padding properties are used to generate space around an sidebar's content area.
|
|
3283
3744
|
* @default base
|
|
@@ -3288,6 +3749,58 @@ export declare const sidebar: {
|
|
|
3288
3749
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
3289
3750
|
{
|
|
3290
3751
|
config: {
|
|
3752
|
+
zIndex: {
|
|
3753
|
+
values: {
|
|
3754
|
+
100: {
|
|
3755
|
+
default: string;
|
|
3756
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3757
|
+
};
|
|
3758
|
+
200: {
|
|
3759
|
+
default: string;
|
|
3760
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3761
|
+
};
|
|
3762
|
+
300: {
|
|
3763
|
+
default: string;
|
|
3764
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3765
|
+
};
|
|
3766
|
+
400: {
|
|
3767
|
+
default: string;
|
|
3768
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3769
|
+
};
|
|
3770
|
+
500: {
|
|
3771
|
+
default: string;
|
|
3772
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3773
|
+
};
|
|
3774
|
+
600: {
|
|
3775
|
+
default: string;
|
|
3776
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3777
|
+
};
|
|
3778
|
+
700: {
|
|
3779
|
+
default: string;
|
|
3780
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3781
|
+
};
|
|
3782
|
+
800: {
|
|
3783
|
+
default: string;
|
|
3784
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3785
|
+
};
|
|
3786
|
+
900: {
|
|
3787
|
+
default: string;
|
|
3788
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3789
|
+
};
|
|
3790
|
+
};
|
|
3791
|
+
staticScale: {
|
|
3792
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3793
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3794
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3795
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3796
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3797
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3798
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3799
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3800
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3801
|
+
};
|
|
3802
|
+
name: "zIndex";
|
|
3803
|
+
};
|
|
3291
3804
|
padding: {
|
|
3292
3805
|
values: {
|
|
3293
3806
|
base: {
|
|
@@ -3325,28 +3838,27 @@ export declare const sidebar: {
|
|
|
3325
3838
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
3326
3839
|
};
|
|
3327
3840
|
};
|
|
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
3841
|
};
|
|
3341
3842
|
} & {
|
|
3342
3843
|
config: {
|
|
3343
3844
|
[x: string]: {
|
|
3344
|
-
mappings: ("
|
|
3845
|
+
mappings: ("zIndex" | "maxWidth" | "padding")[];
|
|
3345
3846
|
};
|
|
3346
3847
|
};
|
|
3347
3848
|
}
|
|
3348
3849
|
]>;
|
|
3349
3850
|
properties: {
|
|
3851
|
+
zIndex: {
|
|
3852
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3853
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3854
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3855
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3856
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3857
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3858
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3859
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3860
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3861
|
+
};
|
|
3350
3862
|
padding: {
|
|
3351
3863
|
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3352
3864
|
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|