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