@nimbus-ds/styles 9.1.0 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +485 -10
  4. package/dist/index.js +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -85,9 +85,7 @@ declare const propertiesBox: {
85
85
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
86
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
87
  };
88
- display: Display[]; /**
89
- * The borderBottomWidth property defines the width of the border at the bottom of a box.
90
- */
88
+ display: Display[];
91
89
  flexDirection: FlexDirection[];
92
90
  flexWrap: FlexWrap[];
93
91
  justifyContent: JustifyContent[];
@@ -112,9 +110,7 @@ declare const propertiesBox: {
112
110
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
111
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
112
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
- "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
116
- * The bottom property participates in setting the vertical position of a positioned box.
117
- */
113
+ "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
114
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
115
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
116
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -140,9 +136,7 @@ declare const propertiesBox: {
140
136
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
137
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
142
138
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
143
- "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
144
- * The bottom property participates in setting the vertical position of a positioned box.
145
- */
139
+ "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
140
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
141
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
142
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -268,10 +262,76 @@ declare const propertiesBox: {
268
262
  "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
269
263
  "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
270
264
  "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
271
- "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
265
+ "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
266
+ * The pointerEvents property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.
267
+ */
272
268
  "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
273
269
  "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
274
270
  };
271
+ textAlign: TextAlign[];
272
+ fontWeight: {
273
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
274
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
275
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
276
+ };
277
+ fontSize: {
278
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
279
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
280
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
281
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
282
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
283
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
284
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
285
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
286
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
287
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
288
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
289
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
290
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
291
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
292
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
293
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
294
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
295
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
296
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
297
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
298
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
299
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
300
+ h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
301
+ h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
302
+ h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
303
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
304
+ h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
305
+ };
306
+ lineHeight: {
307
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
308
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
309
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
310
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
311
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
312
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
313
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
314
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
316
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
317
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
318
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
319
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
320
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
321
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
325
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
326
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
327
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
328
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
329
+ h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
330
+ h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
331
+ h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
332
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
333
+ h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
334
+ };
275
335
  };
276
336
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
277
337
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -285,6 +345,9 @@ export type BoxGapProperties = keyof typeof propertiesBox.gap;
285
345
  export type BoxGridGapProperties = keyof typeof propertiesBox.gridGap;
286
346
  export type BoxZIndexProperties = keyof typeof propertiesBox.zIndex;
287
347
  export type BoxTransitionDurationProperties = keyof typeof propertiesBox.transitionDuration;
348
+ export type BoxFontSizeProperties = keyof typeof propertiesBox.fontSize;
349
+ export type BoxFontWeightProperties = keyof typeof propertiesBox.fontWeight;
350
+ export type BoxLineHeightProperties = keyof typeof propertiesBox.lineHeight;
288
351
  export interface BoxConditions<T> extends Conditions<T> {
289
352
  focus?: T;
290
353
  focusWithin?: T;
@@ -643,6 +706,26 @@ export interface BoxSprinkle {
643
706
  * The marginY property defines the margin area on the top and bottom of a box
644
707
  */
645
708
  marginY?: BoxMarginProperties | BoxConditions<BoxMarginProperties>;
709
+ /**
710
+ * The fontSize property sets the size of the box.
711
+ * @default base
712
+ */
713
+ fontSize?: BoxFontSizeProperties | BoxConditions<BoxFontSizeProperties>;
714
+ /**
715
+ * The fontWeight property sets how thick or thin characters in box should be displayed.
716
+ * @default regular
717
+ */
718
+ fontWeight?: BoxFontWeightProperties | BoxConditions<BoxFontWeightProperties>;
719
+ /**
720
+ * The lineHeight property specifies the line height of the box.
721
+ * @default base
722
+ */
723
+ lineHeight?: BoxLineHeightProperties | BoxConditions<BoxLineHeightProperties>;
724
+ /**
725
+ * The textAlign property specifies the horizontal alignment of box.
726
+ * @default left
727
+ */
728
+ textAlign?: TextAlign | BoxConditions<TextAlign>;
646
729
  }
647
730
  export declare const box: {
648
731
  sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
@@ -1060,6 +1143,334 @@ export declare const box: {
1060
1143
  staticScale: TextDecoration[];
1061
1144
  name: "textDecoration";
1062
1145
  };
1146
+ lineHeight: {
1147
+ values: {
1148
+ h1: {
1149
+ default: string;
1150
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1151
+ };
1152
+ h2: {
1153
+ default: string;
1154
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1155
+ };
1156
+ h3: {
1157
+ default: string;
1158
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1159
+ };
1160
+ h4: {
1161
+ default: string;
1162
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1163
+ };
1164
+ h5: {
1165
+ default: string;
1166
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1167
+ };
1168
+ h6: {
1169
+ default: string;
1170
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1171
+ };
1172
+ 1: {
1173
+ default: string;
1174
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1175
+ };
1176
+ 2: {
1177
+ default: string;
1178
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1179
+ };
1180
+ 3: {
1181
+ default: string;
1182
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1183
+ };
1184
+ 4: {
1185
+ default: string;
1186
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1187
+ };
1188
+ 5: {
1189
+ default: string;
1190
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1191
+ };
1192
+ "0-5": {
1193
+ default: string;
1194
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1195
+ };
1196
+ 6: {
1197
+ default: string;
1198
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1199
+ };
1200
+ "1-5": {
1201
+ default: string;
1202
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1203
+ };
1204
+ "2-5": {
1205
+ default: string;
1206
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1207
+ };
1208
+ "3-5": {
1209
+ default: string;
1210
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1211
+ };
1212
+ "4-5": {
1213
+ default: string;
1214
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1215
+ };
1216
+ 7: {
1217
+ default: string;
1218
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1219
+ };
1220
+ 8: {
1221
+ default: string;
1222
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1223
+ };
1224
+ 9: {
1225
+ default: string;
1226
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1227
+ };
1228
+ 10: {
1229
+ default: string;
1230
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1231
+ };
1232
+ 11: {
1233
+ default: string;
1234
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1235
+ };
1236
+ 12: {
1237
+ default: string;
1238
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1239
+ };
1240
+ 14: {
1241
+ default: string;
1242
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1243
+ };
1244
+ 16: {
1245
+ default: string;
1246
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1247
+ };
1248
+ 18: {
1249
+ default: string;
1250
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1251
+ };
1252
+ 20: {
1253
+ default: string;
1254
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1255
+ };
1256
+ };
1257
+ staticScale: {
1258
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1259
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1260
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1261
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1262
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1263
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1264
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1265
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1266
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1267
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1268
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1269
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1270
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1271
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1272
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1273
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1274
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1275
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1276
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1277
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1278
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1279
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1280
+ h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1281
+ h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1282
+ h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1283
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1284
+ h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1285
+ };
1286
+ name: "lineHeight";
1287
+ };
1288
+ fontWeight: {
1289
+ values: {
1290
+ regular: {
1291
+ default: string;
1292
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1293
+ };
1294
+ medium: {
1295
+ default: string;
1296
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1297
+ };
1298
+ bold: {
1299
+ default: string;
1300
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1301
+ };
1302
+ };
1303
+ staticScale: {
1304
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1305
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1306
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1307
+ };
1308
+ name: "fontWeight";
1309
+ };
1310
+ fontSize: {
1311
+ values: {
1312
+ h1: {
1313
+ default: string;
1314
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1315
+ };
1316
+ h2: {
1317
+ default: string;
1318
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1319
+ };
1320
+ h3: {
1321
+ default: string;
1322
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1323
+ };
1324
+ h4: {
1325
+ default: string;
1326
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1327
+ };
1328
+ h5: {
1329
+ default: string;
1330
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1331
+ };
1332
+ h6: {
1333
+ default: string;
1334
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1335
+ };
1336
+ 1: {
1337
+ default: string;
1338
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1339
+ };
1340
+ 2: {
1341
+ default: string;
1342
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1343
+ };
1344
+ 3: {
1345
+ default: string;
1346
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1347
+ };
1348
+ 4: {
1349
+ default: string;
1350
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1351
+ };
1352
+ 5: {
1353
+ default: string;
1354
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1355
+ };
1356
+ "0-5": {
1357
+ default: string;
1358
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1359
+ };
1360
+ 6: {
1361
+ default: string;
1362
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1363
+ };
1364
+ "1-5": {
1365
+ default: string;
1366
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1367
+ };
1368
+ "2-5": {
1369
+ default: string;
1370
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1371
+ };
1372
+ "3-5": {
1373
+ default: string;
1374
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1375
+ };
1376
+ "4-5": {
1377
+ default: string;
1378
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1379
+ };
1380
+ 7: {
1381
+ default: string;
1382
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1383
+ };
1384
+ 8: {
1385
+ default: string;
1386
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1387
+ };
1388
+ 9: {
1389
+ default: string;
1390
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1391
+ };
1392
+ 10: {
1393
+ default: string;
1394
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1395
+ };
1396
+ 11: {
1397
+ default: string;
1398
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1399
+ };
1400
+ 12: {
1401
+ default: string;
1402
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1403
+ };
1404
+ 14: {
1405
+ default: string;
1406
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1407
+ };
1408
+ 16: {
1409
+ default: string;
1410
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1411
+ };
1412
+ 18: {
1413
+ default: string;
1414
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1415
+ };
1416
+ 20: {
1417
+ default: string;
1418
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1419
+ };
1420
+ };
1421
+ staticScale: {
1422
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1423
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1424
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1425
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1426
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1427
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1428
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1429
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1430
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1431
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1432
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1433
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1434
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1435
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1436
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1437
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1438
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1439
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1440
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1441
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1442
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1443
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1444
+ h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1445
+ h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1446
+ h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1447
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1448
+ h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1449
+ };
1450
+ name: "fontSize";
1451
+ };
1452
+ textAlign: {
1453
+ values: {
1454
+ center: {
1455
+ default: string;
1456
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1457
+ };
1458
+ left: {
1459
+ default: string;
1460
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1461
+ };
1462
+ right: {
1463
+ default: string;
1464
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1465
+ };
1466
+ justify: {
1467
+ default: string;
1468
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1469
+ };
1470
+ };
1471
+ staticScale: TextAlign[];
1472
+ name: "textAlign";
1473
+ };
1063
1474
  };
1064
1475
  } & {
1065
1476
  config: {
@@ -2373,6 +2784,70 @@ export declare const box: {
2373
2784
  "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2374
2785
  "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2375
2786
  };
2787
+ textAlign: TextAlign[];
2788
+ fontWeight: {
2789
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2790
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2791
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2792
+ };
2793
+ fontSize: {
2794
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2795
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2796
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2797
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2798
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2799
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2800
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2801
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2802
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2803
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2804
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2805
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2806
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2807
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2808
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2809
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2810
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2811
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2812
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2813
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2814
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2815
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2816
+ h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2817
+ h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2818
+ h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2819
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2820
+ h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2821
+ };
2822
+ lineHeight: {
2823
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2824
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2825
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2826
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2827
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2828
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2829
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2830
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2831
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2832
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2833
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2834
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2835
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2836
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2837
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2838
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2839
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2840
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2841
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2842
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2843
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2844
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2845
+ h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2846
+ h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2847
+ h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2848
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2849
+ h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2850
+ };
2376
2851
  };
2377
2852
  };
2378
2853
  export declare const button: {