@react95/core 9.4.1 → 9.5.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.
- package/cjs/Frame/Frame.css.cjs +6 -6
- package/cjs/Frame/Frame.css.ts.vanilla.css +637 -273
- package/esm/Frame/Frame.css.mjs +6 -6
- package/esm/Frame/Frame.css.ts.vanilla.css +637 -273
- package/package.json +2 -2
- package/types/Frame/Frame.css.d.ts +120 -0
- package/types/Frame/Frame.d.ts +120 -0
- package/types/Modal/Modal.d.ts +120 -0
- package/types/TitleBar/TitleBar.d.ts +120 -0
|
@@ -108,316 +108,379 @@ declare const OptionsBox: (props: {
|
|
|
108
108
|
readonly display: {
|
|
109
109
|
dynamic: {
|
|
110
110
|
default: string;
|
|
111
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
111
112
|
};
|
|
112
113
|
dynamicScale: true;
|
|
113
114
|
name: "display";
|
|
114
115
|
vars: {
|
|
115
116
|
default: string;
|
|
117
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
116
118
|
};
|
|
117
119
|
};
|
|
118
120
|
readonly overflow: {
|
|
119
121
|
dynamic: {
|
|
120
122
|
default: string;
|
|
123
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
121
124
|
};
|
|
122
125
|
dynamicScale: true;
|
|
123
126
|
name: "overflow";
|
|
124
127
|
vars: {
|
|
125
128
|
default: string;
|
|
129
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
126
130
|
};
|
|
127
131
|
};
|
|
128
132
|
readonly boxSizing: {
|
|
129
133
|
dynamic: {
|
|
130
134
|
default: string;
|
|
135
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
131
136
|
};
|
|
132
137
|
dynamicScale: true;
|
|
133
138
|
name: "boxSizing";
|
|
134
139
|
vars: {
|
|
135
140
|
default: string;
|
|
141
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
136
142
|
};
|
|
137
143
|
};
|
|
138
144
|
readonly grid: {
|
|
139
145
|
dynamic: {
|
|
140
146
|
default: string;
|
|
147
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
141
148
|
};
|
|
142
149
|
dynamicScale: true;
|
|
143
150
|
name: "grid";
|
|
144
151
|
vars: {
|
|
145
152
|
default: string;
|
|
153
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
146
154
|
};
|
|
147
155
|
};
|
|
148
156
|
readonly gridArea: {
|
|
149
157
|
dynamic: {
|
|
150
158
|
default: string;
|
|
159
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
151
160
|
};
|
|
152
161
|
dynamicScale: true;
|
|
153
162
|
name: "gridArea";
|
|
154
163
|
vars: {
|
|
155
164
|
default: string;
|
|
165
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
156
166
|
};
|
|
157
167
|
};
|
|
158
168
|
readonly gridAutoColumns: {
|
|
159
169
|
dynamic: {
|
|
160
170
|
default: string;
|
|
171
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
161
172
|
};
|
|
162
173
|
dynamicScale: true;
|
|
163
174
|
name: "gridAutoColumns";
|
|
164
175
|
vars: {
|
|
165
176
|
default: string;
|
|
177
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
166
178
|
};
|
|
167
179
|
};
|
|
168
180
|
readonly gridAutoFlow: {
|
|
169
181
|
dynamic: {
|
|
170
182
|
default: string;
|
|
183
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
171
184
|
};
|
|
172
185
|
dynamicScale: true;
|
|
173
186
|
name: "gridAutoFlow";
|
|
174
187
|
vars: {
|
|
175
188
|
default: string;
|
|
189
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
176
190
|
};
|
|
177
191
|
};
|
|
178
192
|
readonly gridAutoRows: {
|
|
179
193
|
dynamic: {
|
|
180
194
|
default: string;
|
|
195
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
181
196
|
};
|
|
182
197
|
dynamicScale: true;
|
|
183
198
|
name: "gridAutoRows";
|
|
184
199
|
vars: {
|
|
185
200
|
default: string;
|
|
201
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
186
202
|
};
|
|
187
203
|
};
|
|
188
204
|
readonly gridColumn: {
|
|
189
205
|
dynamic: {
|
|
190
206
|
default: string;
|
|
207
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
191
208
|
};
|
|
192
209
|
dynamicScale: true;
|
|
193
210
|
name: "gridColumn";
|
|
194
211
|
vars: {
|
|
195
212
|
default: string;
|
|
213
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
196
214
|
};
|
|
197
215
|
};
|
|
198
216
|
readonly gridColumnEnd: {
|
|
199
217
|
dynamic: {
|
|
200
218
|
default: string;
|
|
219
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
201
220
|
};
|
|
202
221
|
dynamicScale: true;
|
|
203
222
|
name: "gridColumnEnd";
|
|
204
223
|
vars: {
|
|
205
224
|
default: string;
|
|
225
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
206
226
|
};
|
|
207
227
|
};
|
|
208
228
|
readonly gridColumnStart: {
|
|
209
229
|
dynamic: {
|
|
210
230
|
default: string;
|
|
231
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
211
232
|
};
|
|
212
233
|
dynamicScale: true;
|
|
213
234
|
name: "gridColumnStart";
|
|
214
235
|
vars: {
|
|
215
236
|
default: string;
|
|
237
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
216
238
|
};
|
|
217
239
|
};
|
|
218
240
|
readonly gridRow: {
|
|
219
241
|
dynamic: {
|
|
220
242
|
default: string;
|
|
243
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
221
244
|
};
|
|
222
245
|
dynamicScale: true;
|
|
223
246
|
name: "gridRow";
|
|
224
247
|
vars: {
|
|
225
248
|
default: string;
|
|
249
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
226
250
|
};
|
|
227
251
|
};
|
|
228
252
|
readonly gridRowEnd: {
|
|
229
253
|
dynamic: {
|
|
230
254
|
default: string;
|
|
255
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
231
256
|
};
|
|
232
257
|
dynamicScale: true;
|
|
233
258
|
name: "gridRowEnd";
|
|
234
259
|
vars: {
|
|
235
260
|
default: string;
|
|
261
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
236
262
|
};
|
|
237
263
|
};
|
|
238
264
|
readonly gridRowStart: {
|
|
239
265
|
dynamic: {
|
|
240
266
|
default: string;
|
|
267
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
241
268
|
};
|
|
242
269
|
dynamicScale: true;
|
|
243
270
|
name: "gridRowStart";
|
|
244
271
|
vars: {
|
|
245
272
|
default: string;
|
|
273
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
246
274
|
};
|
|
247
275
|
};
|
|
248
276
|
readonly gridTemplate: {
|
|
249
277
|
dynamic: {
|
|
250
278
|
default: string;
|
|
279
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
251
280
|
};
|
|
252
281
|
dynamicScale: true;
|
|
253
282
|
name: "gridTemplate";
|
|
254
283
|
vars: {
|
|
255
284
|
default: string;
|
|
285
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
256
286
|
};
|
|
257
287
|
};
|
|
258
288
|
readonly gridTemplateAreas: {
|
|
259
289
|
dynamic: {
|
|
260
290
|
default: string;
|
|
291
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
261
292
|
};
|
|
262
293
|
dynamicScale: true;
|
|
263
294
|
name: "gridTemplateAreas";
|
|
264
295
|
vars: {
|
|
265
296
|
default: string;
|
|
297
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
266
298
|
};
|
|
267
299
|
};
|
|
268
300
|
readonly gridTemplateColumns: {
|
|
269
301
|
dynamic: {
|
|
270
302
|
default: string;
|
|
303
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
271
304
|
};
|
|
272
305
|
dynamicScale: true;
|
|
273
306
|
name: "gridTemplateColumns";
|
|
274
307
|
vars: {
|
|
275
308
|
default: string;
|
|
309
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
276
310
|
};
|
|
277
311
|
};
|
|
278
312
|
readonly gridTemplateRows: {
|
|
279
313
|
dynamic: {
|
|
280
314
|
default: string;
|
|
315
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
281
316
|
};
|
|
282
317
|
dynamicScale: true;
|
|
283
318
|
name: "gridTemplateRows";
|
|
284
319
|
vars: {
|
|
285
320
|
default: string;
|
|
321
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
286
322
|
};
|
|
287
323
|
};
|
|
288
324
|
readonly flex: {
|
|
289
325
|
dynamic: {
|
|
290
326
|
default: string;
|
|
327
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
291
328
|
};
|
|
292
329
|
dynamicScale: true;
|
|
293
330
|
name: "flex";
|
|
294
331
|
vars: {
|
|
295
332
|
default: string;
|
|
333
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
296
334
|
};
|
|
297
335
|
};
|
|
298
336
|
readonly flexBasis: {
|
|
299
337
|
dynamic: {
|
|
300
338
|
default: string;
|
|
339
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
301
340
|
};
|
|
302
341
|
dynamicScale: true;
|
|
303
342
|
name: "flexBasis";
|
|
304
343
|
vars: {
|
|
305
344
|
default: string;
|
|
345
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
306
346
|
};
|
|
307
347
|
};
|
|
308
348
|
readonly flexDirection: {
|
|
309
349
|
dynamic: {
|
|
310
350
|
default: string;
|
|
351
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
311
352
|
};
|
|
312
353
|
dynamicScale: true;
|
|
313
354
|
name: "flexDirection";
|
|
314
355
|
vars: {
|
|
315
356
|
default: string;
|
|
357
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
316
358
|
};
|
|
317
359
|
};
|
|
318
360
|
readonly flexFlow: {
|
|
319
361
|
dynamic: {
|
|
320
362
|
default: string;
|
|
363
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
321
364
|
};
|
|
322
365
|
dynamicScale: true;
|
|
323
366
|
name: "flexFlow";
|
|
324
367
|
vars: {
|
|
325
368
|
default: string;
|
|
369
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
326
370
|
};
|
|
327
371
|
};
|
|
328
372
|
readonly flexGrow: {
|
|
329
373
|
dynamic: {
|
|
330
374
|
default: string;
|
|
375
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
331
376
|
};
|
|
332
377
|
dynamicScale: true;
|
|
333
378
|
name: "flexGrow";
|
|
334
379
|
vars: {
|
|
335
380
|
default: string;
|
|
381
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
336
382
|
};
|
|
337
383
|
};
|
|
338
384
|
readonly flexShrink: {
|
|
339
385
|
dynamic: {
|
|
340
386
|
default: string;
|
|
387
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
341
388
|
};
|
|
342
389
|
dynamicScale: true;
|
|
343
390
|
name: "flexShrink";
|
|
344
391
|
vars: {
|
|
345
392
|
default: string;
|
|
393
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
346
394
|
};
|
|
347
395
|
};
|
|
348
396
|
readonly flexWrap: {
|
|
349
397
|
dynamic: {
|
|
350
398
|
default: string;
|
|
399
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
351
400
|
};
|
|
352
401
|
dynamicScale: true;
|
|
353
402
|
name: "flexWrap";
|
|
354
403
|
vars: {
|
|
355
404
|
default: string;
|
|
405
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
356
406
|
};
|
|
357
407
|
};
|
|
358
408
|
readonly justifyContent: {
|
|
359
409
|
dynamic: {
|
|
360
410
|
default: string;
|
|
411
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
361
412
|
};
|
|
362
413
|
dynamicScale: true;
|
|
363
414
|
name: "justifyContent";
|
|
364
415
|
vars: {
|
|
365
416
|
default: string;
|
|
417
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
366
418
|
};
|
|
367
419
|
};
|
|
368
420
|
readonly justifyItems: {
|
|
369
421
|
dynamic: {
|
|
370
422
|
default: string;
|
|
423
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
371
424
|
};
|
|
372
425
|
dynamicScale: true;
|
|
373
426
|
name: "justifyItems";
|
|
374
427
|
vars: {
|
|
375
428
|
default: string;
|
|
429
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
376
430
|
};
|
|
377
431
|
};
|
|
378
432
|
readonly justifySelf: {
|
|
379
433
|
dynamic: {
|
|
380
434
|
default: string;
|
|
435
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
381
436
|
};
|
|
382
437
|
dynamicScale: true;
|
|
383
438
|
name: "justifySelf";
|
|
384
439
|
vars: {
|
|
385
440
|
default: string;
|
|
441
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
386
442
|
};
|
|
387
443
|
};
|
|
388
444
|
readonly alignContent: {
|
|
389
445
|
dynamic: {
|
|
390
446
|
default: string;
|
|
447
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
391
448
|
};
|
|
392
449
|
dynamicScale: true;
|
|
393
450
|
name: "alignContent";
|
|
394
451
|
vars: {
|
|
395
452
|
default: string;
|
|
453
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
396
454
|
};
|
|
397
455
|
};
|
|
398
456
|
readonly alignItems: {
|
|
399
457
|
dynamic: {
|
|
400
458
|
default: string;
|
|
459
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
401
460
|
};
|
|
402
461
|
dynamicScale: true;
|
|
403
462
|
name: "alignItems";
|
|
404
463
|
vars: {
|
|
405
464
|
default: string;
|
|
465
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
406
466
|
};
|
|
407
467
|
};
|
|
408
468
|
readonly alignSelf: {
|
|
409
469
|
dynamic: {
|
|
410
470
|
default: string;
|
|
471
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
411
472
|
};
|
|
412
473
|
dynamicScale: true;
|
|
413
474
|
name: "alignSelf";
|
|
414
475
|
vars: {
|
|
415
476
|
default: string;
|
|
477
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
416
478
|
};
|
|
417
479
|
};
|
|
418
480
|
readonly gap: {
|
|
419
481
|
dynamic: {
|
|
420
482
|
default: string;
|
|
483
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
421
484
|
};
|
|
422
485
|
dynamicScale: {
|
|
423
486
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -445,11 +508,13 @@ declare const OptionsBox: (props: {
|
|
|
445
508
|
name: "gap";
|
|
446
509
|
vars: {
|
|
447
510
|
default: string;
|
|
511
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
448
512
|
};
|
|
449
513
|
};
|
|
450
514
|
readonly width: {
|
|
451
515
|
dynamic: {
|
|
452
516
|
default: string;
|
|
517
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
453
518
|
};
|
|
454
519
|
dynamicScale: {
|
|
455
520
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -477,11 +542,13 @@ declare const OptionsBox: (props: {
|
|
|
477
542
|
name: "width";
|
|
478
543
|
vars: {
|
|
479
544
|
default: string;
|
|
545
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
480
546
|
};
|
|
481
547
|
};
|
|
482
548
|
readonly maxWidth: {
|
|
483
549
|
dynamic: {
|
|
484
550
|
default: string;
|
|
551
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
485
552
|
};
|
|
486
553
|
dynamicScale: {
|
|
487
554
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -509,11 +576,13 @@ declare const OptionsBox: (props: {
|
|
|
509
576
|
name: "maxWidth";
|
|
510
577
|
vars: {
|
|
511
578
|
default: string;
|
|
579
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
512
580
|
};
|
|
513
581
|
};
|
|
514
582
|
readonly minWidth: {
|
|
515
583
|
dynamic: {
|
|
516
584
|
default: string;
|
|
585
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
517
586
|
};
|
|
518
587
|
dynamicScale: {
|
|
519
588
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -541,11 +610,13 @@ declare const OptionsBox: (props: {
|
|
|
541
610
|
name: "minWidth";
|
|
542
611
|
vars: {
|
|
543
612
|
default: string;
|
|
613
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
544
614
|
};
|
|
545
615
|
};
|
|
546
616
|
readonly height: {
|
|
547
617
|
dynamic: {
|
|
548
618
|
default: string;
|
|
619
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
549
620
|
};
|
|
550
621
|
dynamicScale: {
|
|
551
622
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -573,11 +644,13 @@ declare const OptionsBox: (props: {
|
|
|
573
644
|
name: "height";
|
|
574
645
|
vars: {
|
|
575
646
|
default: string;
|
|
647
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
576
648
|
};
|
|
577
649
|
};
|
|
578
650
|
readonly maxHeight: {
|
|
579
651
|
dynamic: {
|
|
580
652
|
default: string;
|
|
653
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
581
654
|
};
|
|
582
655
|
dynamicScale: {
|
|
583
656
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -605,11 +678,13 @@ declare const OptionsBox: (props: {
|
|
|
605
678
|
name: "maxHeight";
|
|
606
679
|
vars: {
|
|
607
680
|
default: string;
|
|
681
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
608
682
|
};
|
|
609
683
|
};
|
|
610
684
|
readonly minHeight: {
|
|
611
685
|
dynamic: {
|
|
612
686
|
default: string;
|
|
687
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
613
688
|
};
|
|
614
689
|
dynamicScale: {
|
|
615
690
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -637,11 +712,13 @@ declare const OptionsBox: (props: {
|
|
|
637
712
|
name: "minHeight";
|
|
638
713
|
vars: {
|
|
639
714
|
default: string;
|
|
715
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
640
716
|
};
|
|
641
717
|
};
|
|
642
718
|
readonly margin: {
|
|
643
719
|
dynamic: {
|
|
644
720
|
default: string;
|
|
721
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
645
722
|
};
|
|
646
723
|
dynamicScale: {
|
|
647
724
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -669,11 +746,13 @@ declare const OptionsBox: (props: {
|
|
|
669
746
|
name: "margin";
|
|
670
747
|
vars: {
|
|
671
748
|
default: string;
|
|
749
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
672
750
|
};
|
|
673
751
|
};
|
|
674
752
|
readonly marginBlock: {
|
|
675
753
|
dynamic: {
|
|
676
754
|
default: string;
|
|
755
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
677
756
|
};
|
|
678
757
|
dynamicScale: {
|
|
679
758
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -701,11 +780,13 @@ declare const OptionsBox: (props: {
|
|
|
701
780
|
name: "marginBlock";
|
|
702
781
|
vars: {
|
|
703
782
|
default: string;
|
|
783
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
704
784
|
};
|
|
705
785
|
};
|
|
706
786
|
readonly marginBlockEnd: {
|
|
707
787
|
dynamic: {
|
|
708
788
|
default: string;
|
|
789
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
709
790
|
};
|
|
710
791
|
dynamicScale: {
|
|
711
792
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -733,11 +814,13 @@ declare const OptionsBox: (props: {
|
|
|
733
814
|
name: "marginBlockEnd";
|
|
734
815
|
vars: {
|
|
735
816
|
default: string;
|
|
817
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
736
818
|
};
|
|
737
819
|
};
|
|
738
820
|
readonly marginBlockStart: {
|
|
739
821
|
dynamic: {
|
|
740
822
|
default: string;
|
|
823
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
741
824
|
};
|
|
742
825
|
dynamicScale: {
|
|
743
826
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -765,11 +848,13 @@ declare const OptionsBox: (props: {
|
|
|
765
848
|
name: "marginBlockStart";
|
|
766
849
|
vars: {
|
|
767
850
|
default: string;
|
|
851
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
768
852
|
};
|
|
769
853
|
};
|
|
770
854
|
readonly marginBottom: {
|
|
771
855
|
dynamic: {
|
|
772
856
|
default: string;
|
|
857
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
773
858
|
};
|
|
774
859
|
dynamicScale: {
|
|
775
860
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -797,11 +882,13 @@ declare const OptionsBox: (props: {
|
|
|
797
882
|
name: "marginBottom";
|
|
798
883
|
vars: {
|
|
799
884
|
default: string;
|
|
885
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
800
886
|
};
|
|
801
887
|
};
|
|
802
888
|
readonly marginInline: {
|
|
803
889
|
dynamic: {
|
|
804
890
|
default: string;
|
|
891
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
805
892
|
};
|
|
806
893
|
dynamicScale: {
|
|
807
894
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -829,11 +916,13 @@ declare const OptionsBox: (props: {
|
|
|
829
916
|
name: "marginInline";
|
|
830
917
|
vars: {
|
|
831
918
|
default: string;
|
|
919
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
832
920
|
};
|
|
833
921
|
};
|
|
834
922
|
readonly marginInlineEnd: {
|
|
835
923
|
dynamic: {
|
|
836
924
|
default: string;
|
|
925
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
837
926
|
};
|
|
838
927
|
dynamicScale: {
|
|
839
928
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -861,11 +950,13 @@ declare const OptionsBox: (props: {
|
|
|
861
950
|
name: "marginInlineEnd";
|
|
862
951
|
vars: {
|
|
863
952
|
default: string;
|
|
953
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
864
954
|
};
|
|
865
955
|
};
|
|
866
956
|
readonly marginInlineStart: {
|
|
867
957
|
dynamic: {
|
|
868
958
|
default: string;
|
|
959
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
869
960
|
};
|
|
870
961
|
dynamicScale: {
|
|
871
962
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -893,11 +984,13 @@ declare const OptionsBox: (props: {
|
|
|
893
984
|
name: "marginInlineStart";
|
|
894
985
|
vars: {
|
|
895
986
|
default: string;
|
|
987
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
896
988
|
};
|
|
897
989
|
};
|
|
898
990
|
readonly marginLeft: {
|
|
899
991
|
dynamic: {
|
|
900
992
|
default: string;
|
|
993
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
901
994
|
};
|
|
902
995
|
dynamicScale: {
|
|
903
996
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -925,11 +1018,13 @@ declare const OptionsBox: (props: {
|
|
|
925
1018
|
name: "marginLeft";
|
|
926
1019
|
vars: {
|
|
927
1020
|
default: string;
|
|
1021
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
928
1022
|
};
|
|
929
1023
|
};
|
|
930
1024
|
readonly marginRight: {
|
|
931
1025
|
dynamic: {
|
|
932
1026
|
default: string;
|
|
1027
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
933
1028
|
};
|
|
934
1029
|
dynamicScale: {
|
|
935
1030
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -957,11 +1052,13 @@ declare const OptionsBox: (props: {
|
|
|
957
1052
|
name: "marginRight";
|
|
958
1053
|
vars: {
|
|
959
1054
|
default: string;
|
|
1055
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
960
1056
|
};
|
|
961
1057
|
};
|
|
962
1058
|
readonly marginTop: {
|
|
963
1059
|
dynamic: {
|
|
964
1060
|
default: string;
|
|
1061
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
965
1062
|
};
|
|
966
1063
|
dynamicScale: {
|
|
967
1064
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -989,11 +1086,13 @@ declare const OptionsBox: (props: {
|
|
|
989
1086
|
name: "marginTop";
|
|
990
1087
|
vars: {
|
|
991
1088
|
default: string;
|
|
1089
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
992
1090
|
};
|
|
993
1091
|
};
|
|
994
1092
|
readonly padding: {
|
|
995
1093
|
dynamic: {
|
|
996
1094
|
default: string;
|
|
1095
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
997
1096
|
};
|
|
998
1097
|
dynamicScale: {
|
|
999
1098
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1021,11 +1120,13 @@ declare const OptionsBox: (props: {
|
|
|
1021
1120
|
name: "padding";
|
|
1022
1121
|
vars: {
|
|
1023
1122
|
default: string;
|
|
1123
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1024
1124
|
};
|
|
1025
1125
|
};
|
|
1026
1126
|
readonly paddingBlock: {
|
|
1027
1127
|
dynamic: {
|
|
1028
1128
|
default: string;
|
|
1129
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1029
1130
|
};
|
|
1030
1131
|
dynamicScale: {
|
|
1031
1132
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1053,11 +1154,13 @@ declare const OptionsBox: (props: {
|
|
|
1053
1154
|
name: "paddingBlock";
|
|
1054
1155
|
vars: {
|
|
1055
1156
|
default: string;
|
|
1157
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1056
1158
|
};
|
|
1057
1159
|
};
|
|
1058
1160
|
readonly paddingBlockEnd: {
|
|
1059
1161
|
dynamic: {
|
|
1060
1162
|
default: string;
|
|
1163
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1061
1164
|
};
|
|
1062
1165
|
dynamicScale: {
|
|
1063
1166
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1085,11 +1188,13 @@ declare const OptionsBox: (props: {
|
|
|
1085
1188
|
name: "paddingBlockEnd";
|
|
1086
1189
|
vars: {
|
|
1087
1190
|
default: string;
|
|
1191
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1088
1192
|
};
|
|
1089
1193
|
};
|
|
1090
1194
|
readonly paddingBlockStart: {
|
|
1091
1195
|
dynamic: {
|
|
1092
1196
|
default: string;
|
|
1197
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1093
1198
|
};
|
|
1094
1199
|
dynamicScale: {
|
|
1095
1200
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1117,11 +1222,13 @@ declare const OptionsBox: (props: {
|
|
|
1117
1222
|
name: "paddingBlockStart";
|
|
1118
1223
|
vars: {
|
|
1119
1224
|
default: string;
|
|
1225
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1120
1226
|
};
|
|
1121
1227
|
};
|
|
1122
1228
|
readonly paddingBottom: {
|
|
1123
1229
|
dynamic: {
|
|
1124
1230
|
default: string;
|
|
1231
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1125
1232
|
};
|
|
1126
1233
|
dynamicScale: {
|
|
1127
1234
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1149,11 +1256,13 @@ declare const OptionsBox: (props: {
|
|
|
1149
1256
|
name: "paddingBottom";
|
|
1150
1257
|
vars: {
|
|
1151
1258
|
default: string;
|
|
1259
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1152
1260
|
};
|
|
1153
1261
|
};
|
|
1154
1262
|
readonly paddingInline: {
|
|
1155
1263
|
dynamic: {
|
|
1156
1264
|
default: string;
|
|
1265
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1157
1266
|
};
|
|
1158
1267
|
dynamicScale: {
|
|
1159
1268
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1181,11 +1290,13 @@ declare const OptionsBox: (props: {
|
|
|
1181
1290
|
name: "paddingInline";
|
|
1182
1291
|
vars: {
|
|
1183
1292
|
default: string;
|
|
1293
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1184
1294
|
};
|
|
1185
1295
|
};
|
|
1186
1296
|
readonly paddingInlineEnd: {
|
|
1187
1297
|
dynamic: {
|
|
1188
1298
|
default: string;
|
|
1299
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1189
1300
|
};
|
|
1190
1301
|
dynamicScale: {
|
|
1191
1302
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1213,11 +1324,13 @@ declare const OptionsBox: (props: {
|
|
|
1213
1324
|
name: "paddingInlineEnd";
|
|
1214
1325
|
vars: {
|
|
1215
1326
|
default: string;
|
|
1327
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1216
1328
|
};
|
|
1217
1329
|
};
|
|
1218
1330
|
readonly paddingInlineStart: {
|
|
1219
1331
|
dynamic: {
|
|
1220
1332
|
default: string;
|
|
1333
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1221
1334
|
};
|
|
1222
1335
|
dynamicScale: {
|
|
1223
1336
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1245,11 +1358,13 @@ declare const OptionsBox: (props: {
|
|
|
1245
1358
|
name: "paddingInlineStart";
|
|
1246
1359
|
vars: {
|
|
1247
1360
|
default: string;
|
|
1361
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1248
1362
|
};
|
|
1249
1363
|
};
|
|
1250
1364
|
readonly paddingLeft: {
|
|
1251
1365
|
dynamic: {
|
|
1252
1366
|
default: string;
|
|
1367
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1253
1368
|
};
|
|
1254
1369
|
dynamicScale: {
|
|
1255
1370
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1277,11 +1392,13 @@ declare const OptionsBox: (props: {
|
|
|
1277
1392
|
name: "paddingLeft";
|
|
1278
1393
|
vars: {
|
|
1279
1394
|
default: string;
|
|
1395
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1280
1396
|
};
|
|
1281
1397
|
};
|
|
1282
1398
|
readonly paddingRight: {
|
|
1283
1399
|
dynamic: {
|
|
1284
1400
|
default: string;
|
|
1401
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1285
1402
|
};
|
|
1286
1403
|
dynamicScale: {
|
|
1287
1404
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1309,11 +1426,13 @@ declare const OptionsBox: (props: {
|
|
|
1309
1426
|
name: "paddingRight";
|
|
1310
1427
|
vars: {
|
|
1311
1428
|
default: string;
|
|
1429
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1312
1430
|
};
|
|
1313
1431
|
};
|
|
1314
1432
|
readonly paddingTop: {
|
|
1315
1433
|
dynamic: {
|
|
1316
1434
|
default: string;
|
|
1435
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1317
1436
|
};
|
|
1318
1437
|
dynamicScale: {
|
|
1319
1438
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1341,6 +1460,7 @@ declare const OptionsBox: (props: {
|
|
|
1341
1460
|
name: "paddingTop";
|
|
1342
1461
|
vars: {
|
|
1343
1462
|
default: string;
|
|
1463
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1344
1464
|
};
|
|
1345
1465
|
};
|
|
1346
1466
|
} & {
|