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