@react95/core 9.4.1 → 9.5.1

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 (13) hide show
  1. package/cjs/Frame/Frame.css.cjs +6 -6
  2. package/cjs/Frame/Frame.css.ts.vanilla.css +637 -273
  3. package/cjs/GlobalStyle/GlobalStyle.css.cjs +1 -0
  4. package/cjs/themes/azureOrange.css.cjs +0 -1
  5. package/esm/Frame/Frame.css.mjs +6 -6
  6. package/esm/Frame/Frame.css.ts.vanilla.css +637 -273
  7. package/esm/GlobalStyle/GlobalStyle.css.mjs +1 -0
  8. package/esm/themes/azureOrange.css.mjs +0 -1
  9. package/package.json +2 -2
  10. package/types/Frame/Frame.css.d.ts +120 -0
  11. package/types/Frame/Frame.d.ts +120 -0
  12. package/types/Modal/Modal.d.ts +120 -0
  13. package/types/TitleBar/TitleBar.d.ts +120 -0
package/types/Frame/Frame.d.ts CHANGED
@@ -112,316 +112,379 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
112
112
  readonly display: {
113
113
  dynamic: {
114
114
  default: string;
115
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
115
116
  };
116
117
  dynamicScale: true;
117
118
  name: "display";
118
119
  vars: {
119
120
  default: string;
121
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
120
122
  };
121
123
  };
122
124
  readonly overflow: {
123
125
  dynamic: {
124
126
  default: string;
127
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
125
128
  };
126
129
  dynamicScale: true;
127
130
  name: "overflow";
128
131
  vars: {
129
132
  default: string;
133
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
130
134
  };
131
135
  };
132
136
  readonly boxSizing: {
133
137
  dynamic: {
134
138
  default: string;
139
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
135
140
  };
136
141
  dynamicScale: true;
137
142
  name: "boxSizing";
138
143
  vars: {
139
144
  default: string;
145
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
140
146
  };
141
147
  };
142
148
  readonly grid: {
143
149
  dynamic: {
144
150
  default: string;
151
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
145
152
  };
146
153
  dynamicScale: true;
147
154
  name: "grid";
148
155
  vars: {
149
156
  default: string;
157
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
150
158
  };
151
159
  };
152
160
  readonly gridArea: {
153
161
  dynamic: {
154
162
  default: string;
163
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
155
164
  };
156
165
  dynamicScale: true;
157
166
  name: "gridArea";
158
167
  vars: {
159
168
  default: string;
169
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
160
170
  };
161
171
  };
162
172
  readonly gridAutoColumns: {
163
173
  dynamic: {
164
174
  default: string;
175
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
165
176
  };
166
177
  dynamicScale: true;
167
178
  name: "gridAutoColumns";
168
179
  vars: {
169
180
  default: string;
181
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
170
182
  };
171
183
  };
172
184
  readonly gridAutoFlow: {
173
185
  dynamic: {
174
186
  default: string;
187
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
175
188
  };
176
189
  dynamicScale: true;
177
190
  name: "gridAutoFlow";
178
191
  vars: {
179
192
  default: string;
193
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
180
194
  };
181
195
  };
182
196
  readonly gridAutoRows: {
183
197
  dynamic: {
184
198
  default: string;
199
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
185
200
  };
186
201
  dynamicScale: true;
187
202
  name: "gridAutoRows";
188
203
  vars: {
189
204
  default: string;
205
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
190
206
  };
191
207
  };
192
208
  readonly gridColumn: {
193
209
  dynamic: {
194
210
  default: string;
211
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
195
212
  };
196
213
  dynamicScale: true;
197
214
  name: "gridColumn";
198
215
  vars: {
199
216
  default: string;
217
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
200
218
  };
201
219
  };
202
220
  readonly gridColumnEnd: {
203
221
  dynamic: {
204
222
  default: string;
223
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
205
224
  };
206
225
  dynamicScale: true;
207
226
  name: "gridColumnEnd";
208
227
  vars: {
209
228
  default: string;
229
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
210
230
  };
211
231
  };
212
232
  readonly gridColumnStart: {
213
233
  dynamic: {
214
234
  default: string;
235
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
215
236
  };
216
237
  dynamicScale: true;
217
238
  name: "gridColumnStart";
218
239
  vars: {
219
240
  default: string;
241
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
220
242
  };
221
243
  };
222
244
  readonly gridRow: {
223
245
  dynamic: {
224
246
  default: string;
247
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
225
248
  };
226
249
  dynamicScale: true;
227
250
  name: "gridRow";
228
251
  vars: {
229
252
  default: string;
253
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
230
254
  };
231
255
  };
232
256
  readonly gridRowEnd: {
233
257
  dynamic: {
234
258
  default: string;
259
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
235
260
  };
236
261
  dynamicScale: true;
237
262
  name: "gridRowEnd";
238
263
  vars: {
239
264
  default: string;
265
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
240
266
  };
241
267
  };
242
268
  readonly gridRowStart: {
243
269
  dynamic: {
244
270
  default: string;
271
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
245
272
  };
246
273
  dynamicScale: true;
247
274
  name: "gridRowStart";
248
275
  vars: {
249
276
  default: string;
277
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
250
278
  };
251
279
  };
252
280
  readonly gridTemplate: {
253
281
  dynamic: {
254
282
  default: string;
283
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
255
284
  };
256
285
  dynamicScale: true;
257
286
  name: "gridTemplate";
258
287
  vars: {
259
288
  default: string;
289
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
260
290
  };
261
291
  };
262
292
  readonly gridTemplateAreas: {
263
293
  dynamic: {
264
294
  default: string;
295
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
265
296
  };
266
297
  dynamicScale: true;
267
298
  name: "gridTemplateAreas";
268
299
  vars: {
269
300
  default: string;
301
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
270
302
  };
271
303
  };
272
304
  readonly gridTemplateColumns: {
273
305
  dynamic: {
274
306
  default: string;
307
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
275
308
  };
276
309
  dynamicScale: true;
277
310
  name: "gridTemplateColumns";
278
311
  vars: {
279
312
  default: string;
313
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
280
314
  };
281
315
  };
282
316
  readonly gridTemplateRows: {
283
317
  dynamic: {
284
318
  default: string;
319
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
285
320
  };
286
321
  dynamicScale: true;
287
322
  name: "gridTemplateRows";
288
323
  vars: {
289
324
  default: string;
325
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
290
326
  };
291
327
  };
292
328
  readonly flex: {
293
329
  dynamic: {
294
330
  default: string;
331
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
295
332
  };
296
333
  dynamicScale: true;
297
334
  name: "flex";
298
335
  vars: {
299
336
  default: string;
337
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
300
338
  };
301
339
  };
302
340
  readonly flexBasis: {
303
341
  dynamic: {
304
342
  default: string;
343
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
305
344
  };
306
345
  dynamicScale: true;
307
346
  name: "flexBasis";
308
347
  vars: {
309
348
  default: string;
349
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
310
350
  };
311
351
  };
312
352
  readonly flexDirection: {
313
353
  dynamic: {
314
354
  default: string;
355
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
315
356
  };
316
357
  dynamicScale: true;
317
358
  name: "flexDirection";
318
359
  vars: {
319
360
  default: string;
361
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
320
362
  };
321
363
  };
322
364
  readonly flexFlow: {
323
365
  dynamic: {
324
366
  default: string;
367
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
325
368
  };
326
369
  dynamicScale: true;
327
370
  name: "flexFlow";
328
371
  vars: {
329
372
  default: string;
373
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
330
374
  };
331
375
  };
332
376
  readonly flexGrow: {
333
377
  dynamic: {
334
378
  default: string;
379
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
335
380
  };
336
381
  dynamicScale: true;
337
382
  name: "flexGrow";
338
383
  vars: {
339
384
  default: string;
385
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
340
386
  };
341
387
  };
342
388
  readonly flexShrink: {
343
389
  dynamic: {
344
390
  default: string;
391
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
345
392
  };
346
393
  dynamicScale: true;
347
394
  name: "flexShrink";
348
395
  vars: {
349
396
  default: string;
397
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
350
398
  };
351
399
  };
352
400
  readonly flexWrap: {
353
401
  dynamic: {
354
402
  default: string;
403
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
355
404
  };
356
405
  dynamicScale: true;
357
406
  name: "flexWrap";
358
407
  vars: {
359
408
  default: string;
409
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
360
410
  };
361
411
  };
362
412
  readonly justifyContent: {
363
413
  dynamic: {
364
414
  default: string;
415
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
365
416
  };
366
417
  dynamicScale: true;
367
418
  name: "justifyContent";
368
419
  vars: {
369
420
  default: string;
421
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
370
422
  };
371
423
  };
372
424
  readonly justifyItems: {
373
425
  dynamic: {
374
426
  default: string;
427
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
375
428
  };
376
429
  dynamicScale: true;
377
430
  name: "justifyItems";
378
431
  vars: {
379
432
  default: string;
433
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
380
434
  };
381
435
  };
382
436
  readonly justifySelf: {
383
437
  dynamic: {
384
438
  default: string;
439
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
385
440
  };
386
441
  dynamicScale: true;
387
442
  name: "justifySelf";
388
443
  vars: {
389
444
  default: string;
445
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
390
446
  };
391
447
  };
392
448
  readonly alignContent: {
393
449
  dynamic: {
394
450
  default: string;
451
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
395
452
  };
396
453
  dynamicScale: true;
397
454
  name: "alignContent";
398
455
  vars: {
399
456
  default: string;
457
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
400
458
  };
401
459
  };
402
460
  readonly alignItems: {
403
461
  dynamic: {
404
462
  default: string;
463
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
405
464
  };
406
465
  dynamicScale: true;
407
466
  name: "alignItems";
408
467
  vars: {
409
468
  default: string;
469
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
410
470
  };
411
471
  };
412
472
  readonly alignSelf: {
413
473
  dynamic: {
414
474
  default: string;
475
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
415
476
  };
416
477
  dynamicScale: true;
417
478
  name: "alignSelf";
418
479
  vars: {
419
480
  default: string;
481
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
420
482
  };
421
483
  };
422
484
  readonly gap: {
423
485
  dynamic: {
424
486
  default: string;
487
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
425
488
  };
426
489
  dynamicScale: {
427
490
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -449,11 +512,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
449
512
  name: "gap";
450
513
  vars: {
451
514
  default: string;
515
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
452
516
  };
453
517
  };
454
518
  readonly width: {
455
519
  dynamic: {
456
520
  default: string;
521
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
457
522
  };
458
523
  dynamicScale: {
459
524
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -481,11 +546,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
481
546
  name: "width";
482
547
  vars: {
483
548
  default: string;
549
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
484
550
  };
485
551
  };
486
552
  readonly maxWidth: {
487
553
  dynamic: {
488
554
  default: string;
555
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
489
556
  };
490
557
  dynamicScale: {
491
558
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -513,11 +580,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
513
580
  name: "maxWidth";
514
581
  vars: {
515
582
  default: string;
583
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
516
584
  };
517
585
  };
518
586
  readonly minWidth: {
519
587
  dynamic: {
520
588
  default: string;
589
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
521
590
  };
522
591
  dynamicScale: {
523
592
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -545,11 +614,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
545
614
  name: "minWidth";
546
615
  vars: {
547
616
  default: string;
617
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
548
618
  };
549
619
  };
550
620
  readonly height: {
551
621
  dynamic: {
552
622
  default: string;
623
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
553
624
  };
554
625
  dynamicScale: {
555
626
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -577,11 +648,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
577
648
  name: "height";
578
649
  vars: {
579
650
  default: string;
651
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
580
652
  };
581
653
  };
582
654
  readonly maxHeight: {
583
655
  dynamic: {
584
656
  default: string;
657
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
585
658
  };
586
659
  dynamicScale: {
587
660
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -609,11 +682,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
609
682
  name: "maxHeight";
610
683
  vars: {
611
684
  default: string;
685
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
612
686
  };
613
687
  };
614
688
  readonly minHeight: {
615
689
  dynamic: {
616
690
  default: string;
691
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
617
692
  };
618
693
  dynamicScale: {
619
694
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -641,11 +716,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
641
716
  name: "minHeight";
642
717
  vars: {
643
718
  default: string;
719
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
644
720
  };
645
721
  };
646
722
  readonly margin: {
647
723
  dynamic: {
648
724
  default: string;
725
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
649
726
  };
650
727
  dynamicScale: {
651
728
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -673,11 +750,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
673
750
  name: "margin";
674
751
  vars: {
675
752
  default: string;
753
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
676
754
  };
677
755
  };
678
756
  readonly marginBlock: {
679
757
  dynamic: {
680
758
  default: string;
759
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
681
760
  };
682
761
  dynamicScale: {
683
762
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -705,11 +784,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
705
784
  name: "marginBlock";
706
785
  vars: {
707
786
  default: string;
787
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
708
788
  };
709
789
  };
710
790
  readonly marginBlockEnd: {
711
791
  dynamic: {
712
792
  default: string;
793
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
713
794
  };
714
795
  dynamicScale: {
715
796
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -737,11 +818,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
737
818
  name: "marginBlockEnd";
738
819
  vars: {
739
820
  default: string;
821
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
740
822
  };
741
823
  };
742
824
  readonly marginBlockStart: {
743
825
  dynamic: {
744
826
  default: string;
827
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
745
828
  };
746
829
  dynamicScale: {
747
830
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -769,11 +852,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
769
852
  name: "marginBlockStart";
770
853
  vars: {
771
854
  default: string;
855
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
772
856
  };
773
857
  };
774
858
  readonly marginBottom: {
775
859
  dynamic: {
776
860
  default: string;
861
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
777
862
  };
778
863
  dynamicScale: {
779
864
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -801,11 +886,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
801
886
  name: "marginBottom";
802
887
  vars: {
803
888
  default: string;
889
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
804
890
  };
805
891
  };
806
892
  readonly marginInline: {
807
893
  dynamic: {
808
894
  default: string;
895
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
809
896
  };
810
897
  dynamicScale: {
811
898
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -833,11 +920,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
833
920
  name: "marginInline";
834
921
  vars: {
835
922
  default: string;
923
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
836
924
  };
837
925
  };
838
926
  readonly marginInlineEnd: {
839
927
  dynamic: {
840
928
  default: string;
929
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
841
930
  };
842
931
  dynamicScale: {
843
932
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -865,11 +954,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
865
954
  name: "marginInlineEnd";
866
955
  vars: {
867
956
  default: string;
957
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
868
958
  };
869
959
  };
870
960
  readonly marginInlineStart: {
871
961
  dynamic: {
872
962
  default: string;
963
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
873
964
  };
874
965
  dynamicScale: {
875
966
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -897,11 +988,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
897
988
  name: "marginInlineStart";
898
989
  vars: {
899
990
  default: string;
991
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
900
992
  };
901
993
  };
902
994
  readonly marginLeft: {
903
995
  dynamic: {
904
996
  default: string;
997
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
905
998
  };
906
999
  dynamicScale: {
907
1000
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -929,11 +1022,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
929
1022
  name: "marginLeft";
930
1023
  vars: {
931
1024
  default: string;
1025
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
932
1026
  };
933
1027
  };
934
1028
  readonly marginRight: {
935
1029
  dynamic: {
936
1030
  default: string;
1031
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
937
1032
  };
938
1033
  dynamicScale: {
939
1034
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -961,11 +1056,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
961
1056
  name: "marginRight";
962
1057
  vars: {
963
1058
  default: string;
1059
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
964
1060
  };
965
1061
  };
966
1062
  readonly marginTop: {
967
1063
  dynamic: {
968
1064
  default: string;
1065
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
969
1066
  };
970
1067
  dynamicScale: {
971
1068
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -993,11 +1090,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
993
1090
  name: "marginTop";
994
1091
  vars: {
995
1092
  default: string;
1093
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
996
1094
  };
997
1095
  };
998
1096
  readonly padding: {
999
1097
  dynamic: {
1000
1098
  default: string;
1099
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1001
1100
  };
1002
1101
  dynamicScale: {
1003
1102
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1025,11 +1124,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
1025
1124
  name: "padding";
1026
1125
  vars: {
1027
1126
  default: string;
1127
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1028
1128
  };
1029
1129
  };
1030
1130
  readonly paddingBlock: {
1031
1131
  dynamic: {
1032
1132
  default: string;
1133
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1033
1134
  };
1034
1135
  dynamicScale: {
1035
1136
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1057,11 +1158,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
1057
1158
  name: "paddingBlock";
1058
1159
  vars: {
1059
1160
  default: string;
1161
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1060
1162
  };
1061
1163
  };
1062
1164
  readonly paddingBlockEnd: {
1063
1165
  dynamic: {
1064
1166
  default: string;
1167
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1065
1168
  };
1066
1169
  dynamicScale: {
1067
1170
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1089,11 +1192,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
1089
1192
  name: "paddingBlockEnd";
1090
1193
  vars: {
1091
1194
  default: string;
1195
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1092
1196
  };
1093
1197
  };
1094
1198
  readonly paddingBlockStart: {
1095
1199
  dynamic: {
1096
1200
  default: string;
1201
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1097
1202
  };
1098
1203
  dynamicScale: {
1099
1204
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1121,11 +1226,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
1121
1226
  name: "paddingBlockStart";
1122
1227
  vars: {
1123
1228
  default: string;
1229
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1124
1230
  };
1125
1231
  };
1126
1232
  readonly paddingBottom: {
1127
1233
  dynamic: {
1128
1234
  default: string;
1235
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1129
1236
  };
1130
1237
  dynamicScale: {
1131
1238
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1153,11 +1260,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
1153
1260
  name: "paddingBottom";
1154
1261
  vars: {
1155
1262
  default: string;
1263
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1156
1264
  };
1157
1265
  };
1158
1266
  readonly paddingInline: {
1159
1267
  dynamic: {
1160
1268
  default: string;
1269
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1161
1270
  };
1162
1271
  dynamicScale: {
1163
1272
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1185,11 +1294,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
1185
1294
  name: "paddingInline";
1186
1295
  vars: {
1187
1296
  default: string;
1297
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1188
1298
  };
1189
1299
  };
1190
1300
  readonly paddingInlineEnd: {
1191
1301
  dynamic: {
1192
1302
  default: string;
1303
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1193
1304
  };
1194
1305
  dynamicScale: {
1195
1306
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1217,11 +1328,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
1217
1328
  name: "paddingInlineEnd";
1218
1329
  vars: {
1219
1330
  default: string;
1331
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1220
1332
  };
1221
1333
  };
1222
1334
  readonly paddingInlineStart: {
1223
1335
  dynamic: {
1224
1336
  default: string;
1337
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1225
1338
  };
1226
1339
  dynamicScale: {
1227
1340
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1249,11 +1362,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
1249
1362
  name: "paddingInlineStart";
1250
1363
  vars: {
1251
1364
  default: string;
1365
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1252
1366
  };
1253
1367
  };
1254
1368
  readonly paddingLeft: {
1255
1369
  dynamic: {
1256
1370
  default: string;
1371
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1257
1372
  };
1258
1373
  dynamicScale: {
1259
1374
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1281,11 +1396,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
1281
1396
  name: "paddingLeft";
1282
1397
  vars: {
1283
1398
  default: string;
1399
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1284
1400
  };
1285
1401
  };
1286
1402
  readonly paddingRight: {
1287
1403
  dynamic: {
1288
1404
  default: string;
1405
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1289
1406
  };
1290
1407
  dynamicScale: {
1291
1408
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1313,11 +1430,13 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
1313
1430
  name: "paddingRight";
1314
1431
  vars: {
1315
1432
  default: string;
1433
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1316
1434
  };
1317
1435
  };
1318
1436
  readonly paddingTop: {
1319
1437
  dynamic: {
1320
1438
  default: string;
1439
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1321
1440
  };
1322
1441
  dynamicScale: {
1323
1442
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1345,6 +1464,7 @@ export declare const Frame: <TAs extends ElementType = "div">(props: {
1345
1464
  name: "paddingTop";
1346
1465
  vars: {
1347
1466
  default: string;
1467
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1348
1468
  };
1349
1469
  };
1350
1470
  } & {