@codecademy/gamut-styles 17.11.3-alpha.d8b528.0 → 17.11.3-alpha.dfd5fd.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 (5) hide show
  1. package/dist/ColorMode.d.ts +432 -84
  2. package/dist/variance/config.d.ts +288 -56
  3. package/dist/variance/config.js +144 -28
  4. package/dist/variance/props.d.ts +576 -112
  5. package/package.json +3 -3
package/dist/ColorMode.d.ts CHANGED
@@ -116,28 +116,40 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
116
116
  };
117
117
  readonly borderColorX: {
118
118
  readonly property: "borderColor";
119
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
119
+ readonly properties: {
120
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
121
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
122
+ };
123
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
120
124
  readonly scale: "colors";
121
125
  };
122
126
  readonly borderColorY: {
123
127
  readonly property: "borderColor";
124
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
128
+ readonly properties: {
129
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
130
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
131
+ };
132
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
125
133
  readonly scale: "colors";
126
134
  };
127
135
  readonly borderColorLeft: {
128
136
  readonly property: "borderLeftColor";
137
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
129
138
  readonly scale: "colors";
130
139
  };
131
140
  readonly borderColorRight: {
132
141
  readonly property: "borderRightColor";
142
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
133
143
  readonly scale: "colors";
134
144
  };
135
145
  readonly borderColorTop: {
136
146
  readonly property: "borderTopColor";
147
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
137
148
  readonly scale: "colors";
138
149
  };
139
150
  readonly borderColorBottom: {
140
151
  readonly property: "borderBottomColor";
152
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
141
153
  readonly scale: "colors";
142
154
  };
143
155
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
@@ -400,28 +412,52 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
400
412
  };
401
413
  readonly borderX: {
402
414
  readonly property: "border";
403
- readonly properties: readonly ["borderLeft", "borderRight"];
415
+ readonly properties: {
416
+ readonly physical: readonly ["borderLeft", "borderRight"];
417
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
418
+ };
419
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
404
420
  readonly scale: "borders";
405
421
  };
406
422
  readonly borderY: {
407
423
  readonly property: "border";
408
- readonly properties: readonly ["borderTop", "borderBottom"];
424
+ readonly properties: {
425
+ readonly physical: readonly ["borderTop", "borderBottom"];
426
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
427
+ };
428
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
409
429
  readonly scale: "borders";
410
430
  };
411
431
  readonly borderTop: {
412
- readonly property: "borderTop";
432
+ readonly property: {
433
+ readonly physical: "borderTop";
434
+ readonly logical: "borderBlockStart";
435
+ };
436
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
413
437
  readonly scale: "borders";
414
438
  };
415
439
  readonly borderRight: {
416
- readonly property: "borderRight";
440
+ readonly property: {
441
+ readonly physical: "borderRight";
442
+ readonly logical: "borderInlineEnd";
443
+ };
444
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
417
445
  readonly scale: "borders";
418
446
  };
419
447
  readonly borderBottom: {
420
- readonly property: "borderBottom";
448
+ readonly property: {
449
+ readonly physical: "borderBottom";
450
+ readonly logical: "borderBlockEnd";
451
+ };
452
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
421
453
  readonly scale: "borders";
422
454
  };
423
455
  readonly borderLeft: {
424
- readonly property: "borderLeft";
456
+ readonly property: {
457
+ readonly physical: "borderLeft";
458
+ readonly logical: "borderInlineStart";
459
+ };
460
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
425
461
  readonly scale: "borders";
426
462
  };
427
463
  readonly borderWidth: {
@@ -429,23 +465,47 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
429
465
  };
430
466
  readonly borderWidthX: {
431
467
  readonly property: "borderWidth";
432
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
468
+ readonly properties: {
469
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
470
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
471
+ };
472
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
433
473
  };
434
474
  readonly borderWidthY: {
435
475
  readonly property: "borderWidth";
436
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
476
+ readonly properties: {
477
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
478
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
479
+ };
480
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
437
481
  };
438
482
  readonly borderWidthLeft: {
439
- readonly property: "borderLeftWidth";
483
+ readonly property: {
484
+ readonly physical: "borderLeftWidth";
485
+ readonly logical: "borderInlineStartWidth";
486
+ };
487
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
440
488
  };
441
489
  readonly borderWidthRight: {
442
- readonly property: "borderRightWidth";
490
+ readonly property: {
491
+ readonly physical: "borderRightWidth";
492
+ readonly logical: "borderInlineEndWidth";
493
+ };
494
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
443
495
  };
444
496
  readonly borderWidthTop: {
445
- readonly property: "borderTopWidth";
497
+ readonly property: {
498
+ readonly physical: "borderTopWidth";
499
+ readonly logical: "borderBlockStartWidth";
500
+ };
501
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
446
502
  };
447
503
  readonly borderWidthBottom: {
448
- readonly property: "borderBottomWidth";
504
+ readonly property: {
505
+ readonly physical: "borderBottomWidth";
506
+ readonly logical: "borderBlockEndWidth";
507
+ };
508
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
449
509
  };
450
510
  readonly borderRadius: {
451
511
  readonly property: "borderRadius";
@@ -453,38 +513,70 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
453
513
  };
454
514
  readonly borderRadiusLeft: {
455
515
  readonly property: "borderRadius";
456
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
516
+ readonly properties: {
517
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
518
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
519
+ };
520
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
457
521
  readonly scale: "borderRadii";
458
522
  };
459
523
  readonly borderRadiusTop: {
460
524
  readonly property: "borderRadius";
461
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
525
+ readonly properties: {
526
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
527
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
528
+ };
529
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
462
530
  readonly scale: "borderRadii";
463
531
  };
464
532
  readonly borderRadiusBottom: {
465
533
  readonly property: "borderRadius";
466
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
534
+ readonly properties: {
535
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
536
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
537
+ };
538
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
467
539
  readonly scale: "borderRadii";
468
540
  };
469
541
  readonly borderRadiusRight: {
470
542
  readonly property: "borderRadius";
471
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
543
+ readonly properties: {
544
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
545
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
546
+ };
547
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
472
548
  readonly scale: "borderRadii";
473
549
  };
474
550
  readonly borderRadiusTopLeft: {
475
- readonly property: "borderTopLeftRadius";
551
+ readonly property: {
552
+ readonly physical: "borderTopLeftRadius";
553
+ readonly logical: "borderStartStartRadius";
554
+ };
555
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
476
556
  readonly scale: "borderRadii";
477
557
  };
478
558
  readonly borderRadiusTopRight: {
479
- readonly property: "borderTopRightRadius";
559
+ readonly property: {
560
+ readonly physical: "borderTopRightRadius";
561
+ readonly logical: "borderStartEndRadius";
562
+ };
563
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
480
564
  readonly scale: "borderRadii";
481
565
  };
482
566
  readonly borderRadiusBottomRight: {
483
- readonly property: "borderBottomRightRadius";
567
+ readonly property: {
568
+ readonly physical: "borderBottomRightRadius";
569
+ readonly logical: "borderEndEndRadius";
570
+ };
571
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
484
572
  readonly scale: "borderRadii";
485
573
  };
486
574
  readonly borderRadiusBottomLeft: {
487
- readonly property: "borderBottomLeftRadius";
575
+ readonly property: {
576
+ readonly physical: "borderBottomLeftRadius";
577
+ readonly logical: "borderEndStartRadius";
578
+ };
579
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
488
580
  readonly scale: "borderRadii";
489
581
  };
490
582
  readonly borderStyle: {
@@ -492,23 +584,47 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
492
584
  };
493
585
  readonly borderStyleX: {
494
586
  readonly property: "borderStyle";
495
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
587
+ readonly properties: {
588
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
589
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
590
+ };
591
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
496
592
  };
497
593
  readonly borderStyleY: {
498
594
  readonly property: "borderStyle";
499
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
595
+ readonly properties: {
596
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
597
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
598
+ };
599
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
500
600
  };
501
601
  readonly borderStyleLeft: {
502
- readonly property: "borderLeftStyle";
602
+ readonly property: {
603
+ readonly physical: "borderLeftStyle";
604
+ readonly logical: "borderInlineStartStyle";
605
+ };
606
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
503
607
  };
504
608
  readonly borderStyleRight: {
505
- readonly property: "borderRightStyle";
609
+ readonly property: {
610
+ readonly physical: "borderRightStyle";
611
+ readonly logical: "borderInlineEndStyle";
612
+ };
613
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
506
614
  };
507
615
  readonly borderStyleTop: {
508
- readonly property: "borderTopStyle";
616
+ readonly property: {
617
+ readonly physical: "borderTopStyle";
618
+ readonly logical: "borderBlockStartStyle";
619
+ };
620
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
509
621
  };
510
622
  readonly borderStyleBottom: {
511
- readonly property: "borderBottomStyle";
623
+ readonly property: {
624
+ readonly physical: "borderBottomStyle";
625
+ readonly logical: "borderBlockEndStyle";
626
+ };
627
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
512
628
  };
513
629
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
514
630
  readonly background: {
@@ -708,7 +824,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
708
824
  readonly property: "backgroundPosition";
709
825
  }>;
710
826
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
711
- readonly property: "borderBottom";
827
+ readonly property: {
828
+ readonly physical: "borderBottom";
829
+ readonly logical: "borderBlockEnd";
830
+ };
831
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
712
832
  readonly scale: "borders";
713
833
  }>;
714
834
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -716,7 +836,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
716
836
  readonly scale: "colors";
717
837
  }>;
718
838
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
719
- readonly property: "borderLeft";
839
+ readonly property: {
840
+ readonly physical: "borderLeft";
841
+ readonly logical: "borderInlineStart";
842
+ };
843
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
720
844
  readonly scale: "borders";
721
845
  }>;
722
846
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -724,14 +848,22 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
724
848
  readonly scale: "borderRadii";
725
849
  }>;
726
850
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
727
- readonly property: "borderRight";
851
+ readonly property: {
852
+ readonly physical: "borderRight";
853
+ readonly logical: "borderInlineEnd";
854
+ };
855
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
728
856
  readonly scale: "borders";
729
857
  }>;
730
858
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
731
859
  readonly property: "borderStyle";
732
860
  }>;
733
861
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
734
- readonly property: "borderTop";
862
+ readonly property: {
863
+ readonly physical: "borderTop";
864
+ readonly logical: "borderBlockStart";
865
+ };
866
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
735
867
  readonly scale: "borders";
736
868
  }>;
737
869
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -776,28 +908,40 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
776
908
  }>;
777
909
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
778
910
  readonly property: "borderColor";
779
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
911
+ readonly properties: {
912
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
913
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
914
+ };
915
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
780
916
  readonly scale: "colors";
781
917
  }>;
782
918
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
783
919
  readonly property: "borderColor";
784
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
920
+ readonly properties: {
921
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
922
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
923
+ };
924
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
785
925
  readonly scale: "colors";
786
926
  }>;
787
927
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
788
928
  readonly property: "borderLeftColor";
929
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
789
930
  readonly scale: "colors";
790
931
  }>;
791
932
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
792
933
  readonly property: "borderRightColor";
934
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
793
935
  readonly scale: "colors";
794
936
  }>;
795
937
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
796
938
  readonly property: "borderTopColor";
939
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
797
940
  readonly scale: "colors";
798
941
  }>;
799
942
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
800
943
  readonly property: "borderBottomColor";
944
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
801
945
  readonly scale: "colors";
802
946
  }>;
803
947
  px?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -906,89 +1050,177 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
906
1050
  }>;
907
1051
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
908
1052
  readonly property: "border";
909
- readonly properties: readonly ["borderLeft", "borderRight"];
1053
+ readonly properties: {
1054
+ readonly physical: readonly ["borderLeft", "borderRight"];
1055
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
1056
+ };
1057
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
910
1058
  readonly scale: "borders";
911
1059
  }>;
912
1060
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
913
1061
  readonly property: "border";
914
- readonly properties: readonly ["borderTop", "borderBottom"];
1062
+ readonly properties: {
1063
+ readonly physical: readonly ["borderTop", "borderBottom"];
1064
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
1065
+ };
1066
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
915
1067
  readonly scale: "borders";
916
1068
  }>;
917
1069
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
918
1070
  readonly property: "borderWidth";
919
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
1071
+ readonly properties: {
1072
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
1073
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
1074
+ };
1075
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
920
1076
  }>;
921
1077
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
922
1078
  readonly property: "borderWidth";
923
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
1079
+ readonly properties: {
1080
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
1081
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
1082
+ };
1083
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
924
1084
  }>;
925
1085
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
926
- readonly property: "borderLeftWidth";
1086
+ readonly property: {
1087
+ readonly physical: "borderLeftWidth";
1088
+ readonly logical: "borderInlineStartWidth";
1089
+ };
1090
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
927
1091
  }>;
928
1092
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
929
- readonly property: "borderRightWidth";
1093
+ readonly property: {
1094
+ readonly physical: "borderRightWidth";
1095
+ readonly logical: "borderInlineEndWidth";
1096
+ };
1097
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
930
1098
  }>;
931
1099
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
932
- readonly property: "borderTopWidth";
1100
+ readonly property: {
1101
+ readonly physical: "borderTopWidth";
1102
+ readonly logical: "borderBlockStartWidth";
1103
+ };
1104
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
933
1105
  }>;
934
1106
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
935
- readonly property: "borderBottomWidth";
1107
+ readonly property: {
1108
+ readonly physical: "borderBottomWidth";
1109
+ readonly logical: "borderBlockEndWidth";
1110
+ };
1111
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
936
1112
  }>;
937
1113
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
938
1114
  readonly property: "borderRadius";
939
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1115
+ readonly properties: {
1116
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1117
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
1118
+ };
1119
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
940
1120
  readonly scale: "borderRadii";
941
1121
  }>;
942
1122
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
943
1123
  readonly property: "borderRadius";
944
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1124
+ readonly properties: {
1125
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1126
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
1127
+ };
1128
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
945
1129
  readonly scale: "borderRadii";
946
1130
  }>;
947
1131
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
948
1132
  readonly property: "borderRadius";
949
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1133
+ readonly properties: {
1134
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1135
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
1136
+ };
1137
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
950
1138
  readonly scale: "borderRadii";
951
1139
  }>;
952
1140
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
953
1141
  readonly property: "borderRadius";
954
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1142
+ readonly properties: {
1143
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1144
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
1145
+ };
1146
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
955
1147
  readonly scale: "borderRadii";
956
1148
  }>;
957
1149
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
958
- readonly property: "borderTopLeftRadius";
1150
+ readonly property: {
1151
+ readonly physical: "borderTopLeftRadius";
1152
+ readonly logical: "borderStartStartRadius";
1153
+ };
1154
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
959
1155
  readonly scale: "borderRadii";
960
1156
  }>;
961
1157
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
962
- readonly property: "borderTopRightRadius";
1158
+ readonly property: {
1159
+ readonly physical: "borderTopRightRadius";
1160
+ readonly logical: "borderStartEndRadius";
1161
+ };
1162
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
963
1163
  readonly scale: "borderRadii";
964
1164
  }>;
965
1165
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
966
- readonly property: "borderBottomRightRadius";
1166
+ readonly property: {
1167
+ readonly physical: "borderBottomRightRadius";
1168
+ readonly logical: "borderEndEndRadius";
1169
+ };
1170
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
967
1171
  readonly scale: "borderRadii";
968
1172
  }>;
969
1173
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
970
- readonly property: "borderBottomLeftRadius";
1174
+ readonly property: {
1175
+ readonly physical: "borderBottomLeftRadius";
1176
+ readonly logical: "borderEndStartRadius";
1177
+ };
1178
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
971
1179
  readonly scale: "borderRadii";
972
1180
  }>;
973
1181
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
974
1182
  readonly property: "borderStyle";
975
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1183
+ readonly properties: {
1184
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
1185
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
1186
+ };
1187
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
976
1188
  }>;
977
1189
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
978
1190
  readonly property: "borderStyle";
979
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1191
+ readonly properties: {
1192
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
1193
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
1194
+ };
1195
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
980
1196
  }>;
981
1197
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
982
- readonly property: "borderLeftStyle";
1198
+ readonly property: {
1199
+ readonly physical: "borderLeftStyle";
1200
+ readonly logical: "borderInlineStartStyle";
1201
+ };
1202
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
983
1203
  }>;
984
1204
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
985
- readonly property: "borderRightStyle";
1205
+ readonly property: {
1206
+ readonly physical: "borderRightStyle";
1207
+ readonly logical: "borderInlineEndStyle";
1208
+ };
1209
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
986
1210
  }>;
987
1211
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
988
- readonly property: "borderTopStyle";
1212
+ readonly property: {
1213
+ readonly physical: "borderTopStyle";
1214
+ readonly logical: "borderBlockStartStyle";
1215
+ };
1216
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
989
1217
  }>;
990
1218
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
991
- readonly property: "borderBottomStyle";
1219
+ readonly property: {
1220
+ readonly physical: "borderBottomStyle";
1221
+ readonly logical: "borderBlockEndStyle";
1222
+ };
1223
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
992
1224
  }>;
993
1225
  } & {
994
1226
  theme?: Theme | undefined;
@@ -1166,7 +1398,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1166
1398
  readonly property: "backgroundPosition";
1167
1399
  }>;
1168
1400
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1169
- readonly property: "borderBottom";
1401
+ readonly property: {
1402
+ readonly physical: "borderBottom";
1403
+ readonly logical: "borderBlockEnd";
1404
+ };
1405
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1170
1406
  readonly scale: "borders";
1171
1407
  }>;
1172
1408
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1174,7 +1410,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1174
1410
  readonly scale: "colors";
1175
1411
  }>;
1176
1412
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1177
- readonly property: "borderLeft";
1413
+ readonly property: {
1414
+ readonly physical: "borderLeft";
1415
+ readonly logical: "borderInlineStart";
1416
+ };
1417
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1178
1418
  readonly scale: "borders";
1179
1419
  }>;
1180
1420
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1182,14 +1422,22 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1182
1422
  readonly scale: "borderRadii";
1183
1423
  }>;
1184
1424
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
1185
- readonly property: "borderRight";
1425
+ readonly property: {
1426
+ readonly physical: "borderRight";
1427
+ readonly logical: "borderInlineEnd";
1428
+ };
1429
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1186
1430
  readonly scale: "borders";
1187
1431
  }>;
1188
1432
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1189
1433
  readonly property: "borderStyle";
1190
1434
  }>;
1191
1435
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
1192
- readonly property: "borderTop";
1436
+ readonly property: {
1437
+ readonly physical: "borderTop";
1438
+ readonly logical: "borderBlockStart";
1439
+ };
1440
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1193
1441
  readonly scale: "borders";
1194
1442
  }>;
1195
1443
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1234,28 +1482,40 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1234
1482
  }>;
1235
1483
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
1236
1484
  readonly property: "borderColor";
1237
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
1485
+ readonly properties: {
1486
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
1487
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
1488
+ };
1489
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1238
1490
  readonly scale: "colors";
1239
1491
  }>;
1240
1492
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
1241
1493
  readonly property: "borderColor";
1242
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
1494
+ readonly properties: {
1495
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
1496
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
1497
+ };
1498
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1243
1499
  readonly scale: "colors";
1244
1500
  }>;
1245
1501
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1246
1502
  readonly property: "borderLeftColor";
1503
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1247
1504
  readonly scale: "colors";
1248
1505
  }>;
1249
1506
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
1250
1507
  readonly property: "borderRightColor";
1508
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1251
1509
  readonly scale: "colors";
1252
1510
  }>;
1253
1511
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
1254
1512
  readonly property: "borderTopColor";
1513
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1255
1514
  readonly scale: "colors";
1256
1515
  }>;
1257
1516
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1258
1517
  readonly property: "borderBottomColor";
1518
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1259
1519
  readonly scale: "colors";
1260
1520
  }>;
1261
1521
  px?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1364,89 +1624,177 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1364
1624
  }>;
1365
1625
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1366
1626
  readonly property: "border";
1367
- readonly properties: readonly ["borderLeft", "borderRight"];
1627
+ readonly properties: {
1628
+ readonly physical: readonly ["borderLeft", "borderRight"];
1629
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
1630
+ };
1631
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1368
1632
  readonly scale: "borders";
1369
1633
  }>;
1370
1634
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
1371
1635
  readonly property: "border";
1372
- readonly properties: readonly ["borderTop", "borderBottom"];
1636
+ readonly properties: {
1637
+ readonly physical: readonly ["borderTop", "borderBottom"];
1638
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
1639
+ };
1640
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1373
1641
  readonly scale: "borders";
1374
1642
  }>;
1375
1643
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
1376
1644
  readonly property: "borderWidth";
1377
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
1645
+ readonly properties: {
1646
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
1647
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
1648
+ };
1649
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1378
1650
  }>;
1379
1651
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
1380
1652
  readonly property: "borderWidth";
1381
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
1653
+ readonly properties: {
1654
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
1655
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
1656
+ };
1657
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1382
1658
  }>;
1383
1659
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1384
- readonly property: "borderLeftWidth";
1660
+ readonly property: {
1661
+ readonly physical: "borderLeftWidth";
1662
+ readonly logical: "borderInlineStartWidth";
1663
+ };
1664
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1385
1665
  }>;
1386
1666
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
1387
- readonly property: "borderRightWidth";
1667
+ readonly property: {
1668
+ readonly physical: "borderRightWidth";
1669
+ readonly logical: "borderInlineEndWidth";
1670
+ };
1671
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1388
1672
  }>;
1389
1673
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
1390
- readonly property: "borderTopWidth";
1674
+ readonly property: {
1675
+ readonly physical: "borderTopWidth";
1676
+ readonly logical: "borderBlockStartWidth";
1677
+ };
1678
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1391
1679
  }>;
1392
1680
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1393
- readonly property: "borderBottomWidth";
1681
+ readonly property: {
1682
+ readonly physical: "borderBottomWidth";
1683
+ readonly logical: "borderBlockEndWidth";
1684
+ };
1685
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1394
1686
  }>;
1395
1687
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1396
1688
  readonly property: "borderRadius";
1397
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1689
+ readonly properties: {
1690
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1691
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
1692
+ };
1693
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1398
1694
  readonly scale: "borderRadii";
1399
1695
  }>;
1400
1696
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
1401
1697
  readonly property: "borderRadius";
1402
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1698
+ readonly properties: {
1699
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1700
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
1701
+ };
1702
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1403
1703
  readonly scale: "borderRadii";
1404
1704
  }>;
1405
1705
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1406
1706
  readonly property: "borderRadius";
1407
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1707
+ readonly properties: {
1708
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1709
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
1710
+ };
1711
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1408
1712
  readonly scale: "borderRadii";
1409
1713
  }>;
1410
1714
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1411
1715
  readonly property: "borderRadius";
1412
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1716
+ readonly properties: {
1717
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1718
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
1719
+ };
1720
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1413
1721
  readonly scale: "borderRadii";
1414
1722
  }>;
1415
1723
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1416
- readonly property: "borderTopLeftRadius";
1724
+ readonly property: {
1725
+ readonly physical: "borderTopLeftRadius";
1726
+ readonly logical: "borderStartStartRadius";
1727
+ };
1728
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1417
1729
  readonly scale: "borderRadii";
1418
1730
  }>;
1419
1731
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1420
- readonly property: "borderTopRightRadius";
1732
+ readonly property: {
1733
+ readonly physical: "borderTopRightRadius";
1734
+ readonly logical: "borderStartEndRadius";
1735
+ };
1736
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1421
1737
  readonly scale: "borderRadii";
1422
1738
  }>;
1423
1739
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1424
- readonly property: "borderBottomRightRadius";
1740
+ readonly property: {
1741
+ readonly physical: "borderBottomRightRadius";
1742
+ readonly logical: "borderEndEndRadius";
1743
+ };
1744
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1425
1745
  readonly scale: "borderRadii";
1426
1746
  }>;
1427
1747
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1428
- readonly property: "borderBottomLeftRadius";
1748
+ readonly property: {
1749
+ readonly physical: "borderBottomLeftRadius";
1750
+ readonly logical: "borderEndStartRadius";
1751
+ };
1752
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1429
1753
  readonly scale: "borderRadii";
1430
1754
  }>;
1431
1755
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1432
1756
  readonly property: "borderStyle";
1433
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1757
+ readonly properties: {
1758
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
1759
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
1760
+ };
1761
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1434
1762
  }>;
1435
1763
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1436
1764
  readonly property: "borderStyle";
1437
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1765
+ readonly properties: {
1766
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
1767
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
1768
+ };
1769
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1438
1770
  }>;
1439
1771
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1440
- readonly property: "borderLeftStyle";
1772
+ readonly property: {
1773
+ readonly physical: "borderLeftStyle";
1774
+ readonly logical: "borderInlineStartStyle";
1775
+ };
1776
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1441
1777
  }>;
1442
1778
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1443
- readonly property: "borderRightStyle";
1779
+ readonly property: {
1780
+ readonly physical: "borderRightStyle";
1781
+ readonly logical: "borderInlineEndStyle";
1782
+ };
1783
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1444
1784
  }>;
1445
1785
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1446
- readonly property: "borderTopStyle";
1786
+ readonly property: {
1787
+ readonly physical: "borderTopStyle";
1788
+ readonly logical: "borderBlockStartStyle";
1789
+ };
1790
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1447
1791
  }>;
1448
1792
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1449
- readonly property: "borderBottomStyle";
1793
+ readonly property: {
1794
+ readonly physical: "borderBottomStyle";
1795
+ readonly logical: "borderBlockEndStyle";
1796
+ };
1797
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1450
1798
  }>;
1451
1799
  } & {
1452
1800
  theme?: Theme | undefined;