@react95/core 9.6.1 → 9.6.3-alpha.0

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