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