@codecademy/gamut-styles 17.12.0-alpha.8bbf79.0 → 17.12.0-alpha.e6658d.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 (7) hide show
  1. package/dist/ColorMode.d.ts +531 -102
  2. package/dist/GamutProvider.js +2 -1
  3. package/dist/variance/config.d.ts +354 -68
  4. package/dist/variance/config.js +177 -34
  5. package/dist/variance/props.d.ts +708 -136
  6. package/dist/variance/utils.d.ts +2 -2
  7. package/package.json +3 -3
package/dist/ColorMode.d.ts CHANGED
@@ -71,32 +71,59 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
71
71
  readonly transform: (value: string | number) => string | 0;
72
72
  };
73
73
  readonly width: {
74
- readonly property: "width";
74
+ readonly property: {
75
+ readonly physical: "width";
76
+ readonly logical: "inlineSize";
77
+ };
78
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
75
79
  readonly transform: (value: string | number) => string | 0;
76
80
  };
77
81
  readonly minWidth: {
78
- readonly property: "minWidth";
82
+ readonly property: {
83
+ readonly physical: "minWidth";
84
+ readonly logical: "minInlineSize";
85
+ };
86
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
79
87
  readonly transform: (value: string | number) => string | 0;
80
88
  };
81
89
  readonly maxWidth: {
82
- readonly property: "maxWidth";
90
+ readonly property: {
91
+ readonly physical: "maxWidth";
92
+ readonly logical: "maxInlineSize";
93
+ };
94
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
83
95
  readonly transform: (value: string | number) => string | 0;
84
96
  };
85
97
  readonly height: {
86
- readonly property: "height";
98
+ readonly property: {
99
+ readonly physical: "height";
100
+ readonly logical: "blockSize";
101
+ };
102
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
87
103
  readonly transform: (value: string | number) => string | 0;
88
104
  };
89
105
  readonly minHeight: {
90
- readonly property: "minHeight";
106
+ readonly property: {
107
+ readonly physical: "minHeight";
108
+ readonly logical: "minBlockSize";
109
+ };
110
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
91
111
  readonly transform: (value: string | number) => string | 0;
92
112
  };
93
113
  readonly maxHeight: {
94
- readonly property: "maxHeight";
114
+ readonly property: {
115
+ readonly physical: "maxHeight";
116
+ readonly logical: "maxBlockSize";
117
+ };
118
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
95
119
  readonly transform: (value: string | number) => string | 0;
96
120
  };
97
121
  readonly verticalAlign: {
98
122
  readonly property: "verticalAlign";
99
123
  };
124
+ readonly direction: {
125
+ readonly property: "direction";
126
+ };
100
127
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
101
128
  readonly color: {
102
129
  readonly property: "color";
@@ -116,28 +143,40 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
116
143
  };
117
144
  readonly borderColorX: {
118
145
  readonly property: "borderColor";
119
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
146
+ readonly properties: {
147
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
148
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
149
+ };
150
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
120
151
  readonly scale: "colors";
121
152
  };
122
153
  readonly borderColorY: {
123
154
  readonly property: "borderColor";
124
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
155
+ readonly properties: {
156
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
157
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
158
+ };
159
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
125
160
  readonly scale: "colors";
126
161
  };
127
162
  readonly borderColorLeft: {
128
163
  readonly property: "borderLeftColor";
164
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
129
165
  readonly scale: "colors";
130
166
  };
131
167
  readonly borderColorRight: {
132
168
  readonly property: "borderRightColor";
169
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
133
170
  readonly scale: "colors";
134
171
  };
135
172
  readonly borderColorTop: {
136
173
  readonly property: "borderTopColor";
174
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
137
175
  readonly scale: "colors";
138
176
  };
139
177
  readonly borderColorBottom: {
140
178
  readonly property: "borderBottomColor";
179
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
141
180
  readonly scale: "colors";
142
181
  };
143
182
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
@@ -400,28 +439,52 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
400
439
  };
401
440
  readonly borderX: {
402
441
  readonly property: "border";
403
- readonly properties: readonly ["borderLeft", "borderRight"];
442
+ readonly properties: {
443
+ readonly physical: readonly ["borderLeft", "borderRight"];
444
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
445
+ };
446
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
404
447
  readonly scale: "borders";
405
448
  };
406
449
  readonly borderY: {
407
450
  readonly property: "border";
408
- readonly properties: readonly ["borderTop", "borderBottom"];
451
+ readonly properties: {
452
+ readonly physical: readonly ["borderTop", "borderBottom"];
453
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
454
+ };
455
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
409
456
  readonly scale: "borders";
410
457
  };
411
458
  readonly borderTop: {
412
- readonly property: "borderTop";
459
+ readonly property: {
460
+ readonly physical: "borderTop";
461
+ readonly logical: "borderBlockStart";
462
+ };
463
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
413
464
  readonly scale: "borders";
414
465
  };
415
466
  readonly borderRight: {
416
- readonly property: "borderRight";
467
+ readonly property: {
468
+ readonly physical: "borderRight";
469
+ readonly logical: "borderInlineEnd";
470
+ };
471
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
417
472
  readonly scale: "borders";
418
473
  };
419
474
  readonly borderBottom: {
420
- readonly property: "borderBottom";
475
+ readonly property: {
476
+ readonly physical: "borderBottom";
477
+ readonly logical: "borderBlockEnd";
478
+ };
479
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
421
480
  readonly scale: "borders";
422
481
  };
423
482
  readonly borderLeft: {
424
- readonly property: "borderLeft";
483
+ readonly property: {
484
+ readonly physical: "borderLeft";
485
+ readonly logical: "borderInlineStart";
486
+ };
487
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
425
488
  readonly scale: "borders";
426
489
  };
427
490
  readonly borderWidth: {
@@ -429,23 +492,47 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
429
492
  };
430
493
  readonly borderWidthX: {
431
494
  readonly property: "borderWidth";
432
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
495
+ readonly properties: {
496
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
497
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
498
+ };
499
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
433
500
  };
434
501
  readonly borderWidthY: {
435
502
  readonly property: "borderWidth";
436
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
503
+ readonly properties: {
504
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
505
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
506
+ };
507
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
437
508
  };
438
509
  readonly borderWidthLeft: {
439
- readonly property: "borderLeftWidth";
510
+ readonly property: {
511
+ readonly physical: "borderLeftWidth";
512
+ readonly logical: "borderInlineStartWidth";
513
+ };
514
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
440
515
  };
441
516
  readonly borderWidthRight: {
442
- readonly property: "borderRightWidth";
517
+ readonly property: {
518
+ readonly physical: "borderRightWidth";
519
+ readonly logical: "borderInlineEndWidth";
520
+ };
521
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
443
522
  };
444
523
  readonly borderWidthTop: {
445
- readonly property: "borderTopWidth";
524
+ readonly property: {
525
+ readonly physical: "borderTopWidth";
526
+ readonly logical: "borderBlockStartWidth";
527
+ };
528
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
446
529
  };
447
530
  readonly borderWidthBottom: {
448
- readonly property: "borderBottomWidth";
531
+ readonly property: {
532
+ readonly physical: "borderBottomWidth";
533
+ readonly logical: "borderBlockEndWidth";
534
+ };
535
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
449
536
  };
450
537
  readonly borderRadius: {
451
538
  readonly property: "borderRadius";
@@ -453,38 +540,70 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
453
540
  };
454
541
  readonly borderRadiusLeft: {
455
542
  readonly property: "borderRadius";
456
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
543
+ readonly properties: {
544
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
545
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
546
+ };
547
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
457
548
  readonly scale: "borderRadii";
458
549
  };
459
550
  readonly borderRadiusTop: {
460
551
  readonly property: "borderRadius";
461
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
552
+ readonly properties: {
553
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
554
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
555
+ };
556
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
462
557
  readonly scale: "borderRadii";
463
558
  };
464
559
  readonly borderRadiusBottom: {
465
560
  readonly property: "borderRadius";
466
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
561
+ readonly properties: {
562
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
563
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
564
+ };
565
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
467
566
  readonly scale: "borderRadii";
468
567
  };
469
568
  readonly borderRadiusRight: {
470
569
  readonly property: "borderRadius";
471
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
570
+ readonly properties: {
571
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
572
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
573
+ };
574
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
472
575
  readonly scale: "borderRadii";
473
576
  };
474
577
  readonly borderRadiusTopLeft: {
475
- readonly property: "borderTopLeftRadius";
578
+ readonly property: {
579
+ readonly physical: "borderTopLeftRadius";
580
+ readonly logical: "borderStartStartRadius";
581
+ };
582
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
476
583
  readonly scale: "borderRadii";
477
584
  };
478
585
  readonly borderRadiusTopRight: {
479
- readonly property: "borderTopRightRadius";
586
+ readonly property: {
587
+ readonly physical: "borderTopRightRadius";
588
+ readonly logical: "borderStartEndRadius";
589
+ };
590
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
480
591
  readonly scale: "borderRadii";
481
592
  };
482
593
  readonly borderRadiusBottomRight: {
483
- readonly property: "borderBottomRightRadius";
594
+ readonly property: {
595
+ readonly physical: "borderBottomRightRadius";
596
+ readonly logical: "borderEndEndRadius";
597
+ };
598
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
484
599
  readonly scale: "borderRadii";
485
600
  };
486
601
  readonly borderRadiusBottomLeft: {
487
- readonly property: "borderBottomLeftRadius";
602
+ readonly property: {
603
+ readonly physical: "borderBottomLeftRadius";
604
+ readonly logical: "borderEndStartRadius";
605
+ };
606
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
488
607
  readonly scale: "borderRadii";
489
608
  };
490
609
  readonly borderStyle: {
@@ -492,23 +611,47 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
492
611
  };
493
612
  readonly borderStyleX: {
494
613
  readonly property: "borderStyle";
495
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
614
+ readonly properties: {
615
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
616
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
617
+ };
618
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
496
619
  };
497
620
  readonly borderStyleY: {
498
621
  readonly property: "borderStyle";
499
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
622
+ readonly properties: {
623
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
624
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
625
+ };
626
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
500
627
  };
501
628
  readonly borderStyleLeft: {
502
- readonly property: "borderLeftStyle";
629
+ readonly property: {
630
+ readonly physical: "borderLeftStyle";
631
+ readonly logical: "borderInlineStartStyle";
632
+ };
633
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
503
634
  };
504
635
  readonly borderStyleRight: {
505
- readonly property: "borderRightStyle";
636
+ readonly property: {
637
+ readonly physical: "borderRightStyle";
638
+ readonly logical: "borderInlineEndStyle";
639
+ };
640
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
506
641
  };
507
642
  readonly borderStyleTop: {
508
- readonly property: "borderTopStyle";
643
+ readonly property: {
644
+ readonly physical: "borderTopStyle";
645
+ readonly logical: "borderBlockStartStyle";
646
+ };
647
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
509
648
  };
510
649
  readonly borderStyleBottom: {
511
- readonly property: "borderBottomStyle";
650
+ readonly property: {
651
+ readonly physical: "borderBottomStyle";
652
+ readonly logical: "borderBlockEndStyle";
653
+ };
654
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
512
655
  };
513
656
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
514
657
  readonly background: {
@@ -586,6 +729,9 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
586
729
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
587
730
  readonly property: "containerType";
588
731
  }>;
732
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
733
+ readonly property: "direction";
734
+ }>;
589
735
  display?: import("@codecademy/variance/dist/types/config").Scale<{
590
736
  readonly property: "display";
591
737
  }>;
@@ -635,7 +781,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
635
781
  readonly property: "gridTemplateRows";
636
782
  }>;
637
783
  height?: import("@codecademy/variance/dist/types/config").Scale<{
638
- readonly property: "height";
784
+ readonly property: {
785
+ readonly physical: "height";
786
+ readonly logical: "blockSize";
787
+ };
788
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
639
789
  readonly transform: (value: string | number) => string | 0;
640
790
  }>;
641
791
  justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -652,19 +802,35 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
652
802
  readonly transform: (value: string | number) => string | 0;
653
803
  }>;
654
804
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
655
- readonly property: "maxHeight";
805
+ readonly property: {
806
+ readonly physical: "maxHeight";
807
+ readonly logical: "maxBlockSize";
808
+ };
809
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
656
810
  readonly transform: (value: string | number) => string | 0;
657
811
  }>;
658
812
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
659
- readonly property: "maxWidth";
813
+ readonly property: {
814
+ readonly physical: "maxWidth";
815
+ readonly logical: "maxInlineSize";
816
+ };
817
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
660
818
  readonly transform: (value: string | number) => string | 0;
661
819
  }>;
662
820
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
663
- readonly property: "minHeight";
821
+ readonly property: {
822
+ readonly physical: "minHeight";
823
+ readonly logical: "minBlockSize";
824
+ };
825
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
664
826
  readonly transform: (value: string | number) => string | 0;
665
827
  }>;
666
828
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
667
- readonly property: "minWidth";
829
+ readonly property: {
830
+ readonly physical: "minWidth";
831
+ readonly logical: "minInlineSize";
832
+ };
833
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
668
834
  readonly transform: (value: string | number) => string | 0;
669
835
  }>;
670
836
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -698,7 +864,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
698
864
  readonly property: "verticalAlign";
699
865
  }>;
700
866
  width?: import("@codecademy/variance/dist/types/config").Scale<{
701
- readonly property: "width";
867
+ readonly property: {
868
+ readonly physical: "width";
869
+ readonly logical: "inlineSize";
870
+ };
871
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
702
872
  readonly transform: (value: string | number) => string | 0;
703
873
  }>;
704
874
  zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -708,7 +878,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
708
878
  readonly property: "backgroundPosition";
709
879
  }>;
710
880
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
711
- readonly property: "borderBottom";
881
+ readonly property: {
882
+ readonly physical: "borderBottom";
883
+ readonly logical: "borderBlockEnd";
884
+ };
885
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
712
886
  readonly scale: "borders";
713
887
  }>;
714
888
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -716,7 +890,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
716
890
  readonly scale: "colors";
717
891
  }>;
718
892
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
719
- readonly property: "borderLeft";
893
+ readonly property: {
894
+ readonly physical: "borderLeft";
895
+ readonly logical: "borderInlineStart";
896
+ };
897
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
720
898
  readonly scale: "borders";
721
899
  }>;
722
900
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -724,14 +902,22 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
724
902
  readonly scale: "borderRadii";
725
903
  }>;
726
904
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
727
- readonly property: "borderRight";
905
+ readonly property: {
906
+ readonly physical: "borderRight";
907
+ readonly logical: "borderInlineEnd";
908
+ };
909
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
728
910
  readonly scale: "borders";
729
911
  }>;
730
912
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
731
913
  readonly property: "borderStyle";
732
914
  }>;
733
915
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
734
- readonly property: "borderTop";
916
+ readonly property: {
917
+ readonly physical: "borderTop";
918
+ readonly logical: "borderBlockStart";
919
+ };
920
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
735
921
  readonly scale: "borders";
736
922
  }>;
737
923
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -776,28 +962,40 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
776
962
  }>;
777
963
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
778
964
  readonly property: "borderColor";
779
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
965
+ readonly properties: {
966
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
967
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
968
+ };
969
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
780
970
  readonly scale: "colors";
781
971
  }>;
782
972
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
783
973
  readonly property: "borderColor";
784
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
974
+ readonly properties: {
975
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
976
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
977
+ };
978
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
785
979
  readonly scale: "colors";
786
980
  }>;
787
981
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
788
982
  readonly property: "borderLeftColor";
983
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
789
984
  readonly scale: "colors";
790
985
  }>;
791
986
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
792
987
  readonly property: "borderRightColor";
988
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
793
989
  readonly scale: "colors";
794
990
  }>;
795
991
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
796
992
  readonly property: "borderTopColor";
993
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
797
994
  readonly scale: "colors";
798
995
  }>;
799
996
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
800
997
  readonly property: "borderBottomColor";
998
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
801
999
  readonly scale: "colors";
802
1000
  }>;
803
1001
  px?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -906,89 +1104,177 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
906
1104
  }>;
907
1105
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
908
1106
  readonly property: "border";
909
- readonly properties: readonly ["borderLeft", "borderRight"];
1107
+ readonly properties: {
1108
+ readonly physical: readonly ["borderLeft", "borderRight"];
1109
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
1110
+ };
1111
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
910
1112
  readonly scale: "borders";
911
1113
  }>;
912
1114
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
913
1115
  readonly property: "border";
914
- readonly properties: readonly ["borderTop", "borderBottom"];
1116
+ readonly properties: {
1117
+ readonly physical: readonly ["borderTop", "borderBottom"];
1118
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
1119
+ };
1120
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
915
1121
  readonly scale: "borders";
916
1122
  }>;
917
1123
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
918
1124
  readonly property: "borderWidth";
919
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
1125
+ readonly properties: {
1126
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
1127
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
1128
+ };
1129
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
920
1130
  }>;
921
1131
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
922
1132
  readonly property: "borderWidth";
923
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
1133
+ readonly properties: {
1134
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
1135
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
1136
+ };
1137
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
924
1138
  }>;
925
1139
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
926
- readonly property: "borderLeftWidth";
1140
+ readonly property: {
1141
+ readonly physical: "borderLeftWidth";
1142
+ readonly logical: "borderInlineStartWidth";
1143
+ };
1144
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
927
1145
  }>;
928
1146
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
929
- readonly property: "borderRightWidth";
1147
+ readonly property: {
1148
+ readonly physical: "borderRightWidth";
1149
+ readonly logical: "borderInlineEndWidth";
1150
+ };
1151
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
930
1152
  }>;
931
1153
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
932
- readonly property: "borderTopWidth";
1154
+ readonly property: {
1155
+ readonly physical: "borderTopWidth";
1156
+ readonly logical: "borderBlockStartWidth";
1157
+ };
1158
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
933
1159
  }>;
934
1160
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
935
- readonly property: "borderBottomWidth";
1161
+ readonly property: {
1162
+ readonly physical: "borderBottomWidth";
1163
+ readonly logical: "borderBlockEndWidth";
1164
+ };
1165
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
936
1166
  }>;
937
1167
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
938
1168
  readonly property: "borderRadius";
939
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1169
+ readonly properties: {
1170
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1171
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
1172
+ };
1173
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
940
1174
  readonly scale: "borderRadii";
941
1175
  }>;
942
1176
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
943
1177
  readonly property: "borderRadius";
944
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1178
+ readonly properties: {
1179
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1180
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
1181
+ };
1182
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
945
1183
  readonly scale: "borderRadii";
946
1184
  }>;
947
1185
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
948
1186
  readonly property: "borderRadius";
949
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1187
+ readonly properties: {
1188
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1189
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
1190
+ };
1191
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
950
1192
  readonly scale: "borderRadii";
951
1193
  }>;
952
1194
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
953
1195
  readonly property: "borderRadius";
954
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1196
+ readonly properties: {
1197
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1198
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
1199
+ };
1200
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
955
1201
  readonly scale: "borderRadii";
956
1202
  }>;
957
1203
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
958
- readonly property: "borderTopLeftRadius";
1204
+ readonly property: {
1205
+ readonly physical: "borderTopLeftRadius";
1206
+ readonly logical: "borderStartStartRadius";
1207
+ };
1208
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
959
1209
  readonly scale: "borderRadii";
960
1210
  }>;
961
1211
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
962
- readonly property: "borderTopRightRadius";
1212
+ readonly property: {
1213
+ readonly physical: "borderTopRightRadius";
1214
+ readonly logical: "borderStartEndRadius";
1215
+ };
1216
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
963
1217
  readonly scale: "borderRadii";
964
1218
  }>;
965
1219
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
966
- readonly property: "borderBottomRightRadius";
1220
+ readonly property: {
1221
+ readonly physical: "borderBottomRightRadius";
1222
+ readonly logical: "borderEndEndRadius";
1223
+ };
1224
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
967
1225
  readonly scale: "borderRadii";
968
1226
  }>;
969
1227
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
970
- readonly property: "borderBottomLeftRadius";
1228
+ readonly property: {
1229
+ readonly physical: "borderBottomLeftRadius";
1230
+ readonly logical: "borderEndStartRadius";
1231
+ };
1232
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
971
1233
  readonly scale: "borderRadii";
972
1234
  }>;
973
1235
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
974
1236
  readonly property: "borderStyle";
975
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1237
+ readonly properties: {
1238
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
1239
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
1240
+ };
1241
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
976
1242
  }>;
977
1243
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
978
1244
  readonly property: "borderStyle";
979
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1245
+ readonly properties: {
1246
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
1247
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
1248
+ };
1249
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
980
1250
  }>;
981
1251
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
982
- readonly property: "borderLeftStyle";
1252
+ readonly property: {
1253
+ readonly physical: "borderLeftStyle";
1254
+ readonly logical: "borderInlineStartStyle";
1255
+ };
1256
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
983
1257
  }>;
984
1258
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
985
- readonly property: "borderRightStyle";
1259
+ readonly property: {
1260
+ readonly physical: "borderRightStyle";
1261
+ readonly logical: "borderInlineEndStyle";
1262
+ };
1263
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
986
1264
  }>;
987
1265
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
988
- readonly property: "borderTopStyle";
1266
+ readonly property: {
1267
+ readonly physical: "borderTopStyle";
1268
+ readonly logical: "borderBlockStartStyle";
1269
+ };
1270
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
989
1271
  }>;
990
1272
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
991
- readonly property: "borderBottomStyle";
1273
+ readonly property: {
1274
+ readonly physical: "borderBottomStyle";
1275
+ readonly logical: "borderBlockEndStyle";
1276
+ };
1277
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
992
1278
  }>;
993
1279
  } & {
994
1280
  theme?: Theme | undefined;
@@ -1044,6 +1330,9 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1044
1330
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
1045
1331
  readonly property: "containerType";
1046
1332
  }>;
1333
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
1334
+ readonly property: "direction";
1335
+ }>;
1047
1336
  display?: import("@codecademy/variance/dist/types/config").Scale<{
1048
1337
  readonly property: "display";
1049
1338
  }>;
@@ -1093,7 +1382,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1093
1382
  readonly property: "gridTemplateRows";
1094
1383
  }>;
1095
1384
  height?: import("@codecademy/variance/dist/types/config").Scale<{
1096
- readonly property: "height";
1385
+ readonly property: {
1386
+ readonly physical: "height";
1387
+ readonly logical: "blockSize";
1388
+ };
1389
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1097
1390
  readonly transform: (value: string | number) => string | 0;
1098
1391
  }>;
1099
1392
  justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1110,19 +1403,35 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1110
1403
  readonly transform: (value: string | number) => string | 0;
1111
1404
  }>;
1112
1405
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1113
- readonly property: "maxHeight";
1406
+ readonly property: {
1407
+ readonly physical: "maxHeight";
1408
+ readonly logical: "maxBlockSize";
1409
+ };
1410
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1114
1411
  readonly transform: (value: string | number) => string | 0;
1115
1412
  }>;
1116
1413
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1117
- readonly property: "maxWidth";
1414
+ readonly property: {
1415
+ readonly physical: "maxWidth";
1416
+ readonly logical: "maxInlineSize";
1417
+ };
1418
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1118
1419
  readonly transform: (value: string | number) => string | 0;
1119
1420
  }>;
1120
1421
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1121
- readonly property: "minHeight";
1422
+ readonly property: {
1423
+ readonly physical: "minHeight";
1424
+ readonly logical: "minBlockSize";
1425
+ };
1426
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1122
1427
  readonly transform: (value: string | number) => string | 0;
1123
1428
  }>;
1124
1429
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1125
- readonly property: "minWidth";
1430
+ readonly property: {
1431
+ readonly physical: "minWidth";
1432
+ readonly logical: "minInlineSize";
1433
+ };
1434
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1126
1435
  readonly transform: (value: string | number) => string | 0;
1127
1436
  }>;
1128
1437
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1156,7 +1465,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1156
1465
  readonly property: "verticalAlign";
1157
1466
  }>;
1158
1467
  width?: import("@codecademy/variance/dist/types/config").Scale<{
1159
- readonly property: "width";
1468
+ readonly property: {
1469
+ readonly physical: "width";
1470
+ readonly logical: "inlineSize";
1471
+ };
1472
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1160
1473
  readonly transform: (value: string | number) => string | 0;
1161
1474
  }>;
1162
1475
  zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1166,7 +1479,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1166
1479
  readonly property: "backgroundPosition";
1167
1480
  }>;
1168
1481
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1169
- readonly property: "borderBottom";
1482
+ readonly property: {
1483
+ readonly physical: "borderBottom";
1484
+ readonly logical: "borderBlockEnd";
1485
+ };
1486
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1170
1487
  readonly scale: "borders";
1171
1488
  }>;
1172
1489
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1174,7 +1491,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1174
1491
  readonly scale: "colors";
1175
1492
  }>;
1176
1493
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1177
- readonly property: "borderLeft";
1494
+ readonly property: {
1495
+ readonly physical: "borderLeft";
1496
+ readonly logical: "borderInlineStart";
1497
+ };
1498
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1178
1499
  readonly scale: "borders";
1179
1500
  }>;
1180
1501
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1182,14 +1503,22 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1182
1503
  readonly scale: "borderRadii";
1183
1504
  }>;
1184
1505
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
1185
- readonly property: "borderRight";
1506
+ readonly property: {
1507
+ readonly physical: "borderRight";
1508
+ readonly logical: "borderInlineEnd";
1509
+ };
1510
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1186
1511
  readonly scale: "borders";
1187
1512
  }>;
1188
1513
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1189
1514
  readonly property: "borderStyle";
1190
1515
  }>;
1191
1516
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
1192
- readonly property: "borderTop";
1517
+ readonly property: {
1518
+ readonly physical: "borderTop";
1519
+ readonly logical: "borderBlockStart";
1520
+ };
1521
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1193
1522
  readonly scale: "borders";
1194
1523
  }>;
1195
1524
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1234,28 +1563,40 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1234
1563
  }>;
1235
1564
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
1236
1565
  readonly property: "borderColor";
1237
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
1566
+ readonly properties: {
1567
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
1568
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
1569
+ };
1570
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1238
1571
  readonly scale: "colors";
1239
1572
  }>;
1240
1573
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
1241
1574
  readonly property: "borderColor";
1242
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
1575
+ readonly properties: {
1576
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
1577
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
1578
+ };
1579
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1243
1580
  readonly scale: "colors";
1244
1581
  }>;
1245
1582
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1246
1583
  readonly property: "borderLeftColor";
1584
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1247
1585
  readonly scale: "colors";
1248
1586
  }>;
1249
1587
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
1250
1588
  readonly property: "borderRightColor";
1589
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1251
1590
  readonly scale: "colors";
1252
1591
  }>;
1253
1592
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
1254
1593
  readonly property: "borderTopColor";
1594
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1255
1595
  readonly scale: "colors";
1256
1596
  }>;
1257
1597
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1258
1598
  readonly property: "borderBottomColor";
1599
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1259
1600
  readonly scale: "colors";
1260
1601
  }>;
1261
1602
  px?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1364,89 +1705,177 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1364
1705
  }>;
1365
1706
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1366
1707
  readonly property: "border";
1367
- readonly properties: readonly ["borderLeft", "borderRight"];
1708
+ readonly properties: {
1709
+ readonly physical: readonly ["borderLeft", "borderRight"];
1710
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
1711
+ };
1712
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1368
1713
  readonly scale: "borders";
1369
1714
  }>;
1370
1715
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
1371
1716
  readonly property: "border";
1372
- readonly properties: readonly ["borderTop", "borderBottom"];
1717
+ readonly properties: {
1718
+ readonly physical: readonly ["borderTop", "borderBottom"];
1719
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
1720
+ };
1721
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1373
1722
  readonly scale: "borders";
1374
1723
  }>;
1375
1724
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
1376
1725
  readonly property: "borderWidth";
1377
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
1726
+ readonly properties: {
1727
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
1728
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
1729
+ };
1730
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1378
1731
  }>;
1379
1732
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
1380
1733
  readonly property: "borderWidth";
1381
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
1734
+ readonly properties: {
1735
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
1736
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
1737
+ };
1738
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1382
1739
  }>;
1383
1740
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1384
- readonly property: "borderLeftWidth";
1741
+ readonly property: {
1742
+ readonly physical: "borderLeftWidth";
1743
+ readonly logical: "borderInlineStartWidth";
1744
+ };
1745
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1385
1746
  }>;
1386
1747
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
1387
- readonly property: "borderRightWidth";
1748
+ readonly property: {
1749
+ readonly physical: "borderRightWidth";
1750
+ readonly logical: "borderInlineEndWidth";
1751
+ };
1752
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1388
1753
  }>;
1389
1754
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
1390
- readonly property: "borderTopWidth";
1755
+ readonly property: {
1756
+ readonly physical: "borderTopWidth";
1757
+ readonly logical: "borderBlockStartWidth";
1758
+ };
1759
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1391
1760
  }>;
1392
1761
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1393
- readonly property: "borderBottomWidth";
1762
+ readonly property: {
1763
+ readonly physical: "borderBottomWidth";
1764
+ readonly logical: "borderBlockEndWidth";
1765
+ };
1766
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1394
1767
  }>;
1395
1768
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1396
1769
  readonly property: "borderRadius";
1397
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1770
+ readonly properties: {
1771
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1772
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
1773
+ };
1774
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1398
1775
  readonly scale: "borderRadii";
1399
1776
  }>;
1400
1777
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
1401
1778
  readonly property: "borderRadius";
1402
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1779
+ readonly properties: {
1780
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1781
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
1782
+ };
1783
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1403
1784
  readonly scale: "borderRadii";
1404
1785
  }>;
1405
1786
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1406
1787
  readonly property: "borderRadius";
1407
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1788
+ readonly properties: {
1789
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1790
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
1791
+ };
1792
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1408
1793
  readonly scale: "borderRadii";
1409
1794
  }>;
1410
1795
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1411
1796
  readonly property: "borderRadius";
1412
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1797
+ readonly properties: {
1798
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1799
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
1800
+ };
1801
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1413
1802
  readonly scale: "borderRadii";
1414
1803
  }>;
1415
1804
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1416
- readonly property: "borderTopLeftRadius";
1805
+ readonly property: {
1806
+ readonly physical: "borderTopLeftRadius";
1807
+ readonly logical: "borderStartStartRadius";
1808
+ };
1809
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1417
1810
  readonly scale: "borderRadii";
1418
1811
  }>;
1419
1812
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1420
- readonly property: "borderTopRightRadius";
1813
+ readonly property: {
1814
+ readonly physical: "borderTopRightRadius";
1815
+ readonly logical: "borderStartEndRadius";
1816
+ };
1817
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1421
1818
  readonly scale: "borderRadii";
1422
1819
  }>;
1423
1820
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1424
- readonly property: "borderBottomRightRadius";
1821
+ readonly property: {
1822
+ readonly physical: "borderBottomRightRadius";
1823
+ readonly logical: "borderEndEndRadius";
1824
+ };
1825
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1425
1826
  readonly scale: "borderRadii";
1426
1827
  }>;
1427
1828
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1428
- readonly property: "borderBottomLeftRadius";
1829
+ readonly property: {
1830
+ readonly physical: "borderBottomLeftRadius";
1831
+ readonly logical: "borderEndStartRadius";
1832
+ };
1833
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1429
1834
  readonly scale: "borderRadii";
1430
1835
  }>;
1431
1836
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1432
1837
  readonly property: "borderStyle";
1433
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1838
+ readonly properties: {
1839
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
1840
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
1841
+ };
1842
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1434
1843
  }>;
1435
1844
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1436
1845
  readonly property: "borderStyle";
1437
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1846
+ readonly properties: {
1847
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
1848
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
1849
+ };
1850
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1438
1851
  }>;
1439
1852
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1440
- readonly property: "borderLeftStyle";
1853
+ readonly property: {
1854
+ readonly physical: "borderLeftStyle";
1855
+ readonly logical: "borderInlineStartStyle";
1856
+ };
1857
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1441
1858
  }>;
1442
1859
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1443
- readonly property: "borderRightStyle";
1860
+ readonly property: {
1861
+ readonly physical: "borderRightStyle";
1862
+ readonly logical: "borderInlineEndStyle";
1863
+ };
1864
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1444
1865
  }>;
1445
1866
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1446
- readonly property: "borderTopStyle";
1867
+ readonly property: {
1868
+ readonly physical: "borderTopStyle";
1869
+ readonly logical: "borderBlockStartStyle";
1870
+ };
1871
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1447
1872
  }>;
1448
1873
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1449
- readonly property: "borderBottomStyle";
1874
+ readonly property: {
1875
+ readonly physical: "borderBottomStyle";
1876
+ readonly logical: "borderBlockEndStyle";
1877
+ };
1878
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1450
1879
  }>;
1451
1880
  } & {
1452
1881
  theme?: Theme | undefined;