@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/Modal/Modal.d.ts CHANGED
@@ -131,316 +131,379 @@ declare const ModalContent: (props: {
131
131
  readonly display: {
132
132
  dynamic: {
133
133
  default: string;
134
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
134
135
  };
135
136
  dynamicScale: true;
136
137
  name: "display";
137
138
  vars: {
138
139
  default: string;
140
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
139
141
  };
140
142
  };
141
143
  readonly overflow: {
142
144
  dynamic: {
143
145
  default: string;
146
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
144
147
  };
145
148
  dynamicScale: true;
146
149
  name: "overflow";
147
150
  vars: {
148
151
  default: string;
152
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
149
153
  };
150
154
  };
151
155
  readonly boxSizing: {
152
156
  dynamic: {
153
157
  default: string;
158
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
154
159
  };
155
160
  dynamicScale: true;
156
161
  name: "boxSizing";
157
162
  vars: {
158
163
  default: string;
164
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
159
165
  };
160
166
  };
161
167
  readonly grid: {
162
168
  dynamic: {
163
169
  default: string;
170
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
164
171
  };
165
172
  dynamicScale: true;
166
173
  name: "grid";
167
174
  vars: {
168
175
  default: string;
176
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
169
177
  };
170
178
  };
171
179
  readonly gridArea: {
172
180
  dynamic: {
173
181
  default: string;
182
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
174
183
  };
175
184
  dynamicScale: true;
176
185
  name: "gridArea";
177
186
  vars: {
178
187
  default: string;
188
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
179
189
  };
180
190
  };
181
191
  readonly gridAutoColumns: {
182
192
  dynamic: {
183
193
  default: string;
194
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
184
195
  };
185
196
  dynamicScale: true;
186
197
  name: "gridAutoColumns";
187
198
  vars: {
188
199
  default: string;
200
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
189
201
  };
190
202
  };
191
203
  readonly gridAutoFlow: {
192
204
  dynamic: {
193
205
  default: string;
206
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
194
207
  };
195
208
  dynamicScale: true;
196
209
  name: "gridAutoFlow";
197
210
  vars: {
198
211
  default: string;
212
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
199
213
  };
200
214
  };
201
215
  readonly gridAutoRows: {
202
216
  dynamic: {
203
217
  default: string;
218
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
204
219
  };
205
220
  dynamicScale: true;
206
221
  name: "gridAutoRows";
207
222
  vars: {
208
223
  default: string;
224
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
209
225
  };
210
226
  };
211
227
  readonly gridColumn: {
212
228
  dynamic: {
213
229
  default: string;
230
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
214
231
  };
215
232
  dynamicScale: true;
216
233
  name: "gridColumn";
217
234
  vars: {
218
235
  default: string;
236
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
219
237
  };
220
238
  };
221
239
  readonly gridColumnEnd: {
222
240
  dynamic: {
223
241
  default: string;
242
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
224
243
  };
225
244
  dynamicScale: true;
226
245
  name: "gridColumnEnd";
227
246
  vars: {
228
247
  default: string;
248
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
229
249
  };
230
250
  };
231
251
  readonly gridColumnStart: {
232
252
  dynamic: {
233
253
  default: string;
254
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
234
255
  };
235
256
  dynamicScale: true;
236
257
  name: "gridColumnStart";
237
258
  vars: {
238
259
  default: string;
260
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
239
261
  };
240
262
  };
241
263
  readonly gridRow: {
242
264
  dynamic: {
243
265
  default: string;
266
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
244
267
  };
245
268
  dynamicScale: true;
246
269
  name: "gridRow";
247
270
  vars: {
248
271
  default: string;
272
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
249
273
  };
250
274
  };
251
275
  readonly gridRowEnd: {
252
276
  dynamic: {
253
277
  default: string;
278
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
254
279
  };
255
280
  dynamicScale: true;
256
281
  name: "gridRowEnd";
257
282
  vars: {
258
283
  default: string;
284
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
259
285
  };
260
286
  };
261
287
  readonly gridRowStart: {
262
288
  dynamic: {
263
289
  default: string;
290
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
264
291
  };
265
292
  dynamicScale: true;
266
293
  name: "gridRowStart";
267
294
  vars: {
268
295
  default: string;
296
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
269
297
  };
270
298
  };
271
299
  readonly gridTemplate: {
272
300
  dynamic: {
273
301
  default: string;
302
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
274
303
  };
275
304
  dynamicScale: true;
276
305
  name: "gridTemplate";
277
306
  vars: {
278
307
  default: string;
308
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
279
309
  };
280
310
  };
281
311
  readonly gridTemplateAreas: {
282
312
  dynamic: {
283
313
  default: string;
314
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
284
315
  };
285
316
  dynamicScale: true;
286
317
  name: "gridTemplateAreas";
287
318
  vars: {
288
319
  default: string;
320
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
289
321
  };
290
322
  };
291
323
  readonly gridTemplateColumns: {
292
324
  dynamic: {
293
325
  default: string;
326
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
294
327
  };
295
328
  dynamicScale: true;
296
329
  name: "gridTemplateColumns";
297
330
  vars: {
298
331
  default: string;
332
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
299
333
  };
300
334
  };
301
335
  readonly gridTemplateRows: {
302
336
  dynamic: {
303
337
  default: string;
338
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
304
339
  };
305
340
  dynamicScale: true;
306
341
  name: "gridTemplateRows";
307
342
  vars: {
308
343
  default: string;
344
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
309
345
  };
310
346
  };
311
347
  readonly flex: {
312
348
  dynamic: {
313
349
  default: string;
350
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
314
351
  };
315
352
  dynamicScale: true;
316
353
  name: "flex";
317
354
  vars: {
318
355
  default: string;
356
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
319
357
  };
320
358
  };
321
359
  readonly flexBasis: {
322
360
  dynamic: {
323
361
  default: string;
362
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
324
363
  };
325
364
  dynamicScale: true;
326
365
  name: "flexBasis";
327
366
  vars: {
328
367
  default: string;
368
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
329
369
  };
330
370
  };
331
371
  readonly flexDirection: {
332
372
  dynamic: {
333
373
  default: string;
374
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
334
375
  };
335
376
  dynamicScale: true;
336
377
  name: "flexDirection";
337
378
  vars: {
338
379
  default: string;
380
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
339
381
  };
340
382
  };
341
383
  readonly flexFlow: {
342
384
  dynamic: {
343
385
  default: string;
386
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
344
387
  };
345
388
  dynamicScale: true;
346
389
  name: "flexFlow";
347
390
  vars: {
348
391
  default: string;
392
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
349
393
  };
350
394
  };
351
395
  readonly flexGrow: {
352
396
  dynamic: {
353
397
  default: string;
398
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
354
399
  };
355
400
  dynamicScale: true;
356
401
  name: "flexGrow";
357
402
  vars: {
358
403
  default: string;
404
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
359
405
  };
360
406
  };
361
407
  readonly flexShrink: {
362
408
  dynamic: {
363
409
  default: string;
410
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
364
411
  };
365
412
  dynamicScale: true;
366
413
  name: "flexShrink";
367
414
  vars: {
368
415
  default: string;
416
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
369
417
  };
370
418
  };
371
419
  readonly flexWrap: {
372
420
  dynamic: {
373
421
  default: string;
422
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
374
423
  };
375
424
  dynamicScale: true;
376
425
  name: "flexWrap";
377
426
  vars: {
378
427
  default: string;
428
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
379
429
  };
380
430
  };
381
431
  readonly justifyContent: {
382
432
  dynamic: {
383
433
  default: string;
434
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
384
435
  };
385
436
  dynamicScale: true;
386
437
  name: "justifyContent";
387
438
  vars: {
388
439
  default: string;
440
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
389
441
  };
390
442
  };
391
443
  readonly justifyItems: {
392
444
  dynamic: {
393
445
  default: string;
446
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
394
447
  };
395
448
  dynamicScale: true;
396
449
  name: "justifyItems";
397
450
  vars: {
398
451
  default: string;
452
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
399
453
  };
400
454
  };
401
455
  readonly justifySelf: {
402
456
  dynamic: {
403
457
  default: string;
458
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
404
459
  };
405
460
  dynamicScale: true;
406
461
  name: "justifySelf";
407
462
  vars: {
408
463
  default: string;
464
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
409
465
  };
410
466
  };
411
467
  readonly alignContent: {
412
468
  dynamic: {
413
469
  default: string;
470
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
414
471
  };
415
472
  dynamicScale: true;
416
473
  name: "alignContent";
417
474
  vars: {
418
475
  default: string;
476
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
419
477
  };
420
478
  };
421
479
  readonly alignItems: {
422
480
  dynamic: {
423
481
  default: string;
482
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
424
483
  };
425
484
  dynamicScale: true;
426
485
  name: "alignItems";
427
486
  vars: {
428
487
  default: string;
488
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
429
489
  };
430
490
  };
431
491
  readonly alignSelf: {
432
492
  dynamic: {
433
493
  default: string;
494
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
434
495
  };
435
496
  dynamicScale: true;
436
497
  name: "alignSelf";
437
498
  vars: {
438
499
  default: string;
500
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
439
501
  };
440
502
  };
441
503
  readonly gap: {
442
504
  dynamic: {
443
505
  default: string;
506
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
444
507
  };
445
508
  dynamicScale: {
446
509
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -468,11 +531,13 @@ declare const ModalContent: (props: {
468
531
  name: "gap";
469
532
  vars: {
470
533
  default: string;
534
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
471
535
  };
472
536
  };
473
537
  readonly width: {
474
538
  dynamic: {
475
539
  default: string;
540
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
476
541
  };
477
542
  dynamicScale: {
478
543
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -500,11 +565,13 @@ declare const ModalContent: (props: {
500
565
  name: "width";
501
566
  vars: {
502
567
  default: string;
568
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
503
569
  };
504
570
  };
505
571
  readonly maxWidth: {
506
572
  dynamic: {
507
573
  default: string;
574
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
508
575
  };
509
576
  dynamicScale: {
510
577
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -532,11 +599,13 @@ declare const ModalContent: (props: {
532
599
  name: "maxWidth";
533
600
  vars: {
534
601
  default: string;
602
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
535
603
  };
536
604
  };
537
605
  readonly minWidth: {
538
606
  dynamic: {
539
607
  default: string;
608
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
540
609
  };
541
610
  dynamicScale: {
542
611
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -564,11 +633,13 @@ declare const ModalContent: (props: {
564
633
  name: "minWidth";
565
634
  vars: {
566
635
  default: string;
636
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
567
637
  };
568
638
  };
569
639
  readonly height: {
570
640
  dynamic: {
571
641
  default: string;
642
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
572
643
  };
573
644
  dynamicScale: {
574
645
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -596,11 +667,13 @@ declare const ModalContent: (props: {
596
667
  name: "height";
597
668
  vars: {
598
669
  default: string;
670
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
599
671
  };
600
672
  };
601
673
  readonly maxHeight: {
602
674
  dynamic: {
603
675
  default: string;
676
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
604
677
  };
605
678
  dynamicScale: {
606
679
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -628,11 +701,13 @@ declare const ModalContent: (props: {
628
701
  name: "maxHeight";
629
702
  vars: {
630
703
  default: string;
704
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
631
705
  };
632
706
  };
633
707
  readonly minHeight: {
634
708
  dynamic: {
635
709
  default: string;
710
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
636
711
  };
637
712
  dynamicScale: {
638
713
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -660,11 +735,13 @@ declare const ModalContent: (props: {
660
735
  name: "minHeight";
661
736
  vars: {
662
737
  default: string;
738
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
663
739
  };
664
740
  };
665
741
  readonly margin: {
666
742
  dynamic: {
667
743
  default: string;
744
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
668
745
  };
669
746
  dynamicScale: {
670
747
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -692,11 +769,13 @@ declare const ModalContent: (props: {
692
769
  name: "margin";
693
770
  vars: {
694
771
  default: string;
772
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
695
773
  };
696
774
  };
697
775
  readonly marginBlock: {
698
776
  dynamic: {
699
777
  default: string;
778
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
700
779
  };
701
780
  dynamicScale: {
702
781
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -724,11 +803,13 @@ declare const ModalContent: (props: {
724
803
  name: "marginBlock";
725
804
  vars: {
726
805
  default: string;
806
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
727
807
  };
728
808
  };
729
809
  readonly marginBlockEnd: {
730
810
  dynamic: {
731
811
  default: string;
812
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
732
813
  };
733
814
  dynamicScale: {
734
815
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -756,11 +837,13 @@ declare const ModalContent: (props: {
756
837
  name: "marginBlockEnd";
757
838
  vars: {
758
839
  default: string;
840
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
759
841
  };
760
842
  };
761
843
  readonly marginBlockStart: {
762
844
  dynamic: {
763
845
  default: string;
846
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
764
847
  };
765
848
  dynamicScale: {
766
849
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -788,11 +871,13 @@ declare const ModalContent: (props: {
788
871
  name: "marginBlockStart";
789
872
  vars: {
790
873
  default: string;
874
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
791
875
  };
792
876
  };
793
877
  readonly marginBottom: {
794
878
  dynamic: {
795
879
  default: string;
880
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
796
881
  };
797
882
  dynamicScale: {
798
883
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -820,11 +905,13 @@ declare const ModalContent: (props: {
820
905
  name: "marginBottom";
821
906
  vars: {
822
907
  default: string;
908
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
823
909
  };
824
910
  };
825
911
  readonly marginInline: {
826
912
  dynamic: {
827
913
  default: string;
914
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
828
915
  };
829
916
  dynamicScale: {
830
917
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -852,11 +939,13 @@ declare const ModalContent: (props: {
852
939
  name: "marginInline";
853
940
  vars: {
854
941
  default: string;
942
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
855
943
  };
856
944
  };
857
945
  readonly marginInlineEnd: {
858
946
  dynamic: {
859
947
  default: string;
948
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
860
949
  };
861
950
  dynamicScale: {
862
951
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -884,11 +973,13 @@ declare const ModalContent: (props: {
884
973
  name: "marginInlineEnd";
885
974
  vars: {
886
975
  default: string;
976
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
887
977
  };
888
978
  };
889
979
  readonly marginInlineStart: {
890
980
  dynamic: {
891
981
  default: string;
982
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
892
983
  };
893
984
  dynamicScale: {
894
985
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -916,11 +1007,13 @@ declare const ModalContent: (props: {
916
1007
  name: "marginInlineStart";
917
1008
  vars: {
918
1009
  default: string;
1010
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
919
1011
  };
920
1012
  };
921
1013
  readonly marginLeft: {
922
1014
  dynamic: {
923
1015
  default: string;
1016
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
924
1017
  };
925
1018
  dynamicScale: {
926
1019
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -948,11 +1041,13 @@ declare const ModalContent: (props: {
948
1041
  name: "marginLeft";
949
1042
  vars: {
950
1043
  default: string;
1044
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
951
1045
  };
952
1046
  };
953
1047
  readonly marginRight: {
954
1048
  dynamic: {
955
1049
  default: string;
1050
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
956
1051
  };
957
1052
  dynamicScale: {
958
1053
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -980,11 +1075,13 @@ declare const ModalContent: (props: {
980
1075
  name: "marginRight";
981
1076
  vars: {
982
1077
  default: string;
1078
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
983
1079
  };
984
1080
  };
985
1081
  readonly marginTop: {
986
1082
  dynamic: {
987
1083
  default: string;
1084
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
988
1085
  };
989
1086
  dynamicScale: {
990
1087
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1012,11 +1109,13 @@ declare const ModalContent: (props: {
1012
1109
  name: "marginTop";
1013
1110
  vars: {
1014
1111
  default: string;
1112
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1015
1113
  };
1016
1114
  };
1017
1115
  readonly padding: {
1018
1116
  dynamic: {
1019
1117
  default: string;
1118
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1020
1119
  };
1021
1120
  dynamicScale: {
1022
1121
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1044,11 +1143,13 @@ declare const ModalContent: (props: {
1044
1143
  name: "padding";
1045
1144
  vars: {
1046
1145
  default: string;
1146
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1047
1147
  };
1048
1148
  };
1049
1149
  readonly paddingBlock: {
1050
1150
  dynamic: {
1051
1151
  default: string;
1152
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1052
1153
  };
1053
1154
  dynamicScale: {
1054
1155
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1076,11 +1177,13 @@ declare const ModalContent: (props: {
1076
1177
  name: "paddingBlock";
1077
1178
  vars: {
1078
1179
  default: string;
1180
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1079
1181
  };
1080
1182
  };
1081
1183
  readonly paddingBlockEnd: {
1082
1184
  dynamic: {
1083
1185
  default: string;
1186
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1084
1187
  };
1085
1188
  dynamicScale: {
1086
1189
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1108,11 +1211,13 @@ declare const ModalContent: (props: {
1108
1211
  name: "paddingBlockEnd";
1109
1212
  vars: {
1110
1213
  default: string;
1214
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1111
1215
  };
1112
1216
  };
1113
1217
  readonly paddingBlockStart: {
1114
1218
  dynamic: {
1115
1219
  default: string;
1220
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1116
1221
  };
1117
1222
  dynamicScale: {
1118
1223
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1140,11 +1245,13 @@ declare const ModalContent: (props: {
1140
1245
  name: "paddingBlockStart";
1141
1246
  vars: {
1142
1247
  default: string;
1248
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1143
1249
  };
1144
1250
  };
1145
1251
  readonly paddingBottom: {
1146
1252
  dynamic: {
1147
1253
  default: string;
1254
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1148
1255
  };
1149
1256
  dynamicScale: {
1150
1257
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1172,11 +1279,13 @@ declare const ModalContent: (props: {
1172
1279
  name: "paddingBottom";
1173
1280
  vars: {
1174
1281
  default: string;
1282
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1175
1283
  };
1176
1284
  };
1177
1285
  readonly paddingInline: {
1178
1286
  dynamic: {
1179
1287
  default: string;
1288
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1180
1289
  };
1181
1290
  dynamicScale: {
1182
1291
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1204,11 +1313,13 @@ declare const ModalContent: (props: {
1204
1313
  name: "paddingInline";
1205
1314
  vars: {
1206
1315
  default: string;
1316
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1207
1317
  };
1208
1318
  };
1209
1319
  readonly paddingInlineEnd: {
1210
1320
  dynamic: {
1211
1321
  default: string;
1322
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1212
1323
  };
1213
1324
  dynamicScale: {
1214
1325
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1236,11 +1347,13 @@ declare const ModalContent: (props: {
1236
1347
  name: "paddingInlineEnd";
1237
1348
  vars: {
1238
1349
  default: string;
1350
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1239
1351
  };
1240
1352
  };
1241
1353
  readonly paddingInlineStart: {
1242
1354
  dynamic: {
1243
1355
  default: string;
1356
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1244
1357
  };
1245
1358
  dynamicScale: {
1246
1359
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1268,11 +1381,13 @@ declare const ModalContent: (props: {
1268
1381
  name: "paddingInlineStart";
1269
1382
  vars: {
1270
1383
  default: string;
1384
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1271
1385
  };
1272
1386
  };
1273
1387
  readonly paddingLeft: {
1274
1388
  dynamic: {
1275
1389
  default: string;
1390
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1276
1391
  };
1277
1392
  dynamicScale: {
1278
1393
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1300,11 +1415,13 @@ declare const ModalContent: (props: {
1300
1415
  name: "paddingLeft";
1301
1416
  vars: {
1302
1417
  default: string;
1418
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1303
1419
  };
1304
1420
  };
1305
1421
  readonly paddingRight: {
1306
1422
  dynamic: {
1307
1423
  default: string;
1424
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1308
1425
  };
1309
1426
  dynamicScale: {
1310
1427
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1332,11 +1449,13 @@ declare const ModalContent: (props: {
1332
1449
  name: "paddingRight";
1333
1450
  vars: {
1334
1451
  default: string;
1452
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1335
1453
  };
1336
1454
  };
1337
1455
  readonly paddingTop: {
1338
1456
  dynamic: {
1339
1457
  default: string;
1458
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1340
1459
  };
1341
1460
  dynamicScale: {
1342
1461
  '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1364,6 +1483,7 @@ declare const ModalContent: (props: {
1364
1483
  name: "paddingTop";
1365
1484
  vars: {
1366
1485
  default: string;
1486
+ conditions: Record<"mobile" | "tablet" | "desktop", string>;
1367
1487
  };
1368
1488
  };
1369
1489
  } & {