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