@nimbus-ds/styles 9.40.0 → 9.41.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/CHANGELOG.md +6 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +267 -263
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/dark/index.js +1 -1
- package/dist/themes/dark.css +1 -1
- package/dist/themes/next/index.js +1 -1
- package/dist/themes/next-dark/index.js +1 -1
- package/dist/themes/next-dark.css +1 -1
- package/dist/themes/next.css +1 -1
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -53,6 +53,7 @@ export interface Conditions<T> {
|
|
|
53
53
|
md?: T;
|
|
54
54
|
lg?: T;
|
|
55
55
|
xl?: T;
|
|
56
|
+
xxl?: T;
|
|
56
57
|
}
|
|
57
58
|
export type AspectRatio = "1/1" | "16/9" | "9/16" | "4/3" | "3/4" | "2/1" | "1/2";
|
|
58
59
|
export type BorderStyle = "solid" | "none" | "hidden" | "dashed" | "dotted";
|
|
@@ -133,7 +134,9 @@ declare const propertiesBox: {
|
|
|
133
134
|
"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
134
135
|
"primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
135
136
|
"primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
136
|
-
"primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
137
|
+
"primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
|
|
138
|
+
* The width property specifies the width of a box's content area.
|
|
139
|
+
*/
|
|
137
140
|
"success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
138
141
|
"success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
139
142
|
"success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -142,9 +145,7 @@ declare const propertiesBox: {
|
|
|
142
145
|
"warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
143
146
|
"warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
144
147
|
"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
145
|
-
"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
146
|
-
* The min height property specifies the height of a box's content area.
|
|
147
|
-
*/
|
|
148
|
+
"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
148
149
|
"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
149
150
|
"danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
150
151
|
"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -169,7 +170,9 @@ declare const propertiesBox: {
|
|
|
169
170
|
"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
170
171
|
"primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
171
172
|
"primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
172
|
-
"primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
173
|
+
"primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
|
|
174
|
+
* The width property specifies the width of a box's content area.
|
|
175
|
+
*/
|
|
173
176
|
"success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
174
177
|
"success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
175
178
|
"success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -178,9 +181,7 @@ declare const propertiesBox: {
|
|
|
178
181
|
"warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
179
182
|
"warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
180
183
|
"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
181
|
-
"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
182
|
-
* The min height property specifies the height of a box's content area.
|
|
183
|
-
*/
|
|
184
|
+
"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
184
185
|
"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
185
186
|
"danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
186
187
|
"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -209,16 +210,17 @@ declare const propertiesBox: {
|
|
|
209
210
|
"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
210
211
|
"danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
211
212
|
"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
213
|
+
/**
|
|
214
|
+
* The gridArea shorthand property specifies a grid item's size and location within a grid by contributing a line,
|
|
215
|
+
* a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
|
|
216
|
+
*/
|
|
212
217
|
"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
213
218
|
"neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
214
219
|
"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
215
220
|
transparent: string;
|
|
216
221
|
};
|
|
217
222
|
borderRadius: {
|
|
218
|
-
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
219
|
-
* The alignItems property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis.
|
|
220
|
-
* In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
|
|
221
|
-
*/
|
|
223
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
222
224
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
223
225
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
224
226
|
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -226,10 +228,6 @@ declare const propertiesBox: {
|
|
|
226
228
|
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
227
229
|
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
228
230
|
full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
229
|
-
/**
|
|
230
|
-
* The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.
|
|
231
|
-
* In Flexbox, it aligns the item on the cross axis.
|
|
232
|
-
*/
|
|
233
231
|
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
234
232
|
half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
235
233
|
none: string;
|
|
@@ -237,7 +235,9 @@ declare const propertiesBox: {
|
|
|
237
235
|
borderWidth: {
|
|
238
236
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
239
237
|
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
240
|
-
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
238
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
|
|
239
|
+
* The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
|
|
240
|
+
*/
|
|
241
241
|
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
242
242
|
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
243
243
|
none: string;
|
|
@@ -359,7 +359,9 @@ declare const propertiesBox: {
|
|
|
359
359
|
h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
360
360
|
h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
361
361
|
h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
362
|
-
h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
362
|
+
h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
|
|
363
|
+
* This defines the ability for a flex item to grow if necessary.
|
|
364
|
+
*/
|
|
363
365
|
h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
364
366
|
};
|
|
365
367
|
lineHeight: {
|
|
@@ -384,15 +386,15 @@ declare const propertiesBox: {
|
|
|
384
386
|
"16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
385
387
|
"18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
386
388
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
387
|
-
h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
389
|
+
h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
|
|
390
|
+
* The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.
|
|
391
|
+
*/
|
|
388
392
|
h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
389
393
|
h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
390
394
|
h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
391
395
|
h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
392
396
|
h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
393
|
-
};
|
|
394
|
-
* The paddingBottom property sets the height of the padding area on the bottom of an box.
|
|
395
|
-
*/
|
|
397
|
+
};
|
|
396
398
|
};
|
|
397
399
|
export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
|
|
398
400
|
export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
|
|
@@ -412,6 +414,7 @@ export type BoxLineHeightProperties = keyof typeof propertiesBox.lineHeight;
|
|
|
412
414
|
export type BoxBackgroundProperties = keyof typeof propertiesBox.background;
|
|
413
415
|
export interface BoxConditions<T> extends Conditions<T> {
|
|
414
416
|
focus?: T;
|
|
417
|
+
focusVisible?: T;
|
|
415
418
|
focusWithin?: T;
|
|
416
419
|
active?: T;
|
|
417
420
|
hover?: T;
|
|
@@ -794,6 +797,7 @@ export interface BoxSprinkle {
|
|
|
794
797
|
textAlign?: TextAlign | BoxConditions<TextAlign>;
|
|
795
798
|
}
|
|
796
799
|
export declare const box: {
|
|
800
|
+
asButton: string;
|
|
797
801
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
798
802
|
{
|
|
799
803
|
config: {
|
|
@@ -801,27 +805,27 @@ export declare const box: {
|
|
|
801
805
|
values: {
|
|
802
806
|
grid: {
|
|
803
807
|
default: string;
|
|
804
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
808
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
805
809
|
};
|
|
806
810
|
none: {
|
|
807
811
|
default: string;
|
|
808
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
812
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
809
813
|
};
|
|
810
814
|
flex: {
|
|
811
815
|
default: string;
|
|
812
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
816
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
813
817
|
};
|
|
814
818
|
block: {
|
|
815
819
|
default: string;
|
|
816
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
820
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
817
821
|
};
|
|
818
822
|
"inline-flex": {
|
|
819
823
|
default: string;
|
|
820
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
824
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
821
825
|
};
|
|
822
826
|
"inline-grid": {
|
|
823
827
|
default: string;
|
|
824
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
828
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
825
829
|
};
|
|
826
830
|
};
|
|
827
831
|
staticScale: Display[];
|
|
@@ -831,19 +835,19 @@ export declare const box: {
|
|
|
831
835
|
values: {
|
|
832
836
|
row: {
|
|
833
837
|
default: string;
|
|
834
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
838
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
835
839
|
};
|
|
836
840
|
column: {
|
|
837
841
|
default: string;
|
|
838
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
842
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
839
843
|
};
|
|
840
844
|
"column-reverse": {
|
|
841
845
|
default: string;
|
|
842
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
846
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
843
847
|
};
|
|
844
848
|
"row-reverse": {
|
|
845
849
|
default: string;
|
|
846
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
850
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
847
851
|
};
|
|
848
852
|
};
|
|
849
853
|
staticScale: FlexDirection[];
|
|
@@ -853,15 +857,15 @@ export declare const box: {
|
|
|
853
857
|
values: {
|
|
854
858
|
nowrap: {
|
|
855
859
|
default: string;
|
|
856
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
860
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
857
861
|
};
|
|
858
862
|
wrap: {
|
|
859
863
|
default: string;
|
|
860
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
864
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
861
865
|
};
|
|
862
866
|
"wrap-reverse": {
|
|
863
867
|
default: string;
|
|
864
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
868
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
865
869
|
};
|
|
866
870
|
};
|
|
867
871
|
staticScale: FlexWrap[];
|
|
@@ -871,27 +875,27 @@ export declare const box: {
|
|
|
871
875
|
values: {
|
|
872
876
|
center: {
|
|
873
877
|
default: string;
|
|
874
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
878
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
875
879
|
};
|
|
876
880
|
"flex-end": {
|
|
877
881
|
default: string;
|
|
878
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
882
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
879
883
|
};
|
|
880
884
|
"flex-start": {
|
|
881
885
|
default: string;
|
|
882
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
886
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
883
887
|
};
|
|
884
888
|
"space-around": {
|
|
885
889
|
default: string;
|
|
886
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
890
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
887
891
|
};
|
|
888
892
|
"space-between": {
|
|
889
893
|
default: string;
|
|
890
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
894
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
891
895
|
};
|
|
892
896
|
"space-evenly": {
|
|
893
897
|
default: string;
|
|
894
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
898
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
895
899
|
};
|
|
896
900
|
};
|
|
897
901
|
staticScale: JustifyContent[];
|
|
@@ -901,23 +905,23 @@ export declare const box: {
|
|
|
901
905
|
values: {
|
|
902
906
|
center: {
|
|
903
907
|
default: string;
|
|
904
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
908
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
905
909
|
};
|
|
906
910
|
"flex-end": {
|
|
907
911
|
default: string;
|
|
908
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
912
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
909
913
|
};
|
|
910
914
|
"flex-start": {
|
|
911
915
|
default: string;
|
|
912
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
916
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
913
917
|
};
|
|
914
918
|
baseline: {
|
|
915
919
|
default: string;
|
|
916
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
920
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
917
921
|
};
|
|
918
922
|
stretch: {
|
|
919
923
|
default: string;
|
|
920
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
924
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
921
925
|
};
|
|
922
926
|
};
|
|
923
927
|
staticScale: AlignItems[];
|
|
@@ -927,27 +931,27 @@ export declare const box: {
|
|
|
927
931
|
values: {
|
|
928
932
|
center: {
|
|
929
933
|
default: string;
|
|
930
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
934
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
931
935
|
};
|
|
932
936
|
"flex-end": {
|
|
933
937
|
default: string;
|
|
934
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
938
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
935
939
|
};
|
|
936
940
|
"flex-start": {
|
|
937
941
|
default: string;
|
|
938
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
942
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
939
943
|
};
|
|
940
944
|
baseline: {
|
|
941
945
|
default: string;
|
|
942
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
946
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
943
947
|
};
|
|
944
948
|
stretch: {
|
|
945
949
|
default: string;
|
|
946
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
950
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
947
951
|
};
|
|
948
952
|
auto: {
|
|
949
953
|
default: string;
|
|
950
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
954
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
951
955
|
};
|
|
952
956
|
};
|
|
953
957
|
staticScale: AlignSelf[];
|
|
@@ -957,47 +961,47 @@ export declare const box: {
|
|
|
957
961
|
values: {
|
|
958
962
|
inherit: {
|
|
959
963
|
default: string;
|
|
960
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
964
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
961
965
|
};
|
|
962
966
|
none: {
|
|
963
967
|
default: string;
|
|
964
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
968
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
965
969
|
};
|
|
966
970
|
all: {
|
|
967
971
|
default: string;
|
|
968
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
972
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
969
973
|
};
|
|
970
974
|
fill: {
|
|
971
975
|
default: string;
|
|
972
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
976
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
973
977
|
};
|
|
974
978
|
stroke: {
|
|
975
979
|
default: string;
|
|
976
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
980
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
977
981
|
};
|
|
978
982
|
auto: {
|
|
979
983
|
default: string;
|
|
980
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
984
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
981
985
|
};
|
|
982
986
|
visible: {
|
|
983
987
|
default: string;
|
|
984
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
988
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
985
989
|
};
|
|
986
990
|
painted: {
|
|
987
991
|
default: string;
|
|
988
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
992
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
989
993
|
};
|
|
990
994
|
visibleFill: {
|
|
991
995
|
default: string;
|
|
992
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
996
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
993
997
|
};
|
|
994
998
|
visiblePainted: {
|
|
995
999
|
default: string;
|
|
996
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1000
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
997
1001
|
};
|
|
998
1002
|
visibleStroke: {
|
|
999
1003
|
default: string;
|
|
1000
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1004
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1001
1005
|
};
|
|
1002
1006
|
};
|
|
1003
1007
|
staticScale: PointerEvents[];
|
|
@@ -1007,23 +1011,23 @@ export declare const box: {
|
|
|
1007
1011
|
values: {
|
|
1008
1012
|
hidden: {
|
|
1009
1013
|
default: string;
|
|
1010
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1014
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1011
1015
|
};
|
|
1012
1016
|
none: {
|
|
1013
1017
|
default: string;
|
|
1014
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1018
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1015
1019
|
};
|
|
1016
1020
|
dashed: {
|
|
1017
1021
|
default: string;
|
|
1018
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1022
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1019
1023
|
};
|
|
1020
1024
|
dotted: {
|
|
1021
1025
|
default: string;
|
|
1022
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1026
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1023
1027
|
};
|
|
1024
1028
|
solid: {
|
|
1025
1029
|
default: string;
|
|
1026
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1030
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1027
1031
|
};
|
|
1028
1032
|
};
|
|
1029
1033
|
staticScale: BorderStyle[];
|
|
@@ -1033,11 +1037,11 @@ export declare const box: {
|
|
|
1033
1037
|
values: {
|
|
1034
1038
|
"border-box": {
|
|
1035
1039
|
default: string;
|
|
1036
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1040
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1037
1041
|
};
|
|
1038
1042
|
"content-box": {
|
|
1039
1043
|
default: string;
|
|
1040
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1044
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1041
1045
|
};
|
|
1042
1046
|
};
|
|
1043
1047
|
staticScale: BoxSizing[];
|
|
@@ -1047,23 +1051,23 @@ export declare const box: {
|
|
|
1047
1051
|
values: {
|
|
1048
1052
|
inherit: {
|
|
1049
1053
|
default: string;
|
|
1050
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1054
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1051
1055
|
};
|
|
1052
1056
|
auto: {
|
|
1053
1057
|
default: string;
|
|
1054
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1058
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1055
1059
|
};
|
|
1056
1060
|
grab: {
|
|
1057
1061
|
default: string;
|
|
1058
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1062
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1059
1063
|
};
|
|
1060
1064
|
"not-allowed": {
|
|
1061
1065
|
default: string;
|
|
1062
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1066
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1063
1067
|
};
|
|
1064
1068
|
pointer: {
|
|
1065
1069
|
default: string;
|
|
1066
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1070
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1067
1071
|
};
|
|
1068
1072
|
};
|
|
1069
1073
|
staticScale: Cursor[];
|
|
@@ -1073,23 +1077,23 @@ export declare const box: {
|
|
|
1073
1077
|
values: {
|
|
1074
1078
|
fixed: {
|
|
1075
1079
|
default: string;
|
|
1076
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1080
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1077
1081
|
};
|
|
1078
1082
|
absolute: {
|
|
1079
1083
|
default: string;
|
|
1080
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1084
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1081
1085
|
};
|
|
1082
1086
|
relative: {
|
|
1083
1087
|
default: string;
|
|
1084
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1088
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1085
1089
|
};
|
|
1086
1090
|
static: {
|
|
1087
1091
|
default: string;
|
|
1088
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1092
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1089
1093
|
};
|
|
1090
1094
|
sticky: {
|
|
1091
1095
|
default: string;
|
|
1092
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1096
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1093
1097
|
};
|
|
1094
1098
|
};
|
|
1095
1099
|
staticScale: Position[];
|
|
@@ -1099,19 +1103,19 @@ export declare const box: {
|
|
|
1099
1103
|
values: {
|
|
1100
1104
|
hidden: {
|
|
1101
1105
|
default: string;
|
|
1102
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1106
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1103
1107
|
};
|
|
1104
1108
|
auto: {
|
|
1105
1109
|
default: string;
|
|
1106
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1110
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1107
1111
|
};
|
|
1108
1112
|
visible: {
|
|
1109
1113
|
default: string;
|
|
1110
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1114
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1111
1115
|
};
|
|
1112
1116
|
scroll: {
|
|
1113
1117
|
default: string;
|
|
1114
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1118
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1115
1119
|
};
|
|
1116
1120
|
};
|
|
1117
1121
|
staticScale: Overflow[];
|
|
@@ -1121,19 +1125,19 @@ export declare const box: {
|
|
|
1121
1125
|
values: {
|
|
1122
1126
|
hidden: {
|
|
1123
1127
|
default: string;
|
|
1124
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1128
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1125
1129
|
};
|
|
1126
1130
|
auto: {
|
|
1127
1131
|
default: string;
|
|
1128
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1132
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1129
1133
|
};
|
|
1130
1134
|
visible: {
|
|
1131
1135
|
default: string;
|
|
1132
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1136
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1133
1137
|
};
|
|
1134
1138
|
scroll: {
|
|
1135
1139
|
default: string;
|
|
1136
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1140
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1137
1141
|
};
|
|
1138
1142
|
};
|
|
1139
1143
|
staticScale: Overflow[];
|
|
@@ -1143,19 +1147,19 @@ export declare const box: {
|
|
|
1143
1147
|
values: {
|
|
1144
1148
|
hidden: {
|
|
1145
1149
|
default: string;
|
|
1146
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1150
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1147
1151
|
};
|
|
1148
1152
|
auto: {
|
|
1149
1153
|
default: string;
|
|
1150
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1154
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1151
1155
|
};
|
|
1152
1156
|
visible: {
|
|
1153
1157
|
default: string;
|
|
1154
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1158
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1155
1159
|
};
|
|
1156
1160
|
scroll: {
|
|
1157
1161
|
default: string;
|
|
1158
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1162
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1159
1163
|
};
|
|
1160
1164
|
};
|
|
1161
1165
|
staticScale: Overflow[];
|
|
@@ -1165,31 +1169,31 @@ export declare const box: {
|
|
|
1165
1169
|
values: {
|
|
1166
1170
|
ease: {
|
|
1167
1171
|
default: string;
|
|
1168
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1172
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1169
1173
|
};
|
|
1170
1174
|
"ease-in": {
|
|
1171
1175
|
default: string;
|
|
1172
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1176
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1173
1177
|
};
|
|
1174
1178
|
"ease-in-out": {
|
|
1175
1179
|
default: string;
|
|
1176
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1180
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1177
1181
|
};
|
|
1178
1182
|
"ease-out": {
|
|
1179
1183
|
default: string;
|
|
1180
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1184
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1181
1185
|
};
|
|
1182
1186
|
"step-end": {
|
|
1183
1187
|
default: string;
|
|
1184
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1188
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1185
1189
|
};
|
|
1186
1190
|
"step-start": {
|
|
1187
1191
|
default: string;
|
|
1188
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1192
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1189
1193
|
};
|
|
1190
1194
|
linear: {
|
|
1191
1195
|
default: string;
|
|
1192
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1196
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1193
1197
|
};
|
|
1194
1198
|
};
|
|
1195
1199
|
staticScale: TransitionTiming[];
|
|
@@ -1199,15 +1203,15 @@ export declare const box: {
|
|
|
1199
1203
|
values: {
|
|
1200
1204
|
none: {
|
|
1201
1205
|
default: string;
|
|
1202
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1206
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1203
1207
|
};
|
|
1204
1208
|
"line-through": {
|
|
1205
1209
|
default: string;
|
|
1206
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1210
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1207
1211
|
};
|
|
1208
1212
|
underline: {
|
|
1209
1213
|
default: string;
|
|
1210
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1214
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1211
1215
|
};
|
|
1212
1216
|
};
|
|
1213
1217
|
staticScale: TextDecoration[];
|
|
@@ -1217,111 +1221,111 @@ export declare const box: {
|
|
|
1217
1221
|
values: {
|
|
1218
1222
|
h1: {
|
|
1219
1223
|
default: string;
|
|
1220
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1224
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1221
1225
|
};
|
|
1222
1226
|
h2: {
|
|
1223
1227
|
default: string;
|
|
1224
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1228
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1225
1229
|
};
|
|
1226
1230
|
h3: {
|
|
1227
1231
|
default: string;
|
|
1228
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1232
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1229
1233
|
};
|
|
1230
1234
|
h4: {
|
|
1231
1235
|
default: string;
|
|
1232
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1236
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1233
1237
|
};
|
|
1234
1238
|
h5: {
|
|
1235
1239
|
default: string;
|
|
1236
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1240
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1237
1241
|
};
|
|
1238
1242
|
h6: {
|
|
1239
1243
|
default: string;
|
|
1240
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1244
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1241
1245
|
};
|
|
1242
1246
|
1: {
|
|
1243
1247
|
default: string;
|
|
1244
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1248
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1245
1249
|
};
|
|
1246
1250
|
2: {
|
|
1247
1251
|
default: string;
|
|
1248
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1252
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1249
1253
|
};
|
|
1250
1254
|
3: {
|
|
1251
1255
|
default: string;
|
|
1252
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1256
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1253
1257
|
};
|
|
1254
1258
|
4: {
|
|
1255
1259
|
default: string;
|
|
1256
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1260
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1257
1261
|
};
|
|
1258
1262
|
5: {
|
|
1259
1263
|
default: string;
|
|
1260
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1264
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1261
1265
|
};
|
|
1262
1266
|
"0-5": {
|
|
1263
1267
|
default: string;
|
|
1264
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1268
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1265
1269
|
};
|
|
1266
1270
|
6: {
|
|
1267
1271
|
default: string;
|
|
1268
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1272
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1269
1273
|
};
|
|
1270
1274
|
"1-5": {
|
|
1271
1275
|
default: string;
|
|
1272
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1276
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1273
1277
|
};
|
|
1274
1278
|
"2-5": {
|
|
1275
1279
|
default: string;
|
|
1276
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1280
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1277
1281
|
};
|
|
1278
1282
|
"3-5": {
|
|
1279
1283
|
default: string;
|
|
1280
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1284
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1281
1285
|
};
|
|
1282
1286
|
"4-5": {
|
|
1283
1287
|
default: string;
|
|
1284
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1288
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1285
1289
|
};
|
|
1286
1290
|
7: {
|
|
1287
1291
|
default: string;
|
|
1288
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1292
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1289
1293
|
};
|
|
1290
1294
|
8: {
|
|
1291
1295
|
default: string;
|
|
1292
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1296
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1293
1297
|
};
|
|
1294
1298
|
9: {
|
|
1295
1299
|
default: string;
|
|
1296
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1300
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1297
1301
|
};
|
|
1298
1302
|
10: {
|
|
1299
1303
|
default: string;
|
|
1300
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1304
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1301
1305
|
};
|
|
1302
1306
|
11: {
|
|
1303
1307
|
default: string;
|
|
1304
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1308
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1305
1309
|
};
|
|
1306
1310
|
12: {
|
|
1307
1311
|
default: string;
|
|
1308
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1312
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1309
1313
|
};
|
|
1310
1314
|
14: {
|
|
1311
1315
|
default: string;
|
|
1312
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1316
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1313
1317
|
};
|
|
1314
1318
|
16: {
|
|
1315
1319
|
default: string;
|
|
1316
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1320
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1317
1321
|
};
|
|
1318
1322
|
18: {
|
|
1319
1323
|
default: string;
|
|
1320
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1324
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1321
1325
|
};
|
|
1322
1326
|
20: {
|
|
1323
1327
|
default: string;
|
|
1324
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1328
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1325
1329
|
};
|
|
1326
1330
|
};
|
|
1327
1331
|
staticScale: {
|
|
@@ -1359,15 +1363,15 @@ export declare const box: {
|
|
|
1359
1363
|
values: {
|
|
1360
1364
|
regular: {
|
|
1361
1365
|
default: string;
|
|
1362
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1366
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1363
1367
|
};
|
|
1364
1368
|
medium: {
|
|
1365
1369
|
default: string;
|
|
1366
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1370
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1367
1371
|
};
|
|
1368
1372
|
bold: {
|
|
1369
1373
|
default: string;
|
|
1370
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1374
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1371
1375
|
};
|
|
1372
1376
|
};
|
|
1373
1377
|
staticScale: {
|
|
@@ -1381,111 +1385,111 @@ export declare const box: {
|
|
|
1381
1385
|
values: {
|
|
1382
1386
|
h1: {
|
|
1383
1387
|
default: string;
|
|
1384
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1388
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1385
1389
|
};
|
|
1386
1390
|
h2: {
|
|
1387
1391
|
default: string;
|
|
1388
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1392
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1389
1393
|
};
|
|
1390
1394
|
h3: {
|
|
1391
1395
|
default: string;
|
|
1392
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1396
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1393
1397
|
};
|
|
1394
1398
|
h4: {
|
|
1395
1399
|
default: string;
|
|
1396
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1400
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1397
1401
|
};
|
|
1398
1402
|
h5: {
|
|
1399
1403
|
default: string;
|
|
1400
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1404
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1401
1405
|
};
|
|
1402
1406
|
h6: {
|
|
1403
1407
|
default: string;
|
|
1404
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1408
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1405
1409
|
};
|
|
1406
1410
|
1: {
|
|
1407
1411
|
default: string;
|
|
1408
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1412
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1409
1413
|
};
|
|
1410
1414
|
2: {
|
|
1411
1415
|
default: string;
|
|
1412
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1416
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1413
1417
|
};
|
|
1414
1418
|
3: {
|
|
1415
1419
|
default: string;
|
|
1416
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1420
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1417
1421
|
};
|
|
1418
1422
|
4: {
|
|
1419
1423
|
default: string;
|
|
1420
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1424
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1421
1425
|
};
|
|
1422
1426
|
5: {
|
|
1423
1427
|
default: string;
|
|
1424
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1428
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1425
1429
|
};
|
|
1426
1430
|
"0-5": {
|
|
1427
1431
|
default: string;
|
|
1428
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1432
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1429
1433
|
};
|
|
1430
1434
|
6: {
|
|
1431
1435
|
default: string;
|
|
1432
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1436
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1433
1437
|
};
|
|
1434
1438
|
"1-5": {
|
|
1435
1439
|
default: string;
|
|
1436
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1440
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1437
1441
|
};
|
|
1438
1442
|
"2-5": {
|
|
1439
1443
|
default: string;
|
|
1440
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1444
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1441
1445
|
};
|
|
1442
1446
|
"3-5": {
|
|
1443
1447
|
default: string;
|
|
1444
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1448
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1445
1449
|
};
|
|
1446
1450
|
"4-5": {
|
|
1447
1451
|
default: string;
|
|
1448
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1452
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1449
1453
|
};
|
|
1450
1454
|
7: {
|
|
1451
1455
|
default: string;
|
|
1452
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1456
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1453
1457
|
};
|
|
1454
1458
|
8: {
|
|
1455
1459
|
default: string;
|
|
1456
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1460
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1457
1461
|
};
|
|
1458
1462
|
9: {
|
|
1459
1463
|
default: string;
|
|
1460
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1464
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1461
1465
|
};
|
|
1462
1466
|
10: {
|
|
1463
1467
|
default: string;
|
|
1464
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1468
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1465
1469
|
};
|
|
1466
1470
|
11: {
|
|
1467
1471
|
default: string;
|
|
1468
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1472
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1469
1473
|
};
|
|
1470
1474
|
12: {
|
|
1471
1475
|
default: string;
|
|
1472
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1476
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1473
1477
|
};
|
|
1474
1478
|
14: {
|
|
1475
1479
|
default: string;
|
|
1476
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1480
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1477
1481
|
};
|
|
1478
1482
|
16: {
|
|
1479
1483
|
default: string;
|
|
1480
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1484
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1481
1485
|
};
|
|
1482
1486
|
18: {
|
|
1483
1487
|
default: string;
|
|
1484
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1488
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1485
1489
|
};
|
|
1486
1490
|
20: {
|
|
1487
1491
|
default: string;
|
|
1488
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1492
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1489
1493
|
};
|
|
1490
1494
|
};
|
|
1491
1495
|
staticScale: {
|
|
@@ -1523,19 +1527,19 @@ export declare const box: {
|
|
|
1523
1527
|
values: {
|
|
1524
1528
|
center: {
|
|
1525
1529
|
default: string;
|
|
1526
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1530
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1527
1531
|
};
|
|
1528
1532
|
left: {
|
|
1529
1533
|
default: string;
|
|
1530
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1534
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1531
1535
|
};
|
|
1532
1536
|
right: {
|
|
1533
1537
|
default: string;
|
|
1534
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1538
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1535
1539
|
};
|
|
1536
1540
|
justify: {
|
|
1537
1541
|
default: string;
|
|
1538
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1542
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1539
1543
|
};
|
|
1540
1544
|
};
|
|
1541
1545
|
staticScale: TextAlign[];
|
|
@@ -1547,307 +1551,307 @@ export declare const box: {
|
|
|
1547
1551
|
width: {
|
|
1548
1552
|
dynamic: {
|
|
1549
1553
|
default: string;
|
|
1550
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1554
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1551
1555
|
};
|
|
1552
1556
|
dynamicScale: true;
|
|
1553
1557
|
name: "width";
|
|
1554
1558
|
vars: {
|
|
1555
1559
|
default: string;
|
|
1556
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1560
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1557
1561
|
};
|
|
1558
1562
|
};
|
|
1559
1563
|
height: {
|
|
1560
1564
|
dynamic: {
|
|
1561
1565
|
default: string;
|
|
1562
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1566
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1563
1567
|
};
|
|
1564
1568
|
dynamicScale: true;
|
|
1565
1569
|
name: "height";
|
|
1566
1570
|
vars: {
|
|
1567
1571
|
default: string;
|
|
1568
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1572
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1569
1573
|
};
|
|
1570
1574
|
};
|
|
1571
1575
|
maxWidth: {
|
|
1572
1576
|
dynamic: {
|
|
1573
1577
|
default: string;
|
|
1574
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1578
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1575
1579
|
};
|
|
1576
1580
|
dynamicScale: true;
|
|
1577
1581
|
name: "maxWidth";
|
|
1578
1582
|
vars: {
|
|
1579
1583
|
default: string;
|
|
1580
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1584
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1581
1585
|
};
|
|
1582
1586
|
};
|
|
1583
1587
|
maxHeight: {
|
|
1584
1588
|
dynamic: {
|
|
1585
1589
|
default: string;
|
|
1586
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1590
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1587
1591
|
};
|
|
1588
1592
|
dynamicScale: true;
|
|
1589
1593
|
name: "maxHeight";
|
|
1590
1594
|
vars: {
|
|
1591
1595
|
default: string;
|
|
1592
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1596
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1593
1597
|
};
|
|
1594
1598
|
};
|
|
1595
1599
|
minWidth: {
|
|
1596
1600
|
dynamic: {
|
|
1597
1601
|
default: string;
|
|
1598
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1602
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1599
1603
|
};
|
|
1600
1604
|
dynamicScale: true;
|
|
1601
1605
|
name: "minWidth";
|
|
1602
1606
|
vars: {
|
|
1603
1607
|
default: string;
|
|
1604
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1608
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1605
1609
|
};
|
|
1606
1610
|
};
|
|
1607
1611
|
minHeight: {
|
|
1608
1612
|
dynamic: {
|
|
1609
1613
|
default: string;
|
|
1610
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1614
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1611
1615
|
};
|
|
1612
1616
|
dynamicScale: true;
|
|
1613
1617
|
name: "minHeight";
|
|
1614
1618
|
vars: {
|
|
1615
1619
|
default: string;
|
|
1616
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1620
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1617
1621
|
};
|
|
1618
1622
|
};
|
|
1619
1623
|
bottom: {
|
|
1620
1624
|
dynamic: {
|
|
1621
1625
|
default: string;
|
|
1622
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1626
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1623
1627
|
};
|
|
1624
1628
|
dynamicScale: true;
|
|
1625
1629
|
name: "bottom";
|
|
1626
1630
|
vars: {
|
|
1627
1631
|
default: string;
|
|
1628
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1632
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1629
1633
|
};
|
|
1630
1634
|
};
|
|
1631
1635
|
left: {
|
|
1632
1636
|
dynamic: {
|
|
1633
1637
|
default: string;
|
|
1634
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1638
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1635
1639
|
};
|
|
1636
1640
|
dynamicScale: true;
|
|
1637
1641
|
name: "left";
|
|
1638
1642
|
vars: {
|
|
1639
1643
|
default: string;
|
|
1640
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1644
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1641
1645
|
};
|
|
1642
1646
|
};
|
|
1643
1647
|
right: {
|
|
1644
1648
|
dynamic: {
|
|
1645
1649
|
default: string;
|
|
1646
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1650
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1647
1651
|
};
|
|
1648
1652
|
dynamicScale: true;
|
|
1649
1653
|
name: "right";
|
|
1650
1654
|
vars: {
|
|
1651
1655
|
default: string;
|
|
1652
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1656
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1653
1657
|
};
|
|
1654
1658
|
};
|
|
1655
1659
|
top: {
|
|
1656
1660
|
dynamic: {
|
|
1657
1661
|
default: string;
|
|
1658
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1662
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1659
1663
|
};
|
|
1660
1664
|
dynamicScale: true;
|
|
1661
1665
|
name: "top";
|
|
1662
1666
|
vars: {
|
|
1663
1667
|
default: string;
|
|
1664
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1668
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1665
1669
|
};
|
|
1666
1670
|
};
|
|
1667
1671
|
flex: {
|
|
1668
1672
|
dynamic: {
|
|
1669
1673
|
default: string;
|
|
1670
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1674
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1671
1675
|
};
|
|
1672
1676
|
dynamicScale: true;
|
|
1673
1677
|
name: "flex";
|
|
1674
1678
|
vars: {
|
|
1675
1679
|
default: string;
|
|
1676
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1680
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1677
1681
|
};
|
|
1678
1682
|
};
|
|
1679
1683
|
gridTemplateAreas: {
|
|
1680
1684
|
dynamic: {
|
|
1681
1685
|
default: string;
|
|
1682
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1686
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1683
1687
|
};
|
|
1684
1688
|
dynamicScale: true;
|
|
1685
1689
|
name: "gridTemplateAreas";
|
|
1686
1690
|
vars: {
|
|
1687
1691
|
default: string;
|
|
1688
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1692
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1689
1693
|
};
|
|
1690
1694
|
};
|
|
1691
1695
|
gridTemplateColumns: {
|
|
1692
1696
|
dynamic: {
|
|
1693
1697
|
default: string;
|
|
1694
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1698
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1695
1699
|
};
|
|
1696
1700
|
dynamicScale: true;
|
|
1697
1701
|
name: "gridTemplateColumns";
|
|
1698
1702
|
vars: {
|
|
1699
1703
|
default: string;
|
|
1700
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1704
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1701
1705
|
};
|
|
1702
1706
|
};
|
|
1703
1707
|
gridTemplateRows: {
|
|
1704
1708
|
dynamic: {
|
|
1705
1709
|
default: string;
|
|
1706
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1710
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1707
1711
|
};
|
|
1708
1712
|
dynamicScale: true;
|
|
1709
1713
|
name: "gridTemplateRows";
|
|
1710
1714
|
vars: {
|
|
1711
1715
|
default: string;
|
|
1712
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1716
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1713
1717
|
};
|
|
1714
1718
|
};
|
|
1715
1719
|
gridArea: {
|
|
1716
1720
|
dynamic: {
|
|
1717
1721
|
default: string;
|
|
1718
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1722
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1719
1723
|
};
|
|
1720
1724
|
dynamicScale: true;
|
|
1721
1725
|
name: "gridArea";
|
|
1722
1726
|
vars: {
|
|
1723
1727
|
default: string;
|
|
1724
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1728
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1725
1729
|
};
|
|
1726
1730
|
};
|
|
1727
1731
|
flexShrink: {
|
|
1728
1732
|
dynamic: {
|
|
1729
1733
|
default: string;
|
|
1730
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1734
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1731
1735
|
};
|
|
1732
1736
|
dynamicScale: true;
|
|
1733
1737
|
name: "flexShrink";
|
|
1734
1738
|
vars: {
|
|
1735
1739
|
default: string;
|
|
1736
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1740
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1737
1741
|
};
|
|
1738
1742
|
};
|
|
1739
1743
|
flexGrow: {
|
|
1740
1744
|
dynamic: {
|
|
1741
1745
|
default: string;
|
|
1742
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1746
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1743
1747
|
};
|
|
1744
1748
|
dynamicScale: true;
|
|
1745
1749
|
name: "flexGrow";
|
|
1746
1750
|
vars: {
|
|
1747
1751
|
default: string;
|
|
1748
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1752
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1749
1753
|
};
|
|
1750
1754
|
};
|
|
1751
1755
|
order: {
|
|
1752
1756
|
dynamic: {
|
|
1753
1757
|
default: string;
|
|
1754
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1758
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1755
1759
|
};
|
|
1756
1760
|
dynamicScale: true;
|
|
1757
1761
|
name: "order";
|
|
1758
1762
|
vars: {
|
|
1759
1763
|
default: string;
|
|
1760
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1764
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1761
1765
|
};
|
|
1762
1766
|
};
|
|
1763
1767
|
transitionDelay: {
|
|
1764
1768
|
dynamic: {
|
|
1765
1769
|
default: string;
|
|
1766
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1770
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1767
1771
|
};
|
|
1768
1772
|
dynamicScale: true;
|
|
1769
1773
|
name: "transitionDelay";
|
|
1770
1774
|
vars: {
|
|
1771
1775
|
default: string;
|
|
1772
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1776
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1773
1777
|
};
|
|
1774
1778
|
};
|
|
1775
1779
|
transitionProperty: {
|
|
1776
1780
|
dynamic: {
|
|
1777
1781
|
default: string;
|
|
1778
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1782
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1779
1783
|
};
|
|
1780
1784
|
dynamicScale: true;
|
|
1781
1785
|
name: "transitionProperty";
|
|
1782
1786
|
vars: {
|
|
1783
1787
|
default: string;
|
|
1784
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1788
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1785
1789
|
};
|
|
1786
1790
|
};
|
|
1787
1791
|
backgroundImage: {
|
|
1788
1792
|
dynamic: {
|
|
1789
1793
|
default: string;
|
|
1790
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1794
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1791
1795
|
};
|
|
1792
1796
|
dynamicScale: true;
|
|
1793
1797
|
name: "backgroundImage";
|
|
1794
1798
|
vars: {
|
|
1795
1799
|
default: string;
|
|
1796
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1800
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1797
1801
|
};
|
|
1798
1802
|
};
|
|
1799
1803
|
backgroundPosition: {
|
|
1800
1804
|
dynamic: {
|
|
1801
1805
|
default: string;
|
|
1802
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1806
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1803
1807
|
};
|
|
1804
1808
|
dynamicScale: true;
|
|
1805
1809
|
name: "backgroundPosition";
|
|
1806
1810
|
vars: {
|
|
1807
1811
|
default: string;
|
|
1808
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1812
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1809
1813
|
};
|
|
1810
1814
|
};
|
|
1811
1815
|
backgroundBlendMode: {
|
|
1812
1816
|
dynamic: {
|
|
1813
1817
|
default: string;
|
|
1814
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1818
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1815
1819
|
};
|
|
1816
1820
|
dynamicScale: true;
|
|
1817
1821
|
name: "backgroundBlendMode";
|
|
1818
1822
|
vars: {
|
|
1819
1823
|
default: string;
|
|
1820
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1824
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1821
1825
|
};
|
|
1822
1826
|
};
|
|
1823
1827
|
backgroundRepeat: {
|
|
1824
1828
|
dynamic: {
|
|
1825
1829
|
default: string;
|
|
1826
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1830
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1827
1831
|
};
|
|
1828
1832
|
dynamicScale: true;
|
|
1829
1833
|
name: "backgroundRepeat";
|
|
1830
1834
|
vars: {
|
|
1831
1835
|
default: string;
|
|
1832
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1836
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1833
1837
|
};
|
|
1834
1838
|
};
|
|
1835
1839
|
backgroundSize: {
|
|
1836
1840
|
dynamic: {
|
|
1837
1841
|
default: string;
|
|
1838
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1842
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1839
1843
|
};
|
|
1840
1844
|
dynamicScale: true;
|
|
1841
1845
|
name: "backgroundSize";
|
|
1842
1846
|
vars: {
|
|
1843
1847
|
default: string;
|
|
1844
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1848
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1845
1849
|
};
|
|
1846
1850
|
};
|
|
1847
1851
|
transitionDuration: {
|
|
1848
1852
|
dynamic: {
|
|
1849
1853
|
default: string;
|
|
1850
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1854
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1851
1855
|
};
|
|
1852
1856
|
dynamicScale: {
|
|
1853
1857
|
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1858,13 +1862,13 @@ export declare const box: {
|
|
|
1858
1862
|
name: "transitionDuration";
|
|
1859
1863
|
vars: {
|
|
1860
1864
|
default: string;
|
|
1861
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1865
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1862
1866
|
};
|
|
1863
1867
|
};
|
|
1864
1868
|
background: {
|
|
1865
1869
|
dynamic: {
|
|
1866
1870
|
default: string;
|
|
1867
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1871
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1868
1872
|
};
|
|
1869
1873
|
dynamicScale: {
|
|
1870
1874
|
"ai-generative-interactive-border": string;
|
|
@@ -1874,13 +1878,13 @@ export declare const box: {
|
|
|
1874
1878
|
name: "background";
|
|
1875
1879
|
vars: {
|
|
1876
1880
|
default: string;
|
|
1877
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1881
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1878
1882
|
};
|
|
1879
1883
|
};
|
|
1880
1884
|
backgroundColor: {
|
|
1881
1885
|
dynamic: {
|
|
1882
1886
|
default: string;
|
|
1883
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1887
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1884
1888
|
};
|
|
1885
1889
|
dynamicScale: {
|
|
1886
1890
|
"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1913,13 +1917,13 @@ export declare const box: {
|
|
|
1913
1917
|
name: "backgroundColor";
|
|
1914
1918
|
vars: {
|
|
1915
1919
|
default: string;
|
|
1916
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1920
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1917
1921
|
};
|
|
1918
1922
|
};
|
|
1919
1923
|
borderColor: {
|
|
1920
1924
|
dynamic: {
|
|
1921
1925
|
default: string;
|
|
1922
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1926
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1923
1927
|
};
|
|
1924
1928
|
dynamicScale: {
|
|
1925
1929
|
"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1943,13 +1947,13 @@ export declare const box: {
|
|
|
1943
1947
|
name: "borderColor";
|
|
1944
1948
|
vars: {
|
|
1945
1949
|
default: string;
|
|
1946
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1950
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1947
1951
|
};
|
|
1948
1952
|
};
|
|
1949
1953
|
borderRadius: {
|
|
1950
1954
|
dynamic: {
|
|
1951
1955
|
default: string;
|
|
1952
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1956
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1953
1957
|
};
|
|
1954
1958
|
dynamicScale: {
|
|
1955
1959
|
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1967,13 +1971,13 @@ export declare const box: {
|
|
|
1967
1971
|
name: "borderRadius";
|
|
1968
1972
|
vars: {
|
|
1969
1973
|
default: string;
|
|
1970
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1974
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1971
1975
|
};
|
|
1972
1976
|
};
|
|
1973
1977
|
borderWidth: {
|
|
1974
1978
|
dynamic: {
|
|
1975
1979
|
default: string;
|
|
1976
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1980
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1977
1981
|
};
|
|
1978
1982
|
dynamicScale: {
|
|
1979
1983
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1986,13 +1990,13 @@ export declare const box: {
|
|
|
1986
1990
|
name: "borderWidth";
|
|
1987
1991
|
vars: {
|
|
1988
1992
|
default: string;
|
|
1989
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1993
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1990
1994
|
};
|
|
1991
1995
|
};
|
|
1992
1996
|
borderTopWidth: {
|
|
1993
1997
|
dynamic: {
|
|
1994
1998
|
default: string;
|
|
1995
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
1999
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
1996
2000
|
};
|
|
1997
2001
|
dynamicScale: {
|
|
1998
2002
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2005,13 +2009,13 @@ export declare const box: {
|
|
|
2005
2009
|
name: "borderTopWidth";
|
|
2006
2010
|
vars: {
|
|
2007
2011
|
default: string;
|
|
2008
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2012
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2009
2013
|
};
|
|
2010
2014
|
};
|
|
2011
2015
|
borderBottomWidth: {
|
|
2012
2016
|
dynamic: {
|
|
2013
2017
|
default: string;
|
|
2014
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2018
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2015
2019
|
};
|
|
2016
2020
|
dynamicScale: {
|
|
2017
2021
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2024,13 +2028,13 @@ export declare const box: {
|
|
|
2024
2028
|
name: "borderBottomWidth";
|
|
2025
2029
|
vars: {
|
|
2026
2030
|
default: string;
|
|
2027
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2031
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2028
2032
|
};
|
|
2029
2033
|
};
|
|
2030
2034
|
borderLeftWidth: {
|
|
2031
2035
|
dynamic: {
|
|
2032
2036
|
default: string;
|
|
2033
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2037
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2034
2038
|
};
|
|
2035
2039
|
dynamicScale: {
|
|
2036
2040
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2043,13 +2047,13 @@ export declare const box: {
|
|
|
2043
2047
|
name: "borderLeftWidth";
|
|
2044
2048
|
vars: {
|
|
2045
2049
|
default: string;
|
|
2046
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2050
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2047
2051
|
};
|
|
2048
2052
|
};
|
|
2049
2053
|
borderRightWidth: {
|
|
2050
2054
|
dynamic: {
|
|
2051
2055
|
default: string;
|
|
2052
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2056
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2053
2057
|
};
|
|
2054
2058
|
dynamicScale: {
|
|
2055
2059
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2062,13 +2066,13 @@ export declare const box: {
|
|
|
2062
2066
|
name: "borderRightWidth";
|
|
2063
2067
|
vars: {
|
|
2064
2068
|
default: string;
|
|
2065
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2069
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2066
2070
|
};
|
|
2067
2071
|
};
|
|
2068
2072
|
boxShadow: {
|
|
2069
2073
|
dynamic: {
|
|
2070
2074
|
default: string;
|
|
2071
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2075
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2072
2076
|
};
|
|
2073
2077
|
dynamicScale: {
|
|
2074
2078
|
"0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2083,13 +2087,13 @@ export declare const box: {
|
|
|
2083
2087
|
name: "boxShadow";
|
|
2084
2088
|
vars: {
|
|
2085
2089
|
default: string;
|
|
2086
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2090
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2087
2091
|
};
|
|
2088
2092
|
};
|
|
2089
2093
|
padding: {
|
|
2090
2094
|
dynamic: {
|
|
2091
2095
|
default: string;
|
|
2092
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2096
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2093
2097
|
};
|
|
2094
2098
|
dynamicScale: {
|
|
2095
2099
|
none: string;
|
|
@@ -2118,13 +2122,13 @@ export declare const box: {
|
|
|
2118
2122
|
name: "padding";
|
|
2119
2123
|
vars: {
|
|
2120
2124
|
default: string;
|
|
2121
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2125
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2122
2126
|
};
|
|
2123
2127
|
};
|
|
2124
2128
|
paddingTop: {
|
|
2125
2129
|
dynamic: {
|
|
2126
2130
|
default: string;
|
|
2127
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2131
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2128
2132
|
};
|
|
2129
2133
|
dynamicScale: {
|
|
2130
2134
|
none: string;
|
|
@@ -2153,13 +2157,13 @@ export declare const box: {
|
|
|
2153
2157
|
name: "paddingTop";
|
|
2154
2158
|
vars: {
|
|
2155
2159
|
default: string;
|
|
2156
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2160
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2157
2161
|
};
|
|
2158
2162
|
};
|
|
2159
2163
|
paddingBottom: {
|
|
2160
2164
|
dynamic: {
|
|
2161
2165
|
default: string;
|
|
2162
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2166
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2163
2167
|
};
|
|
2164
2168
|
dynamicScale: {
|
|
2165
2169
|
none: string;
|
|
@@ -2188,13 +2192,13 @@ export declare const box: {
|
|
|
2188
2192
|
name: "paddingBottom";
|
|
2189
2193
|
vars: {
|
|
2190
2194
|
default: string;
|
|
2191
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2195
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2192
2196
|
};
|
|
2193
2197
|
};
|
|
2194
2198
|
paddingLeft: {
|
|
2195
2199
|
dynamic: {
|
|
2196
2200
|
default: string;
|
|
2197
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2201
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2198
2202
|
};
|
|
2199
2203
|
dynamicScale: {
|
|
2200
2204
|
none: string;
|
|
@@ -2223,13 +2227,13 @@ export declare const box: {
|
|
|
2223
2227
|
name: "paddingLeft";
|
|
2224
2228
|
vars: {
|
|
2225
2229
|
default: string;
|
|
2226
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2230
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2227
2231
|
};
|
|
2228
2232
|
};
|
|
2229
2233
|
paddingRight: {
|
|
2230
2234
|
dynamic: {
|
|
2231
2235
|
default: string;
|
|
2232
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2236
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2233
2237
|
};
|
|
2234
2238
|
dynamicScale: {
|
|
2235
2239
|
none: string;
|
|
@@ -2258,13 +2262,13 @@ export declare const box: {
|
|
|
2258
2262
|
name: "paddingRight";
|
|
2259
2263
|
vars: {
|
|
2260
2264
|
default: string;
|
|
2261
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2265
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2262
2266
|
};
|
|
2263
2267
|
};
|
|
2264
2268
|
margin: {
|
|
2265
2269
|
dynamic: {
|
|
2266
2270
|
default: string;
|
|
2267
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2271
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2268
2272
|
};
|
|
2269
2273
|
dynamicScale: {
|
|
2270
2274
|
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2294,13 +2298,13 @@ export declare const box: {
|
|
|
2294
2298
|
name: "margin";
|
|
2295
2299
|
vars: {
|
|
2296
2300
|
default: string;
|
|
2297
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2301
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2298
2302
|
};
|
|
2299
2303
|
};
|
|
2300
2304
|
marginTop: {
|
|
2301
2305
|
dynamic: {
|
|
2302
2306
|
default: string;
|
|
2303
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2307
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2304
2308
|
};
|
|
2305
2309
|
dynamicScale: {
|
|
2306
2310
|
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2330,13 +2334,13 @@ export declare const box: {
|
|
|
2330
2334
|
name: "marginTop";
|
|
2331
2335
|
vars: {
|
|
2332
2336
|
default: string;
|
|
2333
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2337
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2334
2338
|
};
|
|
2335
2339
|
};
|
|
2336
2340
|
marginBottom: {
|
|
2337
2341
|
dynamic: {
|
|
2338
2342
|
default: string;
|
|
2339
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2343
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2340
2344
|
};
|
|
2341
2345
|
dynamicScale: {
|
|
2342
2346
|
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2366,13 +2370,13 @@ export declare const box: {
|
|
|
2366
2370
|
name: "marginBottom";
|
|
2367
2371
|
vars: {
|
|
2368
2372
|
default: string;
|
|
2369
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2373
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2370
2374
|
};
|
|
2371
2375
|
};
|
|
2372
2376
|
marginLeft: {
|
|
2373
2377
|
dynamic: {
|
|
2374
2378
|
default: string;
|
|
2375
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2379
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2376
2380
|
};
|
|
2377
2381
|
dynamicScale: {
|
|
2378
2382
|
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2402,13 +2406,13 @@ export declare const box: {
|
|
|
2402
2406
|
name: "marginLeft";
|
|
2403
2407
|
vars: {
|
|
2404
2408
|
default: string;
|
|
2405
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2409
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2406
2410
|
};
|
|
2407
2411
|
};
|
|
2408
2412
|
marginRight: {
|
|
2409
2413
|
dynamic: {
|
|
2410
2414
|
default: string;
|
|
2411
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2415
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2412
2416
|
};
|
|
2413
2417
|
dynamicScale: {
|
|
2414
2418
|
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2438,13 +2442,13 @@ export declare const box: {
|
|
|
2438
2442
|
name: "marginRight";
|
|
2439
2443
|
vars: {
|
|
2440
2444
|
default: string;
|
|
2441
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2445
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2442
2446
|
};
|
|
2443
2447
|
};
|
|
2444
2448
|
gap: {
|
|
2445
2449
|
dynamic: {
|
|
2446
2450
|
default: string;
|
|
2447
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2451
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2448
2452
|
};
|
|
2449
2453
|
dynamicScale: {
|
|
2450
2454
|
none: string;
|
|
@@ -2473,13 +2477,13 @@ export declare const box: {
|
|
|
2473
2477
|
name: "gap";
|
|
2474
2478
|
vars: {
|
|
2475
2479
|
default: string;
|
|
2476
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2480
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2477
2481
|
};
|
|
2478
2482
|
};
|
|
2479
2483
|
gridGap: {
|
|
2480
2484
|
dynamic: {
|
|
2481
2485
|
default: string;
|
|
2482
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2486
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2483
2487
|
};
|
|
2484
2488
|
dynamicScale: {
|
|
2485
2489
|
none: string;
|
|
@@ -2508,13 +2512,13 @@ export declare const box: {
|
|
|
2508
2512
|
name: "gridGap";
|
|
2509
2513
|
vars: {
|
|
2510
2514
|
default: string;
|
|
2511
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2515
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2512
2516
|
};
|
|
2513
2517
|
};
|
|
2514
2518
|
color: {
|
|
2515
2519
|
dynamic: {
|
|
2516
2520
|
default: string;
|
|
2517
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2521
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2518
2522
|
};
|
|
2519
2523
|
dynamicScale: {
|
|
2520
2524
|
currentColor: string;
|
|
@@ -2548,13 +2552,13 @@ export declare const box: {
|
|
|
2548
2552
|
name: "color";
|
|
2549
2553
|
vars: {
|
|
2550
2554
|
default: string;
|
|
2551
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2555
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2552
2556
|
};
|
|
2553
2557
|
};
|
|
2554
2558
|
zIndex: {
|
|
2555
2559
|
dynamic: {
|
|
2556
2560
|
default: string;
|
|
2557
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2561
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2558
2562
|
};
|
|
2559
2563
|
dynamicScale: {
|
|
2560
2564
|
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2570,7 +2574,7 @@ export declare const box: {
|
|
|
2570
2574
|
name: "zIndex";
|
|
2571
2575
|
vars: {
|
|
2572
2576
|
default: string;
|
|
2573
|
-
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
|
|
2577
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
|
|
2574
2578
|
};
|
|
2575
2579
|
};
|
|
2576
2580
|
};
|