@codecademy/gamut-styles 17.12.0-alpha.659557.0 → 17.12.0-alpha.7091af.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 (8) hide show
  1. package/dist/ColorMode.d.ts +653 -128
  2. package/dist/GamutProvider.d.ts +5 -0
  3. package/dist/GamutProvider.js +30 -13
  4. package/dist/variance/config.d.ts +434 -84
  5. package/dist/variance/config.js +217 -42
  6. package/dist/variance/props.d.ts +870 -170
  7. package/dist/variance/utils.d.ts +3 -3
  8. package/package.json +6 -4
package/dist/ColorMode.d.ts CHANGED
@@ -60,43 +60,82 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
60
60
  readonly property: "overflow";
61
61
  };
62
62
  readonly overflowX: {
63
- readonly property: "overflowX";
63
+ readonly property: {
64
+ readonly physical: "overflowX";
65
+ readonly logical: "overflowInline";
66
+ };
67
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
64
68
  };
65
69
  readonly overflowY: {
66
- readonly property: "overflowY";
70
+ readonly property: {
71
+ readonly physical: "overflowY";
72
+ readonly logical: "overflowBlock";
73
+ };
74
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
67
75
  };
68
76
  readonly dimensions: {
69
77
  readonly property: "width";
70
- readonly properties: readonly ["width", "height"];
78
+ readonly properties: {
79
+ readonly physical: readonly ["width", "height"];
80
+ readonly logical: readonly ["inlineSize", "blockSize"];
81
+ };
82
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
71
83
  readonly transform: (value: string | number) => string | 0;
72
84
  };
73
85
  readonly width: {
74
- readonly property: "width";
86
+ readonly property: {
87
+ readonly physical: "width";
88
+ readonly logical: "inlineSize";
89
+ };
90
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
75
91
  readonly transform: (value: string | number) => string | 0;
76
92
  };
77
93
  readonly minWidth: {
78
- readonly property: "minWidth";
94
+ readonly property: {
95
+ readonly physical: "minWidth";
96
+ readonly logical: "minInlineSize";
97
+ };
98
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
79
99
  readonly transform: (value: string | number) => string | 0;
80
100
  };
81
101
  readonly maxWidth: {
82
- readonly property: "maxWidth";
102
+ readonly property: {
103
+ readonly physical: "maxWidth";
104
+ readonly logical: "maxInlineSize";
105
+ };
106
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
83
107
  readonly transform: (value: string | number) => string | 0;
84
108
  };
85
109
  readonly height: {
86
- readonly property: "height";
110
+ readonly property: {
111
+ readonly physical: "height";
112
+ readonly logical: "blockSize";
113
+ };
114
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
87
115
  readonly transform: (value: string | number) => string | 0;
88
116
  };
89
117
  readonly minHeight: {
90
- readonly property: "minHeight";
118
+ readonly property: {
119
+ readonly physical: "minHeight";
120
+ readonly logical: "minBlockSize";
121
+ };
122
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
91
123
  readonly transform: (value: string | number) => string | 0;
92
124
  };
93
125
  readonly maxHeight: {
94
- readonly property: "maxHeight";
126
+ readonly property: {
127
+ readonly physical: "maxHeight";
128
+ readonly logical: "maxBlockSize";
129
+ };
130
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
95
131
  readonly transform: (value: string | number) => string | 0;
96
132
  };
97
133
  readonly verticalAlign: {
98
134
  readonly property: "verticalAlign";
99
135
  };
136
+ readonly direction: {
137
+ readonly property: "direction";
138
+ };
100
139
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
101
140
  readonly color: {
102
141
  readonly property: "color";
@@ -116,28 +155,40 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
116
155
  };
117
156
  readonly borderColorX: {
118
157
  readonly property: "borderColor";
119
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
158
+ readonly properties: {
159
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
160
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
161
+ };
162
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
120
163
  readonly scale: "colors";
121
164
  };
122
165
  readonly borderColorY: {
123
166
  readonly property: "borderColor";
124
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
167
+ readonly properties: {
168
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
169
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
170
+ };
171
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
125
172
  readonly scale: "colors";
126
173
  };
127
174
  readonly borderColorLeft: {
128
175
  readonly property: "borderLeftColor";
176
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
129
177
  readonly scale: "colors";
130
178
  };
131
179
  readonly borderColorRight: {
132
180
  readonly property: "borderRightColor";
181
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
133
182
  readonly scale: "colors";
134
183
  };
135
184
  readonly borderColorTop: {
136
185
  readonly property: "borderTopColor";
186
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
137
187
  readonly scale: "colors";
138
188
  };
139
189
  readonly borderColorBottom: {
140
190
  readonly property: "borderBottomColor";
191
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
141
192
  readonly scale: "colors";
142
193
  };
143
194
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
@@ -259,23 +310,43 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
259
310
  };
260
311
  readonly inset: {
261
312
  readonly property: "inset";
262
- readonly properties: readonly ["top", "right", "bottom", "left"];
313
+ readonly properties: {
314
+ readonly physical: readonly ["top", "right", "bottom", "left"];
315
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
316
+ };
317
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
263
318
  readonly transform: (value: string | number) => string | 0;
264
319
  };
265
320
  readonly top: {
266
- readonly property: "top";
321
+ readonly property: {
322
+ readonly physical: "top";
323
+ readonly logical: "insetBlockStart";
324
+ };
325
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
267
326
  readonly transform: (value: string | number) => string | 0;
268
327
  };
269
328
  readonly right: {
270
- readonly property: "right";
329
+ readonly property: {
330
+ readonly physical: "right";
331
+ readonly logical: "insetInlineEnd";
332
+ };
333
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
271
334
  readonly transform: (value: string | number) => string | 0;
272
335
  };
273
336
  readonly bottom: {
274
- readonly property: "bottom";
337
+ readonly property: {
338
+ readonly physical: "bottom";
339
+ readonly logical: "insetBlockEnd";
340
+ };
341
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
275
342
  readonly transform: (value: string | number) => string | 0;
276
343
  };
277
344
  readonly left: {
278
- readonly property: "left";
345
+ readonly property: {
346
+ readonly physical: "left";
347
+ readonly logical: "insetInlineStart";
348
+ };
349
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
279
350
  readonly transform: (value: string | number) => string | 0;
280
351
  };
281
352
  readonly zIndex: {
@@ -400,28 +471,52 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
400
471
  };
401
472
  readonly borderX: {
402
473
  readonly property: "border";
403
- readonly properties: readonly ["borderLeft", "borderRight"];
474
+ readonly properties: {
475
+ readonly physical: readonly ["borderLeft", "borderRight"];
476
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
477
+ };
478
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
404
479
  readonly scale: "borders";
405
480
  };
406
481
  readonly borderY: {
407
482
  readonly property: "border";
408
- readonly properties: readonly ["borderTop", "borderBottom"];
483
+ readonly properties: {
484
+ readonly physical: readonly ["borderTop", "borderBottom"];
485
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
486
+ };
487
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
409
488
  readonly scale: "borders";
410
489
  };
411
490
  readonly borderTop: {
412
- readonly property: "borderTop";
491
+ readonly property: {
492
+ readonly physical: "borderTop";
493
+ readonly logical: "borderBlockStart";
494
+ };
495
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
413
496
  readonly scale: "borders";
414
497
  };
415
498
  readonly borderRight: {
416
- readonly property: "borderRight";
499
+ readonly property: {
500
+ readonly physical: "borderRight";
501
+ readonly logical: "borderInlineEnd";
502
+ };
503
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
417
504
  readonly scale: "borders";
418
505
  };
419
506
  readonly borderBottom: {
420
- readonly property: "borderBottom";
507
+ readonly property: {
508
+ readonly physical: "borderBottom";
509
+ readonly logical: "borderBlockEnd";
510
+ };
511
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
421
512
  readonly scale: "borders";
422
513
  };
423
514
  readonly borderLeft: {
424
- readonly property: "borderLeft";
515
+ readonly property: {
516
+ readonly physical: "borderLeft";
517
+ readonly logical: "borderInlineStart";
518
+ };
519
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
425
520
  readonly scale: "borders";
426
521
  };
427
522
  readonly borderWidth: {
@@ -429,23 +524,47 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
429
524
  };
430
525
  readonly borderWidthX: {
431
526
  readonly property: "borderWidth";
432
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
527
+ readonly properties: {
528
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
529
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
530
+ };
531
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
433
532
  };
434
533
  readonly borderWidthY: {
435
534
  readonly property: "borderWidth";
436
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
535
+ readonly properties: {
536
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
537
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
538
+ };
539
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
437
540
  };
438
541
  readonly borderWidthLeft: {
439
- readonly property: "borderLeftWidth";
542
+ readonly property: {
543
+ readonly physical: "borderLeftWidth";
544
+ readonly logical: "borderInlineStartWidth";
545
+ };
546
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
440
547
  };
441
548
  readonly borderWidthRight: {
442
- readonly property: "borderRightWidth";
549
+ readonly property: {
550
+ readonly physical: "borderRightWidth";
551
+ readonly logical: "borderInlineEndWidth";
552
+ };
553
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
443
554
  };
444
555
  readonly borderWidthTop: {
445
- readonly property: "borderTopWidth";
556
+ readonly property: {
557
+ readonly physical: "borderTopWidth";
558
+ readonly logical: "borderBlockStartWidth";
559
+ };
560
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
446
561
  };
447
562
  readonly borderWidthBottom: {
448
- readonly property: "borderBottomWidth";
563
+ readonly property: {
564
+ readonly physical: "borderBottomWidth";
565
+ readonly logical: "borderBlockEndWidth";
566
+ };
567
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
449
568
  };
450
569
  readonly borderRadius: {
451
570
  readonly property: "borderRadius";
@@ -453,38 +572,70 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
453
572
  };
454
573
  readonly borderRadiusLeft: {
455
574
  readonly property: "borderRadius";
456
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
575
+ readonly properties: {
576
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
577
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
578
+ };
579
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
457
580
  readonly scale: "borderRadii";
458
581
  };
459
582
  readonly borderRadiusTop: {
460
583
  readonly property: "borderRadius";
461
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
584
+ readonly properties: {
585
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
586
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
587
+ };
588
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
462
589
  readonly scale: "borderRadii";
463
590
  };
464
591
  readonly borderRadiusBottom: {
465
592
  readonly property: "borderRadius";
466
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
593
+ readonly properties: {
594
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
595
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
596
+ };
597
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
467
598
  readonly scale: "borderRadii";
468
599
  };
469
600
  readonly borderRadiusRight: {
470
601
  readonly property: "borderRadius";
471
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
602
+ readonly properties: {
603
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
604
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
605
+ };
606
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
472
607
  readonly scale: "borderRadii";
473
608
  };
474
609
  readonly borderRadiusTopLeft: {
475
- readonly property: "borderTopLeftRadius";
610
+ readonly property: {
611
+ readonly physical: "borderTopLeftRadius";
612
+ readonly logical: "borderStartStartRadius";
613
+ };
614
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
476
615
  readonly scale: "borderRadii";
477
616
  };
478
617
  readonly borderRadiusTopRight: {
479
- readonly property: "borderTopRightRadius";
618
+ readonly property: {
619
+ readonly physical: "borderTopRightRadius";
620
+ readonly logical: "borderStartEndRadius";
621
+ };
622
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
480
623
  readonly scale: "borderRadii";
481
624
  };
482
625
  readonly borderRadiusBottomRight: {
483
- readonly property: "borderBottomRightRadius";
626
+ readonly property: {
627
+ readonly physical: "borderBottomRightRadius";
628
+ readonly logical: "borderEndEndRadius";
629
+ };
630
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
484
631
  readonly scale: "borderRadii";
485
632
  };
486
633
  readonly borderRadiusBottomLeft: {
487
- readonly property: "borderBottomLeftRadius";
634
+ readonly property: {
635
+ readonly physical: "borderBottomLeftRadius";
636
+ readonly logical: "borderEndStartRadius";
637
+ };
638
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
488
639
  readonly scale: "borderRadii";
489
640
  };
490
641
  readonly borderStyle: {
@@ -492,23 +643,47 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
492
643
  };
493
644
  readonly borderStyleX: {
494
645
  readonly property: "borderStyle";
495
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
646
+ readonly properties: {
647
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
648
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
649
+ };
650
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
496
651
  };
497
652
  readonly borderStyleY: {
498
653
  readonly property: "borderStyle";
499
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
654
+ readonly properties: {
655
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
656
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
657
+ };
658
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
500
659
  };
501
660
  readonly borderStyleLeft: {
502
- readonly property: "borderLeftStyle";
661
+ readonly property: {
662
+ readonly physical: "borderLeftStyle";
663
+ readonly logical: "borderInlineStartStyle";
664
+ };
665
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
503
666
  };
504
667
  readonly borderStyleRight: {
505
- readonly property: "borderRightStyle";
668
+ readonly property: {
669
+ readonly physical: "borderRightStyle";
670
+ readonly logical: "borderInlineEndStyle";
671
+ };
672
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
506
673
  };
507
674
  readonly borderStyleTop: {
508
- readonly property: "borderTopStyle";
675
+ readonly property: {
676
+ readonly physical: "borderTopStyle";
677
+ readonly logical: "borderBlockStartStyle";
678
+ };
679
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
509
680
  };
510
681
  readonly borderStyleBottom: {
511
- readonly property: "borderBottomStyle";
682
+ readonly property: {
683
+ readonly physical: "borderBottomStyle";
684
+ readonly logical: "borderBlockEndStyle";
685
+ };
686
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
512
687
  };
513
688
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
514
689
  readonly background: {
@@ -576,7 +751,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
576
751
  readonly property: "backgroundSize";
577
752
  }>;
578
753
  bottom?: import("@codecademy/variance/dist/types/config").Scale<{
579
- readonly property: "bottom";
754
+ readonly property: {
755
+ readonly physical: "bottom";
756
+ readonly logical: "insetBlockEnd";
757
+ };
758
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
580
759
  readonly transform: (value: string | number) => string | 0;
581
760
  }>;
582
761
  columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -586,6 +765,9 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
586
765
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
587
766
  readonly property: "containerType";
588
767
  }>;
768
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
769
+ readonly property: "direction";
770
+ }>;
589
771
  display?: import("@codecademy/variance/dist/types/config").Scale<{
590
772
  readonly property: "display";
591
773
  }>;
@@ -635,7 +817,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
635
817
  readonly property: "gridTemplateRows";
636
818
  }>;
637
819
  height?: import("@codecademy/variance/dist/types/config").Scale<{
638
- readonly property: "height";
820
+ readonly property: {
821
+ readonly physical: "height";
822
+ readonly logical: "blockSize";
823
+ };
824
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
639
825
  readonly transform: (value: string | number) => string | 0;
640
826
  }>;
641
827
  justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -648,23 +834,43 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
648
834
  readonly property: "justifySelf";
649
835
  }>;
650
836
  left?: import("@codecademy/variance/dist/types/config").Scale<{
651
- readonly property: "left";
837
+ readonly property: {
838
+ readonly physical: "left";
839
+ readonly logical: "insetInlineStart";
840
+ };
841
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
652
842
  readonly transform: (value: string | number) => string | 0;
653
843
  }>;
654
844
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
655
- readonly property: "maxHeight";
845
+ readonly property: {
846
+ readonly physical: "maxHeight";
847
+ readonly logical: "maxBlockSize";
848
+ };
849
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
656
850
  readonly transform: (value: string | number) => string | 0;
657
851
  }>;
658
852
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
659
- readonly property: "maxWidth";
853
+ readonly property: {
854
+ readonly physical: "maxWidth";
855
+ readonly logical: "maxInlineSize";
856
+ };
857
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
660
858
  readonly transform: (value: string | number) => string | 0;
661
859
  }>;
662
860
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
663
- readonly property: "minHeight";
861
+ readonly property: {
862
+ readonly physical: "minHeight";
863
+ readonly logical: "minBlockSize";
864
+ };
865
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
664
866
  readonly transform: (value: string | number) => string | 0;
665
867
  }>;
666
868
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
667
- readonly property: "minWidth";
869
+ readonly property: {
870
+ readonly physical: "minWidth";
871
+ readonly logical: "minInlineSize";
872
+ };
873
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
668
874
  readonly transform: (value: string | number) => string | 0;
669
875
  }>;
670
876
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -674,16 +880,28 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
674
880
  readonly property: "order";
675
881
  }>;
676
882
  overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
677
- readonly property: "overflowX";
883
+ readonly property: {
884
+ readonly physical: "overflowX";
885
+ readonly logical: "overflowInline";
886
+ };
887
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
678
888
  }>;
679
889
  overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
680
- readonly property: "overflowY";
890
+ readonly property: {
891
+ readonly physical: "overflowY";
892
+ readonly logical: "overflowBlock";
893
+ };
894
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
681
895
  }>;
682
896
  position?: import("@codecademy/variance/dist/types/config").Scale<{
683
897
  readonly property: "position";
684
898
  }>;
685
899
  right?: import("@codecademy/variance/dist/types/config").Scale<{
686
- readonly property: "right";
900
+ readonly property: {
901
+ readonly physical: "right";
902
+ readonly logical: "insetInlineEnd";
903
+ };
904
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
687
905
  readonly transform: (value: string | number) => string | 0;
688
906
  }>;
689
907
  rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -691,14 +909,22 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
691
909
  readonly scale: "spacing";
692
910
  }>;
693
911
  top?: import("@codecademy/variance/dist/types/config").Scale<{
694
- readonly property: "top";
912
+ readonly property: {
913
+ readonly physical: "top";
914
+ readonly logical: "insetBlockStart";
915
+ };
916
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
695
917
  readonly transform: (value: string | number) => string | 0;
696
918
  }>;
697
919
  verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
698
920
  readonly property: "verticalAlign";
699
921
  }>;
700
922
  width?: import("@codecademy/variance/dist/types/config").Scale<{
701
- readonly property: "width";
923
+ readonly property: {
924
+ readonly physical: "width";
925
+ readonly logical: "inlineSize";
926
+ };
927
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
702
928
  readonly transform: (value: string | number) => string | 0;
703
929
  }>;
704
930
  zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -708,7 +934,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
708
934
  readonly property: "backgroundPosition";
709
935
  }>;
710
936
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
711
- readonly property: "borderBottom";
937
+ readonly property: {
938
+ readonly physical: "borderBottom";
939
+ readonly logical: "borderBlockEnd";
940
+ };
941
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
712
942
  readonly scale: "borders";
713
943
  }>;
714
944
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -716,7 +946,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
716
946
  readonly scale: "colors";
717
947
  }>;
718
948
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
719
- readonly property: "borderLeft";
949
+ readonly property: {
950
+ readonly physical: "borderLeft";
951
+ readonly logical: "borderInlineStart";
952
+ };
953
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
720
954
  readonly scale: "borders";
721
955
  }>;
722
956
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -724,14 +958,22 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
724
958
  readonly scale: "borderRadii";
725
959
  }>;
726
960
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
727
- readonly property: "borderRight";
961
+ readonly property: {
962
+ readonly physical: "borderRight";
963
+ readonly logical: "borderInlineEnd";
964
+ };
965
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
728
966
  readonly scale: "borders";
729
967
  }>;
730
968
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
731
969
  readonly property: "borderStyle";
732
970
  }>;
733
971
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
734
- readonly property: "borderTop";
972
+ readonly property: {
973
+ readonly physical: "borderTop";
974
+ readonly logical: "borderBlockStart";
975
+ };
976
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
735
977
  readonly scale: "borders";
736
978
  }>;
737
979
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -755,7 +997,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
755
997
  }>;
756
998
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
757
999
  readonly property: "inset";
758
- readonly properties: readonly ["top", "right", "bottom", "left"];
1000
+ readonly properties: {
1001
+ readonly physical: readonly ["top", "right", "bottom", "left"];
1002
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
1003
+ };
1004
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
759
1005
  readonly transform: (value: string | number) => string | 0;
760
1006
  }>;
761
1007
  overflow?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -763,7 +1009,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
763
1009
  }>;
764
1010
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
765
1011
  readonly property: "width";
766
- readonly properties: readonly ["width", "height"];
1012
+ readonly properties: {
1013
+ readonly physical: readonly ["width", "height"];
1014
+ readonly logical: readonly ["inlineSize", "blockSize"];
1015
+ };
1016
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
767
1017
  readonly transform: (value: string | number) => string | 0;
768
1018
  }>;
769
1019
  textColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -776,28 +1026,40 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
776
1026
  }>;
777
1027
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
778
1028
  readonly property: "borderColor";
779
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
1029
+ readonly properties: {
1030
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
1031
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
1032
+ };
1033
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
780
1034
  readonly scale: "colors";
781
1035
  }>;
782
1036
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
783
1037
  readonly property: "borderColor";
784
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
1038
+ readonly properties: {
1039
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
1040
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
1041
+ };
1042
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
785
1043
  readonly scale: "colors";
786
1044
  }>;
787
1045
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
788
1046
  readonly property: "borderLeftColor";
1047
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
789
1048
  readonly scale: "colors";
790
1049
  }>;
791
1050
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
792
1051
  readonly property: "borderRightColor";
1052
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
793
1053
  readonly scale: "colors";
794
1054
  }>;
795
1055
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
796
1056
  readonly property: "borderTopColor";
1057
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
797
1058
  readonly scale: "colors";
798
1059
  }>;
799
1060
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
800
1061
  readonly property: "borderBottomColor";
1062
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
801
1063
  readonly scale: "colors";
802
1064
  }>;
803
1065
  px?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -906,96 +1168,184 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
906
1168
  }>;
907
1169
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
908
1170
  readonly property: "border";
909
- readonly properties: readonly ["borderLeft", "borderRight"];
1171
+ readonly properties: {
1172
+ readonly physical: readonly ["borderLeft", "borderRight"];
1173
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
1174
+ };
1175
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
910
1176
  readonly scale: "borders";
911
1177
  }>;
912
1178
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
913
1179
  readonly property: "border";
914
- readonly properties: readonly ["borderTop", "borderBottom"];
1180
+ readonly properties: {
1181
+ readonly physical: readonly ["borderTop", "borderBottom"];
1182
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
1183
+ };
1184
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
915
1185
  readonly scale: "borders";
916
1186
  }>;
917
1187
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
918
1188
  readonly property: "borderWidth";
919
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
1189
+ readonly properties: {
1190
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
1191
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
1192
+ };
1193
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
920
1194
  }>;
921
1195
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
922
1196
  readonly property: "borderWidth";
923
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
1197
+ readonly properties: {
1198
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
1199
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
1200
+ };
1201
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
924
1202
  }>;
925
1203
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
926
- readonly property: "borderLeftWidth";
1204
+ readonly property: {
1205
+ readonly physical: "borderLeftWidth";
1206
+ readonly logical: "borderInlineStartWidth";
1207
+ };
1208
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
927
1209
  }>;
928
1210
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
929
- readonly property: "borderRightWidth";
1211
+ readonly property: {
1212
+ readonly physical: "borderRightWidth";
1213
+ readonly logical: "borderInlineEndWidth";
1214
+ };
1215
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
930
1216
  }>;
931
1217
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
932
- readonly property: "borderTopWidth";
1218
+ readonly property: {
1219
+ readonly physical: "borderTopWidth";
1220
+ readonly logical: "borderBlockStartWidth";
1221
+ };
1222
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
933
1223
  }>;
934
1224
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
935
- readonly property: "borderBottomWidth";
1225
+ readonly property: {
1226
+ readonly physical: "borderBottomWidth";
1227
+ readonly logical: "borderBlockEndWidth";
1228
+ };
1229
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
936
1230
  }>;
937
1231
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
938
1232
  readonly property: "borderRadius";
939
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1233
+ readonly properties: {
1234
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1235
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
1236
+ };
1237
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
940
1238
  readonly scale: "borderRadii";
941
1239
  }>;
942
1240
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
943
1241
  readonly property: "borderRadius";
944
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1242
+ readonly properties: {
1243
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1244
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
1245
+ };
1246
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
945
1247
  readonly scale: "borderRadii";
946
1248
  }>;
947
1249
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
948
1250
  readonly property: "borderRadius";
949
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1251
+ readonly properties: {
1252
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1253
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
1254
+ };
1255
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
950
1256
  readonly scale: "borderRadii";
951
1257
  }>;
952
1258
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
953
1259
  readonly property: "borderRadius";
954
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1260
+ readonly properties: {
1261
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1262
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
1263
+ };
1264
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
955
1265
  readonly scale: "borderRadii";
956
1266
  }>;
957
1267
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
958
- readonly property: "borderTopLeftRadius";
1268
+ readonly property: {
1269
+ readonly physical: "borderTopLeftRadius";
1270
+ readonly logical: "borderStartStartRadius";
1271
+ };
1272
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
959
1273
  readonly scale: "borderRadii";
960
1274
  }>;
961
1275
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
962
- readonly property: "borderTopRightRadius";
1276
+ readonly property: {
1277
+ readonly physical: "borderTopRightRadius";
1278
+ readonly logical: "borderStartEndRadius";
1279
+ };
1280
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
963
1281
  readonly scale: "borderRadii";
964
1282
  }>;
965
1283
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
966
- readonly property: "borderBottomRightRadius";
1284
+ readonly property: {
1285
+ readonly physical: "borderBottomRightRadius";
1286
+ readonly logical: "borderEndEndRadius";
1287
+ };
1288
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
967
1289
  readonly scale: "borderRadii";
968
1290
  }>;
969
1291
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
970
- readonly property: "borderBottomLeftRadius";
1292
+ readonly property: {
1293
+ readonly physical: "borderBottomLeftRadius";
1294
+ readonly logical: "borderEndStartRadius";
1295
+ };
1296
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
971
1297
  readonly scale: "borderRadii";
972
1298
  }>;
973
1299
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
974
1300
  readonly property: "borderStyle";
975
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1301
+ readonly properties: {
1302
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
1303
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
1304
+ };
1305
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
976
1306
  }>;
977
1307
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
978
1308
  readonly property: "borderStyle";
979
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1309
+ readonly properties: {
1310
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
1311
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
1312
+ };
1313
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
980
1314
  }>;
981
1315
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
982
- readonly property: "borderLeftStyle";
1316
+ readonly property: {
1317
+ readonly physical: "borderLeftStyle";
1318
+ readonly logical: "borderInlineStartStyle";
1319
+ };
1320
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
983
1321
  }>;
984
1322
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
985
- readonly property: "borderRightStyle";
1323
+ readonly property: {
1324
+ readonly physical: "borderRightStyle";
1325
+ readonly logical: "borderInlineEndStyle";
1326
+ };
1327
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
986
1328
  }>;
987
1329
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
988
- readonly property: "borderTopStyle";
1330
+ readonly property: {
1331
+ readonly physical: "borderTopStyle";
1332
+ readonly logical: "borderBlockStartStyle";
1333
+ };
1334
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
989
1335
  }>;
990
1336
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
991
- readonly property: "borderBottomStyle";
1337
+ readonly property: {
1338
+ readonly physical: "borderBottomStyle";
1339
+ readonly logical: "borderBlockEndStyle";
1340
+ };
1341
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
992
1342
  }>;
993
1343
  } & {
994
1344
  theme?: Theme | undefined;
995
1345
  } & {
996
1346
  variables?: CSSObject | undefined;
997
1347
  alwaysSetVariables?: boolean | undefined;
998
- }, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "property" | "rel" | "slot" | "title" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
1348
+ }, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "property" | "rel" | "slot" | "title" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "part" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
999
1349
  export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<Omit<{
1000
1350
  theme?: Theme | undefined;
1001
1351
  as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -1034,7 +1384,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1034
1384
  readonly property: "backgroundSize";
1035
1385
  }>;
1036
1386
  bottom?: import("@codecademy/variance/dist/types/config").Scale<{
1037
- readonly property: "bottom";
1387
+ readonly property: {
1388
+ readonly physical: "bottom";
1389
+ readonly logical: "insetBlockEnd";
1390
+ };
1391
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1038
1392
  readonly transform: (value: string | number) => string | 0;
1039
1393
  }>;
1040
1394
  columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1044,6 +1398,9 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1044
1398
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
1045
1399
  readonly property: "containerType";
1046
1400
  }>;
1401
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
1402
+ readonly property: "direction";
1403
+ }>;
1047
1404
  display?: import("@codecademy/variance/dist/types/config").Scale<{
1048
1405
  readonly property: "display";
1049
1406
  }>;
@@ -1093,7 +1450,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1093
1450
  readonly property: "gridTemplateRows";
1094
1451
  }>;
1095
1452
  height?: import("@codecademy/variance/dist/types/config").Scale<{
1096
- readonly property: "height";
1453
+ readonly property: {
1454
+ readonly physical: "height";
1455
+ readonly logical: "blockSize";
1456
+ };
1457
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1097
1458
  readonly transform: (value: string | number) => string | 0;
1098
1459
  }>;
1099
1460
  justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1106,23 +1467,43 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1106
1467
  readonly property: "justifySelf";
1107
1468
  }>;
1108
1469
  left?: import("@codecademy/variance/dist/types/config").Scale<{
1109
- readonly property: "left";
1470
+ readonly property: {
1471
+ readonly physical: "left";
1472
+ readonly logical: "insetInlineStart";
1473
+ };
1474
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1110
1475
  readonly transform: (value: string | number) => string | 0;
1111
1476
  }>;
1112
1477
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1113
- readonly property: "maxHeight";
1478
+ readonly property: {
1479
+ readonly physical: "maxHeight";
1480
+ readonly logical: "maxBlockSize";
1481
+ };
1482
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1114
1483
  readonly transform: (value: string | number) => string | 0;
1115
1484
  }>;
1116
1485
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1117
- readonly property: "maxWidth";
1486
+ readonly property: {
1487
+ readonly physical: "maxWidth";
1488
+ readonly logical: "maxInlineSize";
1489
+ };
1490
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1118
1491
  readonly transform: (value: string | number) => string | 0;
1119
1492
  }>;
1120
1493
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1121
- readonly property: "minHeight";
1494
+ readonly property: {
1495
+ readonly physical: "minHeight";
1496
+ readonly logical: "minBlockSize";
1497
+ };
1498
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1122
1499
  readonly transform: (value: string | number) => string | 0;
1123
1500
  }>;
1124
1501
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1125
- readonly property: "minWidth";
1502
+ readonly property: {
1503
+ readonly physical: "minWidth";
1504
+ readonly logical: "minInlineSize";
1505
+ };
1506
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1126
1507
  readonly transform: (value: string | number) => string | 0;
1127
1508
  }>;
1128
1509
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1132,16 +1513,28 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1132
1513
  readonly property: "order";
1133
1514
  }>;
1134
1515
  overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
1135
- readonly property: "overflowX";
1516
+ readonly property: {
1517
+ readonly physical: "overflowX";
1518
+ readonly logical: "overflowInline";
1519
+ };
1520
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1136
1521
  }>;
1137
1522
  overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
1138
- readonly property: "overflowY";
1523
+ readonly property: {
1524
+ readonly physical: "overflowY";
1525
+ readonly logical: "overflowBlock";
1526
+ };
1527
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1139
1528
  }>;
1140
1529
  position?: import("@codecademy/variance/dist/types/config").Scale<{
1141
1530
  readonly property: "position";
1142
1531
  }>;
1143
1532
  right?: import("@codecademy/variance/dist/types/config").Scale<{
1144
- readonly property: "right";
1533
+ readonly property: {
1534
+ readonly physical: "right";
1535
+ readonly logical: "insetInlineEnd";
1536
+ };
1537
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1145
1538
  readonly transform: (value: string | number) => string | 0;
1146
1539
  }>;
1147
1540
  rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1149,14 +1542,22 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1149
1542
  readonly scale: "spacing";
1150
1543
  }>;
1151
1544
  top?: import("@codecademy/variance/dist/types/config").Scale<{
1152
- readonly property: "top";
1545
+ readonly property: {
1546
+ readonly physical: "top";
1547
+ readonly logical: "insetBlockStart";
1548
+ };
1549
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1153
1550
  readonly transform: (value: string | number) => string | 0;
1154
1551
  }>;
1155
1552
  verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
1156
1553
  readonly property: "verticalAlign";
1157
1554
  }>;
1158
1555
  width?: import("@codecademy/variance/dist/types/config").Scale<{
1159
- readonly property: "width";
1556
+ readonly property: {
1557
+ readonly physical: "width";
1558
+ readonly logical: "inlineSize";
1559
+ };
1560
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1160
1561
  readonly transform: (value: string | number) => string | 0;
1161
1562
  }>;
1162
1563
  zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1166,7 +1567,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1166
1567
  readonly property: "backgroundPosition";
1167
1568
  }>;
1168
1569
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1169
- readonly property: "borderBottom";
1570
+ readonly property: {
1571
+ readonly physical: "borderBottom";
1572
+ readonly logical: "borderBlockEnd";
1573
+ };
1574
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1170
1575
  readonly scale: "borders";
1171
1576
  }>;
1172
1577
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1174,7 +1579,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1174
1579
  readonly scale: "colors";
1175
1580
  }>;
1176
1581
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1177
- readonly property: "borderLeft";
1582
+ readonly property: {
1583
+ readonly physical: "borderLeft";
1584
+ readonly logical: "borderInlineStart";
1585
+ };
1586
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1178
1587
  readonly scale: "borders";
1179
1588
  }>;
1180
1589
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1182,14 +1591,22 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1182
1591
  readonly scale: "borderRadii";
1183
1592
  }>;
1184
1593
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
1185
- readonly property: "borderRight";
1594
+ readonly property: {
1595
+ readonly physical: "borderRight";
1596
+ readonly logical: "borderInlineEnd";
1597
+ };
1598
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1186
1599
  readonly scale: "borders";
1187
1600
  }>;
1188
1601
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1189
1602
  readonly property: "borderStyle";
1190
1603
  }>;
1191
1604
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
1192
- readonly property: "borderTop";
1605
+ readonly property: {
1606
+ readonly physical: "borderTop";
1607
+ readonly logical: "borderBlockStart";
1608
+ };
1609
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1193
1610
  readonly scale: "borders";
1194
1611
  }>;
1195
1612
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1213,7 +1630,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1213
1630
  }>;
1214
1631
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
1215
1632
  readonly property: "inset";
1216
- readonly properties: readonly ["top", "right", "bottom", "left"];
1633
+ readonly properties: {
1634
+ readonly physical: readonly ["top", "right", "bottom", "left"];
1635
+ readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
1636
+ };
1637
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1217
1638
  readonly transform: (value: string | number) => string | 0;
1218
1639
  }>;
1219
1640
  overflow?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1221,7 +1642,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1221
1642
  }>;
1222
1643
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
1223
1644
  readonly property: "width";
1224
- readonly properties: readonly ["width", "height"];
1645
+ readonly properties: {
1646
+ readonly physical: readonly ["width", "height"];
1647
+ readonly logical: readonly ["inlineSize", "blockSize"];
1648
+ };
1649
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1225
1650
  readonly transform: (value: string | number) => string | 0;
1226
1651
  }>;
1227
1652
  textColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1234,28 +1659,40 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1234
1659
  }>;
1235
1660
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
1236
1661
  readonly property: "borderColor";
1237
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
1662
+ readonly properties: {
1663
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
1664
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
1665
+ };
1666
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1238
1667
  readonly scale: "colors";
1239
1668
  }>;
1240
1669
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
1241
1670
  readonly property: "borderColor";
1242
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
1671
+ readonly properties: {
1672
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
1673
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
1674
+ };
1675
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1243
1676
  readonly scale: "colors";
1244
1677
  }>;
1245
1678
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1246
1679
  readonly property: "borderLeftColor";
1680
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1247
1681
  readonly scale: "colors";
1248
1682
  }>;
1249
1683
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
1250
1684
  readonly property: "borderRightColor";
1685
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1251
1686
  readonly scale: "colors";
1252
1687
  }>;
1253
1688
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
1254
1689
  readonly property: "borderTopColor";
1690
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1255
1691
  readonly scale: "colors";
1256
1692
  }>;
1257
1693
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1258
1694
  readonly property: "borderBottomColor";
1695
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1259
1696
  readonly scale: "colors";
1260
1697
  }>;
1261
1698
  px?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1364,93 +1801,181 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1364
1801
  }>;
1365
1802
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1366
1803
  readonly property: "border";
1367
- readonly properties: readonly ["borderLeft", "borderRight"];
1804
+ readonly properties: {
1805
+ readonly physical: readonly ["borderLeft", "borderRight"];
1806
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
1807
+ };
1808
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1368
1809
  readonly scale: "borders";
1369
1810
  }>;
1370
1811
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
1371
1812
  readonly property: "border";
1372
- readonly properties: readonly ["borderTop", "borderBottom"];
1813
+ readonly properties: {
1814
+ readonly physical: readonly ["borderTop", "borderBottom"];
1815
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
1816
+ };
1817
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1373
1818
  readonly scale: "borders";
1374
1819
  }>;
1375
1820
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
1376
1821
  readonly property: "borderWidth";
1377
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
1822
+ readonly properties: {
1823
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
1824
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
1825
+ };
1826
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1378
1827
  }>;
1379
1828
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
1380
1829
  readonly property: "borderWidth";
1381
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
1830
+ readonly properties: {
1831
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
1832
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
1833
+ };
1834
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1382
1835
  }>;
1383
1836
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1384
- readonly property: "borderLeftWidth";
1837
+ readonly property: {
1838
+ readonly physical: "borderLeftWidth";
1839
+ readonly logical: "borderInlineStartWidth";
1840
+ };
1841
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1385
1842
  }>;
1386
1843
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
1387
- readonly property: "borderRightWidth";
1844
+ readonly property: {
1845
+ readonly physical: "borderRightWidth";
1846
+ readonly logical: "borderInlineEndWidth";
1847
+ };
1848
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1388
1849
  }>;
1389
1850
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
1390
- readonly property: "borderTopWidth";
1851
+ readonly property: {
1852
+ readonly physical: "borderTopWidth";
1853
+ readonly logical: "borderBlockStartWidth";
1854
+ };
1855
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1391
1856
  }>;
1392
1857
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1393
- readonly property: "borderBottomWidth";
1858
+ readonly property: {
1859
+ readonly physical: "borderBottomWidth";
1860
+ readonly logical: "borderBlockEndWidth";
1861
+ };
1862
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1394
1863
  }>;
1395
1864
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1396
1865
  readonly property: "borderRadius";
1397
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1866
+ readonly properties: {
1867
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1868
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
1869
+ };
1870
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1398
1871
  readonly scale: "borderRadii";
1399
1872
  }>;
1400
1873
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
1401
1874
  readonly property: "borderRadius";
1402
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1875
+ readonly properties: {
1876
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1877
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
1878
+ };
1879
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1403
1880
  readonly scale: "borderRadii";
1404
1881
  }>;
1405
1882
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1406
1883
  readonly property: "borderRadius";
1407
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1884
+ readonly properties: {
1885
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1886
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
1887
+ };
1888
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1408
1889
  readonly scale: "borderRadii";
1409
1890
  }>;
1410
1891
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1411
1892
  readonly property: "borderRadius";
1412
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1893
+ readonly properties: {
1894
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1895
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
1896
+ };
1897
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1413
1898
  readonly scale: "borderRadii";
1414
1899
  }>;
1415
1900
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1416
- readonly property: "borderTopLeftRadius";
1901
+ readonly property: {
1902
+ readonly physical: "borderTopLeftRadius";
1903
+ readonly logical: "borderStartStartRadius";
1904
+ };
1905
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1417
1906
  readonly scale: "borderRadii";
1418
1907
  }>;
1419
1908
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1420
- readonly property: "borderTopRightRadius";
1909
+ readonly property: {
1910
+ readonly physical: "borderTopRightRadius";
1911
+ readonly logical: "borderStartEndRadius";
1912
+ };
1913
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1421
1914
  readonly scale: "borderRadii";
1422
1915
  }>;
1423
1916
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1424
- readonly property: "borderBottomRightRadius";
1917
+ readonly property: {
1918
+ readonly physical: "borderBottomRightRadius";
1919
+ readonly logical: "borderEndEndRadius";
1920
+ };
1921
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1425
1922
  readonly scale: "borderRadii";
1426
1923
  }>;
1427
1924
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1428
- readonly property: "borderBottomLeftRadius";
1925
+ readonly property: {
1926
+ readonly physical: "borderBottomLeftRadius";
1927
+ readonly logical: "borderEndStartRadius";
1928
+ };
1929
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1429
1930
  readonly scale: "borderRadii";
1430
1931
  }>;
1431
1932
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1432
1933
  readonly property: "borderStyle";
1433
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1934
+ readonly properties: {
1935
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
1936
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
1937
+ };
1938
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1434
1939
  }>;
1435
1940
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1436
1941
  readonly property: "borderStyle";
1437
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1942
+ readonly properties: {
1943
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
1944
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
1945
+ };
1946
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1438
1947
  }>;
1439
1948
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1440
- readonly property: "borderLeftStyle";
1949
+ readonly property: {
1950
+ readonly physical: "borderLeftStyle";
1951
+ readonly logical: "borderInlineStartStyle";
1952
+ };
1953
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1441
1954
  }>;
1442
1955
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1443
- readonly property: "borderRightStyle";
1956
+ readonly property: {
1957
+ readonly physical: "borderRightStyle";
1958
+ readonly logical: "borderInlineEndStyle";
1959
+ };
1960
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1444
1961
  }>;
1445
1962
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1446
- readonly property: "borderTopStyle";
1963
+ readonly property: {
1964
+ readonly physical: "borderTopStyle";
1965
+ readonly logical: "borderBlockStartStyle";
1966
+ };
1967
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1447
1968
  }>;
1448
1969
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1449
- readonly property: "borderBottomStyle";
1970
+ readonly property: {
1971
+ readonly physical: "borderBottomStyle";
1972
+ readonly logical: "borderBlockEndStyle";
1973
+ };
1974
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1450
1975
  }>;
1451
1976
  } & {
1452
1977
  theme?: Theme | undefined;
1453
1978
  } & {
1454
1979
  variables?: CSSObject | undefined;
1455
1980
  alwaysSetVariables?: boolean | undefined;
1456
- } & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "property" | "rel" | "slot" | "title" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLDivElement>>, "bg"> & ColorModeProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
1981
+ } & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "property" | "rel" | "slot" | "title" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "part" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | keyof import("react").ClassAttributes<HTMLDivElement>>, "bg"> & ColorModeProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;