@react95/core 9.6.1 → 9.6.3-alpha.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 (48) hide show
  1. package/cjs/Button/Button.cjs +12 -13
  2. package/cjs/Frame/Frame.cjs +4 -4
  3. package/cjs/List/List.cjs +4 -2
  4. package/cjs/List/ListDivider.cjs +12 -2
  5. package/cjs/List/ListItem.cjs +14 -3
  6. package/cjs/TitleBar/TitleBar.cjs +44 -47
  7. package/cjs/TitleBar/TitleBar.css.cjs +2 -0
  8. package/cjs/TitleBar/TitleBar.css.ts.vanilla.css +3 -0
  9. package/cjs/Video/Video.cjs +0 -1
  10. package/cjs/themes/azureOrange.css.cjs +0 -1
  11. package/cjs/themes/contract.css.cjs +1 -0
  12. package/esm/Button/Button.mjs +12 -13
  13. package/esm/Frame/Frame.mjs +5 -5
  14. package/esm/List/List.mjs +6 -4
  15. package/esm/List/ListDivider.mjs +14 -4
  16. package/esm/List/ListItem.mjs +16 -5
  17. package/esm/TitleBar/TitleBar.css.mjs +2 -0
  18. package/esm/TitleBar/TitleBar.css.ts.vanilla.css +3 -0
  19. package/esm/TitleBar/TitleBar.mjs +45 -48
  20. package/esm/Video/Video.mjs +0 -1
  21. package/esm/themes/azureOrange.css.mjs +0 -1
  22. package/esm/themes/contract.css.mjs +1 -0
  23. package/package.json +3 -2
  24. package/types/Alert/Alert.d.ts +2374 -1
  25. package/types/Avatar/Avatar.d.ts +2 -2
  26. package/types/Button/Button.d.ts +3 -3
  27. package/types/Dropdown/Dropdown.d.ts +1 -1
  28. package/types/Fieldset/Fieldset.d.ts +1 -1
  29. package/types/Frame/Frame.d.ts +11 -2370
  30. package/types/GlobalStyle/GlobalStyle.css.d.ts +1 -0
  31. package/types/GlobalStyle/index.d.ts +1 -0
  32. package/types/GlobalStyle/utils.d.ts +15 -0
  33. package/types/Input/Input.d.ts +2364 -3
  34. package/types/List/List.d.ts +10 -7
  35. package/types/List/ListDivider.d.ts +6 -4
  36. package/types/List/ListItem.d.ts +9 -7
  37. package/types/Modal/Modal.d.ts +7 -10
  38. package/types/ProgressBar/ProgressBar.d.ts +2 -2
  39. package/types/Range/Range.d.ts +2364 -3
  40. package/types/Tabs/Tab.d.ts +2369 -3
  41. package/types/Tabs/Tabs.d.ts +2368 -3
  42. package/types/TaskBar/TaskBar.d.ts +2366 -3
  43. package/types/TextArea/TextArea.d.ts +2364 -3
  44. package/types/TitleBar/TitleBar.css.d.ts +1 -0
  45. package/types/TitleBar/TitleBar.d.ts +7 -2372
  46. package/types/Tree/Node.d.ts +2 -2
  47. package/types/Tree/Tree.d.ts +3 -3
  48. package/types/Video/Video.d.ts +2367 -2
@@ -1,8 +1,2371 @@
1
1
  import React from 'react';
2
- import type { ReactElement } from 'react';
2
+ import type { HTMLAttributes, ReactElement } from 'react';
3
3
  import { FrameProps } from '../Frame/Frame';
4
4
  import { List } from '../List/List';
5
5
  export type TaskBarProps = {
6
6
  list?: ReactElement<typeof List>;
7
- } & FrameProps<'div'>;
8
- export declare const TaskBar: React.ForwardRefExoticComponent<Omit<TaskBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
+ } & HTMLAttributes<HTMLDivElement> & FrameProps;
8
+ export declare const TaskBar: React.ForwardRefExoticComponent<{
9
+ list?: ReactElement<typeof List>;
10
+ } & React.HTMLAttributes<HTMLDivElement> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
11
+ readonly backgroundColor: {
12
+ dynamic: {
13
+ default: string;
14
+ };
15
+ dynamicScale: {
16
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ };
38
+ name: "backgroundColor";
39
+ vars: {
40
+ default: string;
41
+ };
42
+ };
43
+ readonly color: {
44
+ dynamic: {
45
+ default: string;
46
+ };
47
+ dynamicScale: {
48
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ };
70
+ name: "color";
71
+ vars: {
72
+ default: string;
73
+ };
74
+ };
75
+ } & {
76
+ bgColor: {
77
+ mappings: "backgroundColor"[];
78
+ };
79
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
80
+ readonly boxShadow: {
81
+ dynamic: {
82
+ default: string;
83
+ };
84
+ dynamicScale: {
85
+ out: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
+ in: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
+ };
89
+ name: "boxShadow";
90
+ vars: {
91
+ default: string;
92
+ };
93
+ };
94
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
95
+ readonly zIndex: {
96
+ dynamic: {
97
+ default: string;
98
+ };
99
+ dynamicScale: {
100
+ modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
101
+ tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
102
+ taskbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
103
+ };
104
+ name: "zIndex";
105
+ vars: {
106
+ default: string;
107
+ };
108
+ };
109
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
110
+ readonly display: {
111
+ dynamic: {
112
+ default: string;
113
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
114
+ };
115
+ dynamicScale: true;
116
+ name: "display";
117
+ vars: {
118
+ default: string;
119
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
120
+ };
121
+ };
122
+ readonly overflow: {
123
+ dynamic: {
124
+ default: string;
125
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
126
+ };
127
+ dynamicScale: true;
128
+ name: "overflow";
129
+ vars: {
130
+ default: string;
131
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
132
+ };
133
+ };
134
+ readonly boxSizing: {
135
+ dynamic: {
136
+ default: string;
137
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
138
+ };
139
+ dynamicScale: true;
140
+ name: "boxSizing";
141
+ vars: {
142
+ default: string;
143
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
144
+ };
145
+ };
146
+ readonly grid: {
147
+ dynamic: {
148
+ default: string;
149
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
150
+ };
151
+ dynamicScale: true;
152
+ name: "grid";
153
+ vars: {
154
+ default: string;
155
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
156
+ };
157
+ };
158
+ readonly gridArea: {
159
+ dynamic: {
160
+ default: string;
161
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
162
+ };
163
+ dynamicScale: true;
164
+ name: "gridArea";
165
+ vars: {
166
+ default: string;
167
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
168
+ };
169
+ };
170
+ readonly gridAutoColumns: {
171
+ dynamic: {
172
+ default: string;
173
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
174
+ };
175
+ dynamicScale: true;
176
+ name: "gridAutoColumns";
177
+ vars: {
178
+ default: string;
179
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
180
+ };
181
+ };
182
+ readonly gridAutoFlow: {
183
+ dynamic: {
184
+ default: string;
185
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
186
+ };
187
+ dynamicScale: true;
188
+ name: "gridAutoFlow";
189
+ vars: {
190
+ default: string;
191
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
192
+ };
193
+ };
194
+ readonly gridAutoRows: {
195
+ dynamic: {
196
+ default: string;
197
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
198
+ };
199
+ dynamicScale: true;
200
+ name: "gridAutoRows";
201
+ vars: {
202
+ default: string;
203
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
204
+ };
205
+ };
206
+ readonly gridColumn: {
207
+ dynamic: {
208
+ default: string;
209
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
210
+ };
211
+ dynamicScale: true;
212
+ name: "gridColumn";
213
+ vars: {
214
+ default: string;
215
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
216
+ };
217
+ };
218
+ readonly gridColumnEnd: {
219
+ dynamic: {
220
+ default: string;
221
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
222
+ };
223
+ dynamicScale: true;
224
+ name: "gridColumnEnd";
225
+ vars: {
226
+ default: string;
227
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
228
+ };
229
+ };
230
+ readonly gridColumnStart: {
231
+ dynamic: {
232
+ default: string;
233
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
234
+ };
235
+ dynamicScale: true;
236
+ name: "gridColumnStart";
237
+ vars: {
238
+ default: string;
239
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
240
+ };
241
+ };
242
+ readonly gridRow: {
243
+ dynamic: {
244
+ default: string;
245
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
246
+ };
247
+ dynamicScale: true;
248
+ name: "gridRow";
249
+ vars: {
250
+ default: string;
251
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
252
+ };
253
+ };
254
+ readonly gridRowEnd: {
255
+ dynamic: {
256
+ default: string;
257
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
258
+ };
259
+ dynamicScale: true;
260
+ name: "gridRowEnd";
261
+ vars: {
262
+ default: string;
263
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
264
+ };
265
+ };
266
+ readonly gridRowStart: {
267
+ dynamic: {
268
+ default: string;
269
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
270
+ };
271
+ dynamicScale: true;
272
+ name: "gridRowStart";
273
+ vars: {
274
+ default: string;
275
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
276
+ };
277
+ };
278
+ readonly gridTemplate: {
279
+ dynamic: {
280
+ default: string;
281
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
282
+ };
283
+ dynamicScale: true;
284
+ name: "gridTemplate";
285
+ vars: {
286
+ default: string;
287
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
288
+ };
289
+ };
290
+ readonly gridTemplateAreas: {
291
+ dynamic: {
292
+ default: string;
293
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
294
+ };
295
+ dynamicScale: true;
296
+ name: "gridTemplateAreas";
297
+ vars: {
298
+ default: string;
299
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
300
+ };
301
+ };
302
+ readonly gridTemplateColumns: {
303
+ dynamic: {
304
+ default: string;
305
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
306
+ };
307
+ dynamicScale: true;
308
+ name: "gridTemplateColumns";
309
+ vars: {
310
+ default: string;
311
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
312
+ };
313
+ };
314
+ readonly gridTemplateRows: {
315
+ dynamic: {
316
+ default: string;
317
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
318
+ };
319
+ dynamicScale: true;
320
+ name: "gridTemplateRows";
321
+ vars: {
322
+ default: string;
323
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
324
+ };
325
+ };
326
+ readonly flex: {
327
+ dynamic: {
328
+ default: string;
329
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
330
+ };
331
+ dynamicScale: true;
332
+ name: "flex";
333
+ vars: {
334
+ default: string;
335
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
336
+ };
337
+ };
338
+ readonly flexBasis: {
339
+ dynamic: {
340
+ default: string;
341
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
342
+ };
343
+ dynamicScale: true;
344
+ name: "flexBasis";
345
+ vars: {
346
+ default: string;
347
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
348
+ };
349
+ };
350
+ readonly flexDirection: {
351
+ dynamic: {
352
+ default: string;
353
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
354
+ };
355
+ dynamicScale: true;
356
+ name: "flexDirection";
357
+ vars: {
358
+ default: string;
359
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
360
+ };
361
+ };
362
+ readonly flexFlow: {
363
+ dynamic: {
364
+ default: string;
365
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
366
+ };
367
+ dynamicScale: true;
368
+ name: "flexFlow";
369
+ vars: {
370
+ default: string;
371
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
372
+ };
373
+ };
374
+ readonly flexGrow: {
375
+ dynamic: {
376
+ default: string;
377
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
378
+ };
379
+ dynamicScale: true;
380
+ name: "flexGrow";
381
+ vars: {
382
+ default: string;
383
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
384
+ };
385
+ };
386
+ readonly flexShrink: {
387
+ dynamic: {
388
+ default: string;
389
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
390
+ };
391
+ dynamicScale: true;
392
+ name: "flexShrink";
393
+ vars: {
394
+ default: string;
395
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
396
+ };
397
+ };
398
+ readonly flexWrap: {
399
+ dynamic: {
400
+ default: string;
401
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
402
+ };
403
+ dynamicScale: true;
404
+ name: "flexWrap";
405
+ vars: {
406
+ default: string;
407
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
408
+ };
409
+ };
410
+ readonly justifyContent: {
411
+ dynamic: {
412
+ default: string;
413
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
414
+ };
415
+ dynamicScale: true;
416
+ name: "justifyContent";
417
+ vars: {
418
+ default: string;
419
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
420
+ };
421
+ };
422
+ readonly justifyItems: {
423
+ dynamic: {
424
+ default: string;
425
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
426
+ };
427
+ dynamicScale: true;
428
+ name: "justifyItems";
429
+ vars: {
430
+ default: string;
431
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
432
+ };
433
+ };
434
+ readonly justifySelf: {
435
+ dynamic: {
436
+ default: string;
437
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
438
+ };
439
+ dynamicScale: true;
440
+ name: "justifySelf";
441
+ vars: {
442
+ default: string;
443
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
444
+ };
445
+ };
446
+ readonly alignContent: {
447
+ dynamic: {
448
+ default: string;
449
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
450
+ };
451
+ dynamicScale: true;
452
+ name: "alignContent";
453
+ vars: {
454
+ default: string;
455
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
456
+ };
457
+ };
458
+ readonly alignItems: {
459
+ dynamic: {
460
+ default: string;
461
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
462
+ };
463
+ dynamicScale: true;
464
+ name: "alignItems";
465
+ vars: {
466
+ default: string;
467
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
468
+ };
469
+ };
470
+ readonly alignSelf: {
471
+ dynamic: {
472
+ default: string;
473
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
474
+ };
475
+ dynamicScale: true;
476
+ name: "alignSelf";
477
+ vars: {
478
+ default: string;
479
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
480
+ };
481
+ };
482
+ readonly gap: {
483
+ dynamic: {
484
+ default: string;
485
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
486
+ };
487
+ dynamicScale: {
488
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
489
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
490
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
491
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
492
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
493
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
494
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
495
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
496
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
497
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
498
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
499
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
500
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
501
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
502
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
503
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
504
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
505
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
506
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
507
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
508
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
509
+ };
510
+ name: "gap";
511
+ vars: {
512
+ default: string;
513
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
514
+ };
515
+ };
516
+ readonly width: {
517
+ dynamic: {
518
+ default: string;
519
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
520
+ };
521
+ dynamicScale: {
522
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
523
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
524
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
525
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
526
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
527
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
528
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
529
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
530
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
531
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
532
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
533
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
534
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
535
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
536
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
537
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
538
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
539
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
540
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
541
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
542
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
543
+ };
544
+ name: "width";
545
+ vars: {
546
+ default: string;
547
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
548
+ };
549
+ };
550
+ readonly maxWidth: {
551
+ dynamic: {
552
+ default: string;
553
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
554
+ };
555
+ dynamicScale: {
556
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
557
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
558
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
559
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
560
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
561
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
562
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
563
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
564
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
565
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
566
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
567
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
568
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
569
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
570
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
571
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
572
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
573
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
574
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
575
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
576
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
577
+ };
578
+ name: "maxWidth";
579
+ vars: {
580
+ default: string;
581
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
582
+ };
583
+ };
584
+ readonly minWidth: {
585
+ dynamic: {
586
+ default: string;
587
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
588
+ };
589
+ dynamicScale: {
590
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
591
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
592
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
593
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
594
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
595
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
596
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
597
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
598
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
599
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
600
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
601
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
602
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
603
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
604
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
605
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
606
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
607
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
608
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
609
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
610
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
611
+ };
612
+ name: "minWidth";
613
+ vars: {
614
+ default: string;
615
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
616
+ };
617
+ };
618
+ readonly height: {
619
+ dynamic: {
620
+ default: string;
621
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
622
+ };
623
+ dynamicScale: {
624
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
625
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
626
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
627
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
628
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
629
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
630
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
631
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
632
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
633
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
634
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
635
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
636
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
637
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
638
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
639
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
640
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
641
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
642
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
643
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
644
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
645
+ };
646
+ name: "height";
647
+ vars: {
648
+ default: string;
649
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
650
+ };
651
+ };
652
+ readonly maxHeight: {
653
+ dynamic: {
654
+ default: string;
655
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
656
+ };
657
+ dynamicScale: {
658
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
659
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
660
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
661
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
662
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
663
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
664
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
665
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
666
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
667
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
668
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
669
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
670
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
671
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
672
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
673
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
674
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
675
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
676
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
677
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
678
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
679
+ };
680
+ name: "maxHeight";
681
+ vars: {
682
+ default: string;
683
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
684
+ };
685
+ };
686
+ readonly minHeight: {
687
+ dynamic: {
688
+ default: string;
689
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
690
+ };
691
+ dynamicScale: {
692
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
693
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
694
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
695
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
696
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
697
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
698
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
699
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
700
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
701
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
702
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
703
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
704
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
705
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
706
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
707
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
708
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
709
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
710
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
711
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
712
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
713
+ };
714
+ name: "minHeight";
715
+ vars: {
716
+ default: string;
717
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
718
+ };
719
+ };
720
+ readonly margin: {
721
+ dynamic: {
722
+ default: string;
723
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
724
+ };
725
+ dynamicScale: {
726
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
727
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
728
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
729
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
730
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
731
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
732
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
733
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
734
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
735
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
736
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
737
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
738
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
739
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
740
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
741
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
742
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
743
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
744
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
745
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
746
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
747
+ };
748
+ name: "margin";
749
+ vars: {
750
+ default: string;
751
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
752
+ };
753
+ };
754
+ readonly marginBlock: {
755
+ dynamic: {
756
+ default: string;
757
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
758
+ };
759
+ dynamicScale: {
760
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
761
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
762
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
763
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
764
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
765
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
766
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
767
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
768
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
769
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
770
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
771
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
772
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
773
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
774
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
775
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
776
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
777
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
778
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
779
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
780
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
781
+ };
782
+ name: "marginBlock";
783
+ vars: {
784
+ default: string;
785
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
786
+ };
787
+ };
788
+ readonly marginBlockEnd: {
789
+ dynamic: {
790
+ default: string;
791
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
792
+ };
793
+ dynamicScale: {
794
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
795
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
796
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
797
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
798
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
799
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
800
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
801
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
802
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
803
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
804
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
805
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
806
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
807
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
808
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
809
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
810
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
811
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
812
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
813
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
814
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
815
+ };
816
+ name: "marginBlockEnd";
817
+ vars: {
818
+ default: string;
819
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
820
+ };
821
+ };
822
+ readonly marginBlockStart: {
823
+ dynamic: {
824
+ default: string;
825
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
826
+ };
827
+ dynamicScale: {
828
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
829
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
830
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
831
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
832
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
833
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
834
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
835
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
836
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
837
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
838
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
839
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
840
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
841
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
842
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
843
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
844
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
845
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
846
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
847
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
848
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
849
+ };
850
+ name: "marginBlockStart";
851
+ vars: {
852
+ default: string;
853
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
854
+ };
855
+ };
856
+ readonly marginBottom: {
857
+ dynamic: {
858
+ default: string;
859
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
860
+ };
861
+ dynamicScale: {
862
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
863
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
864
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
865
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
866
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
867
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
868
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
869
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
870
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
871
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
872
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
873
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
874
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
875
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
876
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
877
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
878
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
879
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
880
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
881
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
882
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
883
+ };
884
+ name: "marginBottom";
885
+ vars: {
886
+ default: string;
887
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
888
+ };
889
+ };
890
+ readonly marginInline: {
891
+ dynamic: {
892
+ default: string;
893
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
894
+ };
895
+ dynamicScale: {
896
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
897
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
898
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
899
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
900
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
901
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
902
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
903
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
904
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
905
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
906
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
907
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
908
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
909
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
910
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
911
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
912
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
913
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
914
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
915
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
916
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
917
+ };
918
+ name: "marginInline";
919
+ vars: {
920
+ default: string;
921
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
922
+ };
923
+ };
924
+ readonly marginInlineEnd: {
925
+ dynamic: {
926
+ default: string;
927
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
928
+ };
929
+ dynamicScale: {
930
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
931
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
932
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
933
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
934
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
935
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
936
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
937
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
938
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
939
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
940
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
941
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
942
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
943
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
944
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
945
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
946
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
947
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
948
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
949
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
950
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
951
+ };
952
+ name: "marginInlineEnd";
953
+ vars: {
954
+ default: string;
955
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
956
+ };
957
+ };
958
+ readonly marginInlineStart: {
959
+ dynamic: {
960
+ default: string;
961
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
962
+ };
963
+ dynamicScale: {
964
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
965
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
966
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
967
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
968
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
969
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
970
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
971
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
972
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
973
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
974
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
975
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
976
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
977
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
978
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
979
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
980
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
981
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
982
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
983
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
984
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
985
+ };
986
+ name: "marginInlineStart";
987
+ vars: {
988
+ default: string;
989
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
990
+ };
991
+ };
992
+ readonly marginLeft: {
993
+ dynamic: {
994
+ default: string;
995
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
996
+ };
997
+ dynamicScale: {
998
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
999
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1000
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1001
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1002
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1003
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1004
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1005
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1006
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1007
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1008
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1009
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1010
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1011
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1012
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1013
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1014
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1015
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1016
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1017
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1018
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1019
+ };
1020
+ name: "marginLeft";
1021
+ vars: {
1022
+ default: string;
1023
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1024
+ };
1025
+ };
1026
+ readonly marginRight: {
1027
+ dynamic: {
1028
+ default: string;
1029
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1030
+ };
1031
+ dynamicScale: {
1032
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1033
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1034
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1035
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1036
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1037
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1038
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1039
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1040
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1041
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1042
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1043
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1044
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1045
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1046
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1047
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1048
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1049
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1050
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1051
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1052
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1053
+ };
1054
+ name: "marginRight";
1055
+ vars: {
1056
+ default: string;
1057
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1058
+ };
1059
+ };
1060
+ readonly marginTop: {
1061
+ dynamic: {
1062
+ default: string;
1063
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1064
+ };
1065
+ dynamicScale: {
1066
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1067
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1068
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1069
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1070
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1071
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1072
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1073
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1074
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1075
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1076
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1077
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1078
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1079
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1080
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1081
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1082
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1083
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1084
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1085
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1086
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1087
+ };
1088
+ name: "marginTop";
1089
+ vars: {
1090
+ default: string;
1091
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1092
+ };
1093
+ };
1094
+ readonly padding: {
1095
+ dynamic: {
1096
+ default: string;
1097
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1098
+ };
1099
+ dynamicScale: {
1100
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1101
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1102
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1103
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1104
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1105
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1106
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1107
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1108
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1109
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1110
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1111
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1112
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1113
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1114
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1115
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1116
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1117
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1118
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1119
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1120
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1121
+ };
1122
+ name: "padding";
1123
+ vars: {
1124
+ default: string;
1125
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1126
+ };
1127
+ };
1128
+ readonly paddingBlock: {
1129
+ dynamic: {
1130
+ default: string;
1131
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1132
+ };
1133
+ dynamicScale: {
1134
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1135
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1136
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1137
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1138
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1139
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1140
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1141
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1142
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1143
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1144
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1145
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1146
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1147
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1148
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1149
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1150
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1151
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1152
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1153
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1154
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1155
+ };
1156
+ name: "paddingBlock";
1157
+ vars: {
1158
+ default: string;
1159
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1160
+ };
1161
+ };
1162
+ readonly paddingBlockEnd: {
1163
+ dynamic: {
1164
+ default: string;
1165
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1166
+ };
1167
+ dynamicScale: {
1168
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1169
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1170
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1171
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1172
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1173
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1174
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1175
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1176
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1177
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1178
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1179
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1180
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1181
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1182
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1183
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1184
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1185
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1186
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1187
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1188
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1189
+ };
1190
+ name: "paddingBlockEnd";
1191
+ vars: {
1192
+ default: string;
1193
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1194
+ };
1195
+ };
1196
+ readonly paddingBlockStart: {
1197
+ dynamic: {
1198
+ default: string;
1199
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1200
+ };
1201
+ dynamicScale: {
1202
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1203
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1204
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1205
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1206
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1207
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1208
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1209
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1210
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1211
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1212
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1213
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1214
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1215
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1216
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1217
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1218
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1219
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1220
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1221
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1222
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1223
+ };
1224
+ name: "paddingBlockStart";
1225
+ vars: {
1226
+ default: string;
1227
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1228
+ };
1229
+ };
1230
+ readonly paddingBottom: {
1231
+ dynamic: {
1232
+ default: string;
1233
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1234
+ };
1235
+ dynamicScale: {
1236
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1237
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1238
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1239
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1240
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1241
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1242
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1243
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1244
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1245
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1246
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1247
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1248
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1249
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1250
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1251
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1252
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1253
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1254
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1255
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1256
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1257
+ };
1258
+ name: "paddingBottom";
1259
+ vars: {
1260
+ default: string;
1261
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1262
+ };
1263
+ };
1264
+ readonly paddingInline: {
1265
+ dynamic: {
1266
+ default: string;
1267
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1268
+ };
1269
+ dynamicScale: {
1270
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1271
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1272
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1273
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1274
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1275
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1276
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1277
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1278
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1279
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1280
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1281
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1282
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1283
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1284
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1285
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1286
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1287
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1288
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1289
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1290
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1291
+ };
1292
+ name: "paddingInline";
1293
+ vars: {
1294
+ default: string;
1295
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1296
+ };
1297
+ };
1298
+ readonly paddingInlineEnd: {
1299
+ dynamic: {
1300
+ default: string;
1301
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1302
+ };
1303
+ dynamicScale: {
1304
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1305
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1306
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1307
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1308
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1309
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1310
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1311
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1312
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1313
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1314
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1315
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1316
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1317
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1318
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1319
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1320
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1321
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1322
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1323
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1324
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1325
+ };
1326
+ name: "paddingInlineEnd";
1327
+ vars: {
1328
+ default: string;
1329
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1330
+ };
1331
+ };
1332
+ readonly paddingInlineStart: {
1333
+ dynamic: {
1334
+ default: string;
1335
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1336
+ };
1337
+ dynamicScale: {
1338
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1339
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1340
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1341
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1342
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1343
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1344
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1345
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1346
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1347
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1348
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1349
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1350
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1351
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1352
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1353
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1354
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1355
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1356
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1357
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1358
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1359
+ };
1360
+ name: "paddingInlineStart";
1361
+ vars: {
1362
+ default: string;
1363
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1364
+ };
1365
+ };
1366
+ readonly paddingLeft: {
1367
+ dynamic: {
1368
+ default: string;
1369
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1370
+ };
1371
+ dynamicScale: {
1372
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1373
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1374
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1375
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1376
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1377
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1378
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1379
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1380
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1381
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1382
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1383
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1384
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1385
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1386
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1387
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1388
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1389
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1390
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1391
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1392
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1393
+ };
1394
+ name: "paddingLeft";
1395
+ vars: {
1396
+ default: string;
1397
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1398
+ };
1399
+ };
1400
+ readonly paddingRight: {
1401
+ dynamic: {
1402
+ default: string;
1403
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1404
+ };
1405
+ dynamicScale: {
1406
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1407
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1408
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1409
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1410
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1411
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1412
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1413
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1414
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1415
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1416
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1417
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1418
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1419
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1420
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1421
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1422
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1423
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1424
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1425
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1426
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1427
+ };
1428
+ name: "paddingRight";
1429
+ vars: {
1430
+ default: string;
1431
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1432
+ };
1433
+ };
1434
+ readonly paddingTop: {
1435
+ dynamic: {
1436
+ default: string;
1437
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1438
+ };
1439
+ dynamicScale: {
1440
+ '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1441
+ '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1442
+ '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1443
+ '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1444
+ '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1445
+ '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1446
+ '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1447
+ '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1448
+ '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1449
+ '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1450
+ '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1451
+ '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1452
+ '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1453
+ '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1454
+ '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1455
+ '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1456
+ '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1457
+ '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1458
+ '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1459
+ '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1460
+ '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1461
+ };
1462
+ name: "paddingTop";
1463
+ vars: {
1464
+ default: string;
1465
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1466
+ };
1467
+ };
1468
+ } & {
1469
+ size: {
1470
+ mappings: ("height" | "width")[];
1471
+ };
1472
+ h: {
1473
+ mappings: "height"[];
1474
+ };
1475
+ w: {
1476
+ mappings: "width"[];
1477
+ };
1478
+ minH: {
1479
+ mappings: "minHeight"[];
1480
+ };
1481
+ minW: {
1482
+ mappings: "minWidth"[];
1483
+ };
1484
+ m: {
1485
+ mappings: "margin"[];
1486
+ };
1487
+ mr: {
1488
+ mappings: "marginRight"[];
1489
+ };
1490
+ ml: {
1491
+ mappings: "marginLeft"[];
1492
+ };
1493
+ mt: {
1494
+ mappings: "marginTop"[];
1495
+ };
1496
+ mb: {
1497
+ mappings: "marginBottom"[];
1498
+ };
1499
+ marginX: {
1500
+ mappings: ("marginLeft" | "marginRight")[];
1501
+ };
1502
+ marginY: {
1503
+ mappings: ("marginBottom" | "marginTop")[];
1504
+ };
1505
+ mx: {
1506
+ mappings: ("marginLeft" | "marginRight")[];
1507
+ };
1508
+ my: {
1509
+ mappings: ("marginBottom" | "marginTop")[];
1510
+ };
1511
+ p: {
1512
+ mappings: "padding"[];
1513
+ };
1514
+ pr: {
1515
+ mappings: "paddingRight"[];
1516
+ };
1517
+ pl: {
1518
+ mappings: "paddingLeft"[];
1519
+ };
1520
+ pt: {
1521
+ mappings: "paddingTop"[];
1522
+ };
1523
+ pb: {
1524
+ mappings: "paddingBottom"[];
1525
+ };
1526
+ paddingX: {
1527
+ mappings: ("paddingLeft" | "paddingRight")[];
1528
+ };
1529
+ paddingY: {
1530
+ mappings: ("paddingBottom" | "paddingTop")[];
1531
+ };
1532
+ px: {
1533
+ mappings: ("paddingLeft" | "paddingRight")[];
1534
+ };
1535
+ py: {
1536
+ mappings: ("paddingBottom" | "paddingTop")[];
1537
+ };
1538
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
1539
+ readonly position: {
1540
+ dynamic: {
1541
+ default: string;
1542
+ };
1543
+ dynamicScale: true;
1544
+ name: "position";
1545
+ vars: {
1546
+ default: string;
1547
+ };
1548
+ };
1549
+ readonly top: {
1550
+ dynamic: {
1551
+ default: string;
1552
+ };
1553
+ dynamicScale: true;
1554
+ name: "top";
1555
+ vars: {
1556
+ default: string;
1557
+ };
1558
+ };
1559
+ readonly right: {
1560
+ dynamic: {
1561
+ default: string;
1562
+ };
1563
+ dynamicScale: true;
1564
+ name: "right";
1565
+ vars: {
1566
+ default: string;
1567
+ };
1568
+ };
1569
+ readonly bottom: {
1570
+ dynamic: {
1571
+ default: string;
1572
+ };
1573
+ dynamicScale: true;
1574
+ name: "bottom";
1575
+ vars: {
1576
+ default: string;
1577
+ };
1578
+ };
1579
+ readonly left: {
1580
+ dynamic: {
1581
+ default: string;
1582
+ };
1583
+ dynamicScale: true;
1584
+ name: "left";
1585
+ vars: {
1586
+ default: string;
1587
+ };
1588
+ };
1589
+ readonly pointerEvents: {
1590
+ dynamic: {
1591
+ default: string;
1592
+ };
1593
+ dynamicScale: true;
1594
+ name: "pointerEvents";
1595
+ vars: {
1596
+ default: string;
1597
+ };
1598
+ };
1599
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
1600
+ readonly background: {
1601
+ dynamic: {
1602
+ default: string;
1603
+ };
1604
+ dynamicScale: true;
1605
+ name: "background";
1606
+ vars: {
1607
+ default: string;
1608
+ };
1609
+ };
1610
+ readonly backgroundAttachment: {
1611
+ dynamic: {
1612
+ default: string;
1613
+ };
1614
+ dynamicScale: true;
1615
+ name: "backgroundAttachment";
1616
+ vars: {
1617
+ default: string;
1618
+ };
1619
+ };
1620
+ readonly backgroundImage: {
1621
+ dynamic: {
1622
+ default: string;
1623
+ };
1624
+ dynamicScale: true;
1625
+ name: "backgroundImage";
1626
+ vars: {
1627
+ default: string;
1628
+ };
1629
+ };
1630
+ readonly backgroundPosition: {
1631
+ dynamic: {
1632
+ default: string;
1633
+ };
1634
+ dynamicScale: true;
1635
+ name: "backgroundPosition";
1636
+ vars: {
1637
+ default: string;
1638
+ };
1639
+ };
1640
+ readonly backgroundRepeat: {
1641
+ dynamic: {
1642
+ default: string;
1643
+ };
1644
+ dynamicScale: true;
1645
+ name: "backgroundRepeat";
1646
+ vars: {
1647
+ default: string;
1648
+ };
1649
+ };
1650
+ readonly backgroundSize: {
1651
+ dynamic: {
1652
+ default: string;
1653
+ };
1654
+ dynamicScale: true;
1655
+ name: "backgroundSize";
1656
+ vars: {
1657
+ default: string;
1658
+ };
1659
+ };
1660
+ readonly backgroundOrigin: {
1661
+ dynamic: {
1662
+ default: string;
1663
+ };
1664
+ dynamicScale: true;
1665
+ name: "backgroundOrigin";
1666
+ vars: {
1667
+ default: string;
1668
+ };
1669
+ };
1670
+ readonly backgroundClip: {
1671
+ dynamic: {
1672
+ default: string;
1673
+ };
1674
+ dynamicScale: true;
1675
+ name: "backgroundClip";
1676
+ vars: {
1677
+ default: string;
1678
+ };
1679
+ };
1680
+ } & {
1681
+ bg: {
1682
+ mappings: "background"[];
1683
+ };
1684
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
1685
+ readonly border: {
1686
+ dynamic: {
1687
+ default: string;
1688
+ };
1689
+ dynamicScale: true;
1690
+ name: "border";
1691
+ vars: {
1692
+ default: string;
1693
+ };
1694
+ };
1695
+ readonly borderStyle: {
1696
+ dynamic: {
1697
+ default: string;
1698
+ };
1699
+ dynamicScale: true;
1700
+ name: "borderStyle";
1701
+ vars: {
1702
+ default: string;
1703
+ };
1704
+ };
1705
+ readonly borderWidth: {
1706
+ dynamic: {
1707
+ default: string;
1708
+ };
1709
+ dynamicScale: true;
1710
+ name: "borderWidth";
1711
+ vars: {
1712
+ default: string;
1713
+ };
1714
+ };
1715
+ readonly borderColor: {
1716
+ dynamic: {
1717
+ default: string;
1718
+ };
1719
+ dynamicScale: {
1720
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1721
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1722
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1723
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1724
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1725
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1726
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1727
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1728
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1729
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1730
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1731
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1732
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1733
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1734
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1735
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1736
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1737
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1738
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1739
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1740
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1741
+ };
1742
+ name: "borderColor";
1743
+ vars: {
1744
+ default: string;
1745
+ };
1746
+ };
1747
+ readonly borderTop: {
1748
+ dynamic: {
1749
+ default: string;
1750
+ };
1751
+ dynamicScale: true;
1752
+ name: "borderTop";
1753
+ vars: {
1754
+ default: string;
1755
+ };
1756
+ };
1757
+ readonly borderTopColor: {
1758
+ dynamic: {
1759
+ default: string;
1760
+ };
1761
+ dynamicScale: {
1762
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1763
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1764
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1765
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1766
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1767
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1768
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1769
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1770
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1771
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1772
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1773
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1774
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1775
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1776
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1777
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1778
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1779
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1780
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1781
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1782
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1783
+ };
1784
+ name: "borderTopColor";
1785
+ vars: {
1786
+ default: string;
1787
+ };
1788
+ };
1789
+ readonly borderTopStyle: {
1790
+ dynamic: {
1791
+ default: string;
1792
+ };
1793
+ dynamicScale: true;
1794
+ name: "borderTopStyle";
1795
+ vars: {
1796
+ default: string;
1797
+ };
1798
+ };
1799
+ readonly borderTopWidth: {
1800
+ dynamic: {
1801
+ default: string;
1802
+ };
1803
+ dynamicScale: true;
1804
+ name: "borderTopWidth";
1805
+ vars: {
1806
+ default: string;
1807
+ };
1808
+ };
1809
+ readonly borderRight: {
1810
+ dynamic: {
1811
+ default: string;
1812
+ };
1813
+ dynamicScale: true;
1814
+ name: "borderRight";
1815
+ vars: {
1816
+ default: string;
1817
+ };
1818
+ };
1819
+ readonly borderRightColor: {
1820
+ dynamic: {
1821
+ default: string;
1822
+ };
1823
+ dynamicScale: {
1824
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1825
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1826
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1827
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1828
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1829
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1830
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1831
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1832
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1833
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1834
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1835
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1836
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1837
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1838
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1839
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1840
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1841
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1842
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1843
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1844
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1845
+ };
1846
+ name: "borderRightColor";
1847
+ vars: {
1848
+ default: string;
1849
+ };
1850
+ };
1851
+ readonly borderRightStyle: {
1852
+ dynamic: {
1853
+ default: string;
1854
+ };
1855
+ dynamicScale: true;
1856
+ name: "borderRightStyle";
1857
+ vars: {
1858
+ default: string;
1859
+ };
1860
+ };
1861
+ readonly borderRightWidth: {
1862
+ dynamic: {
1863
+ default: string;
1864
+ };
1865
+ dynamicScale: true;
1866
+ name: "borderRightWidth";
1867
+ vars: {
1868
+ default: string;
1869
+ };
1870
+ };
1871
+ readonly borderBottom: {
1872
+ dynamic: {
1873
+ default: string;
1874
+ };
1875
+ dynamicScale: true;
1876
+ name: "borderBottom";
1877
+ vars: {
1878
+ default: string;
1879
+ };
1880
+ };
1881
+ readonly borderBottomColor: {
1882
+ dynamic: {
1883
+ default: string;
1884
+ };
1885
+ dynamicScale: {
1886
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1887
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1888
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1889
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1890
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1891
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1892
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1893
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1894
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1895
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1896
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1897
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1898
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1899
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1900
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1901
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1902
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1903
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1904
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1905
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1906
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1907
+ };
1908
+ name: "borderBottomColor";
1909
+ vars: {
1910
+ default: string;
1911
+ };
1912
+ };
1913
+ readonly borderBottomStyle: {
1914
+ dynamic: {
1915
+ default: string;
1916
+ };
1917
+ dynamicScale: true;
1918
+ name: "borderBottomStyle";
1919
+ vars: {
1920
+ default: string;
1921
+ };
1922
+ };
1923
+ readonly borderBottomWidth: {
1924
+ dynamic: {
1925
+ default: string;
1926
+ };
1927
+ dynamicScale: true;
1928
+ name: "borderBottomWidth";
1929
+ vars: {
1930
+ default: string;
1931
+ };
1932
+ };
1933
+ readonly borderLeft: {
1934
+ dynamic: {
1935
+ default: string;
1936
+ };
1937
+ dynamicScale: true;
1938
+ name: "borderLeft";
1939
+ vars: {
1940
+ default: string;
1941
+ };
1942
+ };
1943
+ readonly borderLeftColor: {
1944
+ dynamic: {
1945
+ default: string;
1946
+ };
1947
+ dynamicScale: {
1948
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1949
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1950
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1951
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1952
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1953
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1954
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1955
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1956
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1957
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1958
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1959
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1960
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1961
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1962
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1963
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1964
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1965
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1966
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1967
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1968
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1969
+ };
1970
+ name: "borderLeftColor";
1971
+ vars: {
1972
+ default: string;
1973
+ };
1974
+ };
1975
+ readonly borderLeftStyle: {
1976
+ dynamic: {
1977
+ default: string;
1978
+ };
1979
+ dynamicScale: true;
1980
+ name: "borderLeftStyle";
1981
+ vars: {
1982
+ default: string;
1983
+ };
1984
+ };
1985
+ readonly borderLeftWidth: {
1986
+ dynamic: {
1987
+ default: string;
1988
+ };
1989
+ dynamicScale: true;
1990
+ name: "borderLeftWidth";
1991
+ vars: {
1992
+ default: string;
1993
+ };
1994
+ };
1995
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
1996
+ readonly borderBottomLeftRadius: {
1997
+ dynamic: {
1998
+ default: string;
1999
+ };
2000
+ dynamicScale: true;
2001
+ name: "borderBottomLeftRadius";
2002
+ vars: {
2003
+ default: string;
2004
+ };
2005
+ };
2006
+ readonly borderBottomRightRadius: {
2007
+ dynamic: {
2008
+ default: string;
2009
+ };
2010
+ dynamicScale: true;
2011
+ name: "borderBottomRightRadius";
2012
+ vars: {
2013
+ default: string;
2014
+ };
2015
+ };
2016
+ readonly borderImage: {
2017
+ dynamic: {
2018
+ default: string;
2019
+ };
2020
+ dynamicScale: true;
2021
+ name: "borderImage";
2022
+ vars: {
2023
+ default: string;
2024
+ };
2025
+ };
2026
+ readonly borderImageOutset: {
2027
+ dynamic: {
2028
+ default: string;
2029
+ };
2030
+ dynamicScale: true;
2031
+ name: "borderImageOutset";
2032
+ vars: {
2033
+ default: string;
2034
+ };
2035
+ };
2036
+ readonly borderImageRepeat: {
2037
+ dynamic: {
2038
+ default: string;
2039
+ };
2040
+ dynamicScale: true;
2041
+ name: "borderImageRepeat";
2042
+ vars: {
2043
+ default: string;
2044
+ };
2045
+ };
2046
+ readonly borderImageSlice: {
2047
+ dynamic: {
2048
+ default: string;
2049
+ };
2050
+ dynamicScale: true;
2051
+ name: "borderImageSlice";
2052
+ vars: {
2053
+ default: string;
2054
+ };
2055
+ };
2056
+ readonly borderImageSource: {
2057
+ dynamic: {
2058
+ default: string;
2059
+ };
2060
+ dynamicScale: true;
2061
+ name: "borderImageSource";
2062
+ vars: {
2063
+ default: string;
2064
+ };
2065
+ };
2066
+ readonly borderImageWidth: {
2067
+ dynamic: {
2068
+ default: string;
2069
+ };
2070
+ dynamicScale: true;
2071
+ name: "borderImageWidth";
2072
+ vars: {
2073
+ default: string;
2074
+ };
2075
+ };
2076
+ readonly borderRadius: {
2077
+ dynamic: {
2078
+ default: string;
2079
+ };
2080
+ dynamicScale: true;
2081
+ name: "borderRadius";
2082
+ vars: {
2083
+ default: string;
2084
+ };
2085
+ };
2086
+ readonly borderTopLeftRadius: {
2087
+ dynamic: {
2088
+ default: string;
2089
+ };
2090
+ dynamicScale: true;
2091
+ name: "borderTopLeftRadius";
2092
+ vars: {
2093
+ default: string;
2094
+ };
2095
+ };
2096
+ readonly borderTopRightRadius: {
2097
+ dynamic: {
2098
+ default: string;
2099
+ };
2100
+ dynamicScale: true;
2101
+ name: "borderTopRightRadius";
2102
+ vars: {
2103
+ default: string;
2104
+ };
2105
+ };
2106
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
2107
+ readonly outline: {
2108
+ dynamic: {
2109
+ default: string;
2110
+ };
2111
+ dynamicScale: true;
2112
+ name: "outline";
2113
+ vars: {
2114
+ default: string;
2115
+ };
2116
+ };
2117
+ readonly outlineColor: {
2118
+ dynamic: {
2119
+ default: string;
2120
+ };
2121
+ dynamicScale: true;
2122
+ name: "outlineColor";
2123
+ vars: {
2124
+ default: string;
2125
+ };
2126
+ };
2127
+ readonly outlineStyle: {
2128
+ dynamic: {
2129
+ default: string;
2130
+ };
2131
+ dynamicScale: true;
2132
+ name: "outlineStyle";
2133
+ vars: {
2134
+ default: string;
2135
+ };
2136
+ };
2137
+ readonly outlineWidth: {
2138
+ dynamic: {
2139
+ default: string;
2140
+ };
2141
+ dynamicScale: true;
2142
+ name: "outlineWidth";
2143
+ vars: {
2144
+ default: string;
2145
+ };
2146
+ };
2147
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
2148
+ readonly font: {
2149
+ dynamic: {
2150
+ default: string;
2151
+ };
2152
+ dynamicScale: true;
2153
+ name: "font";
2154
+ vars: {
2155
+ default: string;
2156
+ };
2157
+ };
2158
+ readonly fontFamily: {
2159
+ dynamic: {
2160
+ default: string;
2161
+ };
2162
+ dynamicScale: true;
2163
+ name: "fontFamily";
2164
+ vars: {
2165
+ default: string;
2166
+ };
2167
+ };
2168
+ readonly fontStyle: {
2169
+ dynamic: {
2170
+ default: string;
2171
+ };
2172
+ dynamicScale: true;
2173
+ name: "fontStyle";
2174
+ vars: {
2175
+ default: string;
2176
+ };
2177
+ };
2178
+ readonly fontSize: {
2179
+ dynamic: {
2180
+ default: string;
2181
+ };
2182
+ dynamicScale: true;
2183
+ name: "fontSize";
2184
+ vars: {
2185
+ default: string;
2186
+ };
2187
+ };
2188
+ readonly fontWeight: {
2189
+ dynamic: {
2190
+ default: string;
2191
+ };
2192
+ dynamicScale: true;
2193
+ name: "fontWeight";
2194
+ vars: {
2195
+ default: string;
2196
+ };
2197
+ };
2198
+ readonly fontVariant: {
2199
+ dynamic: {
2200
+ default: string;
2201
+ };
2202
+ dynamicScale: true;
2203
+ name: "fontVariant";
2204
+ vars: {
2205
+ default: string;
2206
+ };
2207
+ };
2208
+ readonly fontSizeAdjust: {
2209
+ dynamic: {
2210
+ default: string;
2211
+ };
2212
+ dynamicScale: true;
2213
+ name: "fontSizeAdjust";
2214
+ vars: {
2215
+ default: string;
2216
+ };
2217
+ };
2218
+ }> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
2219
+ readonly color: {
2220
+ dynamic: {
2221
+ default: string;
2222
+ };
2223
+ dynamicScale: {
2224
+ anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2225
+ anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2226
+ borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2227
+ borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2228
+ borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2229
+ borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2230
+ borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2231
+ canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2232
+ canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2233
+ headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2234
+ headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2235
+ headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2236
+ headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2237
+ material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2238
+ materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2239
+ materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2240
+ materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2241
+ materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2242
+ progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2243
+ inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2244
+ inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2245
+ };
2246
+ name: "color";
2247
+ vars: {
2248
+ default: string;
2249
+ };
2250
+ };
2251
+ readonly direction: {
2252
+ dynamic: {
2253
+ default: string;
2254
+ };
2255
+ dynamicScale: true;
2256
+ name: "direction";
2257
+ vars: {
2258
+ default: string;
2259
+ };
2260
+ };
2261
+ readonly letterSpacing: {
2262
+ dynamic: {
2263
+ default: string;
2264
+ };
2265
+ dynamicScale: true;
2266
+ name: "letterSpacing";
2267
+ vars: {
2268
+ default: string;
2269
+ };
2270
+ };
2271
+ readonly lineHeight: {
2272
+ dynamic: {
2273
+ default: string;
2274
+ };
2275
+ dynamicScale: true;
2276
+ name: "lineHeight";
2277
+ vars: {
2278
+ default: string;
2279
+ };
2280
+ };
2281
+ readonly textAlign: {
2282
+ dynamic: {
2283
+ default: string;
2284
+ };
2285
+ dynamicScale: true;
2286
+ name: "textAlign";
2287
+ vars: {
2288
+ default: string;
2289
+ };
2290
+ };
2291
+ readonly textDecoration: {
2292
+ dynamic: {
2293
+ default: string;
2294
+ };
2295
+ dynamicScale: true;
2296
+ name: "textDecoration";
2297
+ vars: {
2298
+ default: string;
2299
+ };
2300
+ };
2301
+ readonly textIndent: {
2302
+ dynamic: {
2303
+ default: string;
2304
+ };
2305
+ dynamicScale: true;
2306
+ name: "textIndent";
2307
+ vars: {
2308
+ default: string;
2309
+ };
2310
+ };
2311
+ readonly textShadow: {
2312
+ dynamic: {
2313
+ default: string;
2314
+ };
2315
+ dynamicScale: true;
2316
+ name: "textShadow";
2317
+ vars: {
2318
+ default: string;
2319
+ };
2320
+ };
2321
+ readonly textTransform: {
2322
+ dynamic: {
2323
+ default: string;
2324
+ };
2325
+ dynamicScale: true;
2326
+ name: "textTransform";
2327
+ vars: {
2328
+ default: string;
2329
+ };
2330
+ };
2331
+ readonly verticalAlign: {
2332
+ dynamic: {
2333
+ default: string;
2334
+ };
2335
+ dynamicScale: true;
2336
+ name: "verticalAlign";
2337
+ vars: {
2338
+ default: string;
2339
+ };
2340
+ };
2341
+ readonly whiteSpace: {
2342
+ dynamic: {
2343
+ default: string;
2344
+ };
2345
+ dynamicScale: true;
2346
+ name: "whiteSpace";
2347
+ vars: {
2348
+ default: string;
2349
+ };
2350
+ };
2351
+ readonly wordSpacing: {
2352
+ dynamic: {
2353
+ default: string;
2354
+ };
2355
+ dynamicScale: true;
2356
+ name: "wordSpacing";
2357
+ vars: {
2358
+ default: string;
2359
+ };
2360
+ };
2361
+ readonly wordBreak: {
2362
+ dynamic: {
2363
+ default: string;
2364
+ };
2365
+ dynamicScale: true;
2366
+ name: "wordBreak";
2367
+ vars: {
2368
+ default: string;
2369
+ };
2370
+ };
2371
+ }> & React.RefAttributes<HTMLDivElement>>;