@codecademy/gamut 68.0.1-alpha.897add.0 → 68.0.1-alpha.a46571.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 (20) hide show
  1. package/LICENSE +21 -0
  2. package/dist/Anchor/index.d.ts +60 -12
  3. package/dist/Badge/index.d.ts +60 -12
  4. package/dist/Box/props.d.ts +120 -24
  5. package/dist/Button/shared/styles.d.ts +120 -24
  6. package/dist/Card/elements.d.ts +360 -72
  7. package/dist/Form/elements/Form.d.ts +120 -24
  8. package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +60 -12
  9. package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +30 -6
  10. package/dist/Layout/Column.d.ts +60 -12
  11. package/dist/Layout/LayoutGrid.d.ts +60 -12
  12. package/dist/List/elements.d.ts +180 -36
  13. package/dist/Menu/elements.d.ts +120 -24
  14. package/dist/Pagination/AnimatedPaginationButtons.d.ts +120 -24
  15. package/dist/Pagination/utils.d.ts +120 -24
  16. package/dist/Tabs/props.d.ts +60 -12
  17. package/dist/Tag/types.d.ts +60 -12
  18. package/dist/Toggle/elements.d.ts +120 -24
  19. package/dist/Typography/Text.d.ts +60 -12
  20. package/package.json +8 -7
package/dist/List/elements.d.ts CHANGED
@@ -8,29 +8,53 @@ declare const space: import("@codecademy/variance/dist/types/config").Parser<imp
8
8
  };
9
9
  readonly px: {
10
10
  readonly property: "padding";
11
- readonly properties: readonly ["paddingLeft", "paddingRight"];
11
+ readonly properties: {
12
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
13
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
14
+ };
12
15
  readonly scale: "spacing";
16
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
13
17
  };
14
18
  readonly py: {
15
19
  readonly property: "padding";
16
- readonly properties: readonly ["paddingTop", "paddingBottom"];
20
+ readonly properties: {
21
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
22
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
23
+ };
17
24
  readonly scale: "spacing";
25
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
18
26
  };
19
27
  readonly pt: {
20
- readonly property: "paddingTop";
28
+ readonly property: {
29
+ readonly physical: "paddingTop";
30
+ readonly logical: "paddingBlockStart";
31
+ };
21
32
  readonly scale: "spacing";
33
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
22
34
  };
23
35
  readonly pb: {
24
- readonly property: "paddingBottom";
36
+ readonly property: {
37
+ readonly physical: "paddingBottom";
38
+ readonly logical: "paddingBlockEnd";
39
+ };
25
40
  readonly scale: "spacing";
41
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
26
42
  };
27
43
  readonly pr: {
28
- readonly property: "paddingRight";
44
+ readonly property: {
45
+ readonly physical: "paddingRight";
46
+ readonly logical: "paddingInlineEnd";
47
+ };
29
48
  readonly scale: "spacing";
49
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
30
50
  };
31
51
  readonly pl: {
32
- readonly property: "paddingLeft";
52
+ readonly property: {
53
+ readonly physical: "paddingLeft";
54
+ readonly logical: "paddingInlineStart";
55
+ };
33
56
  readonly scale: "spacing";
57
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
34
58
  };
35
59
  readonly m: {
36
60
  readonly property: "margin";
@@ -38,29 +62,53 @@ declare const space: import("@codecademy/variance/dist/types/config").Parser<imp
38
62
  };
39
63
  readonly mx: {
40
64
  readonly property: "margin";
41
- readonly properties: readonly ["marginLeft", "marginRight"];
65
+ readonly properties: {
66
+ readonly physical: readonly ["marginLeft", "marginRight"];
67
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
68
+ };
69
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
42
70
  readonly scale: "spacing";
43
71
  };
44
72
  readonly my: {
45
73
  readonly property: "margin";
46
- readonly properties: readonly ["marginTop", "marginBottom"];
74
+ readonly properties: {
75
+ readonly physical: readonly ["marginTop", "marginBottom"];
76
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
77
+ };
78
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
47
79
  readonly scale: "spacing";
48
80
  };
49
81
  readonly mt: {
50
- readonly property: "marginTop";
82
+ readonly property: {
83
+ readonly physical: "marginTop";
84
+ readonly logical: "marginBlockStart";
85
+ };
51
86
  readonly scale: "spacing";
87
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
52
88
  };
53
89
  readonly mb: {
54
- readonly property: "marginBottom";
90
+ readonly property: {
91
+ readonly physical: "marginBottom";
92
+ readonly logical: "marginBlockEnd";
93
+ };
55
94
  readonly scale: "spacing";
95
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
56
96
  };
57
97
  readonly mr: {
58
- readonly property: "marginRight";
98
+ readonly property: {
99
+ readonly physical: "marginRight";
100
+ readonly logical: "marginInlineEnd";
101
+ };
59
102
  readonly scale: "spacing";
103
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
60
104
  };
61
105
  readonly ml: {
62
- readonly property: "marginLeft";
106
+ readonly property: {
107
+ readonly physical: "marginLeft";
108
+ readonly logical: "marginInlineStart";
109
+ };
63
110
  readonly scale: "spacing";
111
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
64
112
  };
65
113
  }>>, grid: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
66
114
  readonly gridColumn: {
@@ -779,7 +827,11 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
779
827
  readonly property: "backgroundPosition";
780
828
  }>;
781
829
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
782
- readonly property: "borderBottom";
830
+ readonly property: {
831
+ readonly physical: "borderBottom";
832
+ readonly logical: "borderBlockEnd";
833
+ };
834
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
783
835
  readonly scale: "borders";
784
836
  }>;
785
837
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -787,7 +839,11 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
787
839
  readonly scale: "colors";
788
840
  }>;
789
841
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
790
- readonly property: "borderLeft";
842
+ readonly property: {
843
+ readonly physical: "borderLeft";
844
+ readonly logical: "borderInlineStart";
845
+ };
846
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
791
847
  readonly scale: "borders";
792
848
  }>;
793
849
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -795,14 +851,22 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
795
851
  readonly scale: "borderRadii";
796
852
  }>;
797
853
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
798
- readonly property: "borderRight";
854
+ readonly property: {
855
+ readonly physical: "borderRight";
856
+ readonly logical: "borderInlineEnd";
857
+ };
858
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
799
859
  readonly scale: "borders";
800
860
  }>;
801
861
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
802
862
  readonly property: "borderStyle";
803
863
  }>;
804
864
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
805
- readonly property: "borderTop";
865
+ readonly property: {
866
+ readonly physical: "borderTop";
867
+ readonly logical: "borderBlockStart";
868
+ };
869
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
806
870
  readonly scale: "borders";
807
871
  }>;
808
872
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -834,29 +898,53 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
834
898
  }>;
835
899
  px?: import("@codecademy/variance/dist/types/config").Scale<{
836
900
  readonly property: "padding";
837
- readonly properties: readonly ["paddingLeft", "paddingRight"];
901
+ readonly properties: {
902
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
903
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
904
+ };
838
905
  readonly scale: "spacing";
906
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
839
907
  }>;
840
908
  py?: import("@codecademy/variance/dist/types/config").Scale<{
841
909
  readonly property: "padding";
842
- readonly properties: readonly ["paddingTop", "paddingBottom"];
910
+ readonly properties: {
911
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
912
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
913
+ };
843
914
  readonly scale: "spacing";
915
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
844
916
  }>;
845
917
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
846
- readonly property: "paddingTop";
918
+ readonly property: {
919
+ readonly physical: "paddingTop";
920
+ readonly logical: "paddingBlockStart";
921
+ };
847
922
  readonly scale: "spacing";
923
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
848
924
  }>;
849
925
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
850
- readonly property: "paddingBottom";
926
+ readonly property: {
927
+ readonly physical: "paddingBottom";
928
+ readonly logical: "paddingBlockEnd";
929
+ };
851
930
  readonly scale: "spacing";
931
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
852
932
  }>;
853
933
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
854
- readonly property: "paddingRight";
934
+ readonly property: {
935
+ readonly physical: "paddingRight";
936
+ readonly logical: "paddingInlineEnd";
937
+ };
855
938
  readonly scale: "spacing";
939
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
856
940
  }>;
857
941
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
858
- readonly property: "paddingLeft";
942
+ readonly property: {
943
+ readonly physical: "paddingLeft";
944
+ readonly logical: "paddingInlineStart";
945
+ };
859
946
  readonly scale: "spacing";
947
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
860
948
  }>;
861
949
  m?: import("@codecademy/variance/dist/types/config").Scale<{
862
950
  readonly property: "margin";
@@ -864,59 +952,115 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
864
952
  }>;
865
953
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
866
954
  readonly property: "margin";
867
- readonly properties: readonly ["marginLeft", "marginRight"];
955
+ readonly properties: {
956
+ readonly physical: readonly ["marginLeft", "marginRight"];
957
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
958
+ };
959
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
868
960
  readonly scale: "spacing";
869
961
  }>;
870
962
  my?: import("@codecademy/variance/dist/types/config").Scale<{
871
963
  readonly property: "margin";
872
- readonly properties: readonly ["marginTop", "marginBottom"];
964
+ readonly properties: {
965
+ readonly physical: readonly ["marginTop", "marginBottom"];
966
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
967
+ };
968
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
873
969
  readonly scale: "spacing";
874
970
  }>;
875
971
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
876
- readonly property: "marginTop";
972
+ readonly property: {
973
+ readonly physical: "marginTop";
974
+ readonly logical: "marginBlockStart";
975
+ };
877
976
  readonly scale: "spacing";
977
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
878
978
  }>;
879
979
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
880
- readonly property: "marginBottom";
980
+ readonly property: {
981
+ readonly physical: "marginBottom";
982
+ readonly logical: "marginBlockEnd";
983
+ };
881
984
  readonly scale: "spacing";
985
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
882
986
  }>;
883
987
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
884
- readonly property: "marginRight";
988
+ readonly property: {
989
+ readonly physical: "marginRight";
990
+ readonly logical: "marginInlineEnd";
991
+ };
885
992
  readonly scale: "spacing";
993
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
886
994
  }>;
887
995
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
888
- readonly property: "marginLeft";
996
+ readonly property: {
997
+ readonly physical: "marginLeft";
998
+ readonly logical: "marginInlineStart";
999
+ };
889
1000
  readonly scale: "spacing";
1001
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
890
1002
  }>;
891
1003
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
892
1004
  readonly property: "border";
893
- readonly properties: readonly ["borderLeft", "borderRight"];
1005
+ readonly properties: {
1006
+ readonly physical: readonly ["borderLeft", "borderRight"];
1007
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
1008
+ };
1009
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
894
1010
  readonly scale: "borders";
895
1011
  }>;
896
1012
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
897
1013
  readonly property: "border";
898
- readonly properties: readonly ["borderTop", "borderBottom"];
1014
+ readonly properties: {
1015
+ readonly physical: readonly ["borderTop", "borderBottom"];
1016
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
1017
+ };
1018
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
899
1019
  readonly scale: "borders";
900
1020
  }>;
901
1021
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
902
1022
  readonly property: "borderWidth";
903
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
1023
+ readonly properties: {
1024
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
1025
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
1026
+ };
1027
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
904
1028
  }>;
905
1029
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
906
1030
  readonly property: "borderWidth";
907
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
1031
+ readonly properties: {
1032
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
1033
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
1034
+ };
1035
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
908
1036
  }>;
909
1037
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
910
- readonly property: "borderLeftWidth";
1038
+ readonly property: {
1039
+ readonly physical: "borderLeftWidth";
1040
+ readonly logical: "borderInlineStartWidth";
1041
+ };
1042
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
911
1043
  }>;
912
1044
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
913
- readonly property: "borderRightWidth";
1045
+ readonly property: {
1046
+ readonly physical: "borderRightWidth";
1047
+ readonly logical: "borderInlineEndWidth";
1048
+ };
1049
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
914
1050
  }>;
915
1051
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
916
- readonly property: "borderTopWidth";
1052
+ readonly property: {
1053
+ readonly physical: "borderTopWidth";
1054
+ readonly logical: "borderBlockStartWidth";
1055
+ };
1056
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
917
1057
  }>;
918
1058
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
919
- readonly property: "borderBottomWidth";
1059
+ readonly property: {
1060
+ readonly physical: "borderBottomWidth";
1061
+ readonly logical: "borderBlockEndWidth";
1062
+ };
1063
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
920
1064
  }>;
921
1065
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
922
1066
  readonly property: "borderRadius";
package/dist/Menu/elements.d.ts CHANGED
@@ -133,29 +133,53 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
133
133
  };
134
134
  readonly px: {
135
135
  readonly property: "padding";
136
- readonly properties: readonly ["paddingLeft", "paddingRight"];
136
+ readonly properties: {
137
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
138
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
139
+ };
137
140
  readonly scale: "spacing";
141
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
138
142
  };
139
143
  readonly py: {
140
144
  readonly property: "padding";
141
- readonly properties: readonly ["paddingTop", "paddingBottom"];
145
+ readonly properties: {
146
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
147
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
148
+ };
142
149
  readonly scale: "spacing";
150
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
143
151
  };
144
152
  readonly pt: {
145
- readonly property: "paddingTop";
153
+ readonly property: {
154
+ readonly physical: "paddingTop";
155
+ readonly logical: "paddingBlockStart";
156
+ };
146
157
  readonly scale: "spacing";
158
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
147
159
  };
148
160
  readonly pb: {
149
- readonly property: "paddingBottom";
161
+ readonly property: {
162
+ readonly physical: "paddingBottom";
163
+ readonly logical: "paddingBlockEnd";
164
+ };
150
165
  readonly scale: "spacing";
166
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
151
167
  };
152
168
  readonly pr: {
153
- readonly property: "paddingRight";
169
+ readonly property: {
170
+ readonly physical: "paddingRight";
171
+ readonly logical: "paddingInlineEnd";
172
+ };
154
173
  readonly scale: "spacing";
174
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
155
175
  };
156
176
  readonly pl: {
157
- readonly property: "paddingLeft";
177
+ readonly property: {
178
+ readonly physical: "paddingLeft";
179
+ readonly logical: "paddingInlineStart";
180
+ };
158
181
  readonly scale: "spacing";
182
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
159
183
  };
160
184
  readonly m: {
161
185
  readonly property: "margin";
@@ -163,29 +187,53 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
163
187
  };
164
188
  readonly mx: {
165
189
  readonly property: "margin";
166
- readonly properties: readonly ["marginLeft", "marginRight"];
190
+ readonly properties: {
191
+ readonly physical: readonly ["marginLeft", "marginRight"];
192
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
193
+ };
194
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
167
195
  readonly scale: "spacing";
168
196
  };
169
197
  readonly my: {
170
198
  readonly property: "margin";
171
- readonly properties: readonly ["marginTop", "marginBottom"];
199
+ readonly properties: {
200
+ readonly physical: readonly ["marginTop", "marginBottom"];
201
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
202
+ };
203
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
172
204
  readonly scale: "spacing";
173
205
  };
174
206
  readonly mt: {
175
- readonly property: "marginTop";
207
+ readonly property: {
208
+ readonly physical: "marginTop";
209
+ readonly logical: "marginBlockStart";
210
+ };
176
211
  readonly scale: "spacing";
212
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
177
213
  };
178
214
  readonly mb: {
179
- readonly property: "marginBottom";
215
+ readonly property: {
216
+ readonly physical: "marginBottom";
217
+ readonly logical: "marginBlockEnd";
218
+ };
180
219
  readonly scale: "spacing";
220
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
181
221
  };
182
222
  readonly mr: {
183
- readonly property: "marginRight";
223
+ readonly property: {
224
+ readonly physical: "marginRight";
225
+ readonly logical: "marginInlineEnd";
226
+ };
184
227
  readonly scale: "spacing";
228
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
185
229
  };
186
230
  readonly ml: {
187
- readonly property: "marginLeft";
231
+ readonly property: {
232
+ readonly physical: "marginLeft";
233
+ readonly logical: "marginInlineStart";
234
+ };
188
235
  readonly scale: "spacing";
236
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
189
237
  };
190
238
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
191
239
  readonly position: {
@@ -225,28 +273,52 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
225
273
  };
226
274
  readonly borderX: {
227
275
  readonly property: "border";
228
- readonly properties: readonly ["borderLeft", "borderRight"];
276
+ readonly properties: {
277
+ readonly physical: readonly ["borderLeft", "borderRight"];
278
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
279
+ };
280
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
229
281
  readonly scale: "borders";
230
282
  };
231
283
  readonly borderY: {
232
284
  readonly property: "border";
233
- readonly properties: readonly ["borderTop", "borderBottom"];
285
+ readonly properties: {
286
+ readonly physical: readonly ["borderTop", "borderBottom"];
287
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
288
+ };
289
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
234
290
  readonly scale: "borders";
235
291
  };
236
292
  readonly borderTop: {
237
- readonly property: "borderTop";
293
+ readonly property: {
294
+ readonly physical: "borderTop";
295
+ readonly logical: "borderBlockStart";
296
+ };
297
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
238
298
  readonly scale: "borders";
239
299
  };
240
300
  readonly borderRight: {
241
- readonly property: "borderRight";
301
+ readonly property: {
302
+ readonly physical: "borderRight";
303
+ readonly logical: "borderInlineEnd";
304
+ };
305
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
242
306
  readonly scale: "borders";
243
307
  };
244
308
  readonly borderBottom: {
245
- readonly property: "borderBottom";
309
+ readonly property: {
310
+ readonly physical: "borderBottom";
311
+ readonly logical: "borderBlockEnd";
312
+ };
313
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
246
314
  readonly scale: "borders";
247
315
  };
248
316
  readonly borderLeft: {
249
- readonly property: "borderLeft";
317
+ readonly property: {
318
+ readonly physical: "borderLeft";
319
+ readonly logical: "borderInlineStart";
320
+ };
321
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
250
322
  readonly scale: "borders";
251
323
  };
252
324
  readonly borderWidth: {
@@ -254,23 +326,47 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
254
326
  };
255
327
  readonly borderWidthX: {
256
328
  readonly property: "borderWidth";
257
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
329
+ readonly properties: {
330
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
331
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
332
+ };
333
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
258
334
  };
259
335
  readonly borderWidthY: {
260
336
  readonly property: "borderWidth";
261
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
337
+ readonly properties: {
338
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
339
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
340
+ };
341
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
262
342
  };
263
343
  readonly borderWidthLeft: {
264
- readonly property: "borderLeftWidth";
344
+ readonly property: {
345
+ readonly physical: "borderLeftWidth";
346
+ readonly logical: "borderInlineStartWidth";
347
+ };
348
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
265
349
  };
266
350
  readonly borderWidthRight: {
267
- readonly property: "borderRightWidth";
351
+ readonly property: {
352
+ readonly physical: "borderRightWidth";
353
+ readonly logical: "borderInlineEndWidth";
354
+ };
355
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
268
356
  };
269
357
  readonly borderWidthTop: {
270
- readonly property: "borderTopWidth";
358
+ readonly property: {
359
+ readonly physical: "borderTopWidth";
360
+ readonly logical: "borderBlockStartWidth";
361
+ };
362
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
271
363
  };
272
364
  readonly borderWidthBottom: {
273
- readonly property: "borderBottomWidth";
365
+ readonly property: {
366
+ readonly physical: "borderBottomWidth";
367
+ readonly logical: "borderBlockEndWidth";
368
+ };
369
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
274
370
  };
275
371
  readonly borderRadius: {
276
372
  readonly property: "borderRadius";