@codecademy/gamut 68.0.1-alpha.7afb48.0 → 68.0.1-alpha.800a90.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 (57) hide show
  1. package/dist/Anchor/index.d.ts +93 -18
  2. package/dist/Badge/index.d.ts +93 -18
  3. package/dist/Box/props.d.ts +93 -18
  4. package/dist/Button/shared/styles.d.ts +93 -18
  5. package/dist/Card/elements.d.ts +279 -54
  6. package/dist/ConnectedForm/utils.d.ts +1 -1
  7. package/dist/Form/SelectDropdown/styles.d.ts +1 -1
  8. package/dist/Form/elements/Form.d.ts +94 -19
  9. package/dist/Form/elements/FormGroupLabel.js +2 -2
  10. package/dist/Form/inputs/Select.js +5 -6
  11. package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +33 -6
  12. package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +63 -12
  13. package/dist/Layout/Column.d.ts +93 -18
  14. package/dist/Layout/LayoutGrid.d.ts +60 -12
  15. package/dist/List/elements.d.ts +187 -37
  16. package/dist/Menu/elements.d.ts +93 -18
  17. package/dist/Pagination/AnimatedPaginationButtons.d.ts +95 -20
  18. package/dist/Pagination/EllipsisButton.d.ts +5 -5
  19. package/dist/Pagination/EllipsisButton.js +2 -2
  20. package/dist/Pagination/index.js +4 -4
  21. package/dist/Pagination/utils.d.ts +93 -18
  22. package/dist/Pagination/utils.js +1 -1
  23. package/dist/Tabs/props.d.ts +93 -18
  24. package/dist/Tag/types.d.ts +93 -18
  25. package/dist/Toggle/elements.d.ts +120 -24
  26. package/dist/Typography/Text.d.ts +93 -18
  27. package/dist/index.d.ts +0 -1
  28. package/dist/index.js +0 -1
  29. package/package.json +7 -7
  30. package/dist/BarChart/BarChartProvider.d.ts +0 -19
  31. package/dist/BarChart/BarChartProvider.js +0 -31
  32. package/dist/BarChart/BarRow/elements.d.ts +0 -713
  33. package/dist/BarChart/BarRow/elements.js +0 -89
  34. package/dist/BarChart/BarRow/index.d.ts +0 -26
  35. package/dist/BarChart/BarRow/index.js +0 -254
  36. package/dist/BarChart/GENERIC_EXAMPLE.d.ts +0 -14
  37. package/dist/BarChart/GENERIC_EXAMPLE.js +0 -333
  38. package/dist/BarChart/index.d.ts +0 -4
  39. package/dist/BarChart/index.js +0 -158
  40. package/dist/BarChart/layout/GridLines.d.ts +0 -7
  41. package/dist/BarChart/layout/GridLines.js +0 -78
  42. package/dist/BarChart/layout/ScaleChartHeader.d.ts +0 -10
  43. package/dist/BarChart/layout/ScaleChartHeader.js +0 -89
  44. package/dist/BarChart/layout/VerticalSpacer.d.ts +0 -6
  45. package/dist/BarChart/layout/VerticalSpacer.js +0 -56
  46. package/dist/BarChart/shared/elements.d.ts +0 -7
  47. package/dist/BarChart/shared/elements.js +0 -12
  48. package/dist/BarChart/shared/styles.d.ts +0 -4
  49. package/dist/BarChart/shared/styles.js +0 -4
  50. package/dist/BarChart/shared/translations.d.ts +0 -17
  51. package/dist/BarChart/shared/translations.js +0 -16
  52. package/dist/BarChart/shared/types.d.ts +0 -88
  53. package/dist/BarChart/shared/types.js +0 -1
  54. package/dist/BarChart/utils/hooks.d.ts +0 -93
  55. package/dist/BarChart/utils/hooks.js +0 -301
  56. package/dist/BarChart/utils/index.d.ts +0 -86
  57. package/dist/BarChart/utils/index.js +0 -165
@@ -71,32 +71,59 @@ export declare const tabElementBaseProps: import("@codecademy/variance/dist/type
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 position: {
102
129
  readonly property: "position";
@@ -135,29 +162,53 @@ export declare const tabElementBaseProps: import("@codecademy/variance/dist/type
135
162
  };
136
163
  readonly px: {
137
164
  readonly property: "padding";
138
- readonly properties: readonly ["paddingLeft", "paddingRight"];
165
+ readonly properties: {
166
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
167
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
168
+ };
139
169
  readonly scale: "spacing";
170
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
140
171
  };
141
172
  readonly py: {
142
173
  readonly property: "padding";
143
- readonly properties: readonly ["paddingTop", "paddingBottom"];
174
+ readonly properties: {
175
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
176
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
177
+ };
144
178
  readonly scale: "spacing";
179
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
145
180
  };
146
181
  readonly pt: {
147
- readonly property: "paddingTop";
182
+ readonly property: {
183
+ readonly physical: "paddingTop";
184
+ readonly logical: "paddingBlockStart";
185
+ };
148
186
  readonly scale: "spacing";
187
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
149
188
  };
150
189
  readonly pb: {
151
- readonly property: "paddingBottom";
190
+ readonly property: {
191
+ readonly physical: "paddingBottom";
192
+ readonly logical: "paddingBlockEnd";
193
+ };
152
194
  readonly scale: "spacing";
195
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
153
196
  };
154
197
  readonly pr: {
155
- readonly property: "paddingRight";
198
+ readonly property: {
199
+ readonly physical: "paddingRight";
200
+ readonly logical: "paddingInlineEnd";
201
+ };
156
202
  readonly scale: "spacing";
203
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
157
204
  };
158
205
  readonly pl: {
159
- readonly property: "paddingLeft";
206
+ readonly property: {
207
+ readonly physical: "paddingLeft";
208
+ readonly logical: "paddingInlineStart";
209
+ };
160
210
  readonly scale: "spacing";
211
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
161
212
  };
162
213
  readonly m: {
163
214
  readonly property: "margin";
@@ -165,28 +216,52 @@ export declare const tabElementBaseProps: import("@codecademy/variance/dist/type
165
216
  };
166
217
  readonly mx: {
167
218
  readonly property: "margin";
168
- readonly properties: readonly ["marginLeft", "marginRight"];
219
+ readonly properties: {
220
+ readonly physical: readonly ["marginLeft", "marginRight"];
221
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
222
+ };
223
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
169
224
  readonly scale: "spacing";
170
225
  };
171
226
  readonly my: {
172
227
  readonly property: "margin";
173
- readonly properties: readonly ["marginTop", "marginBottom"];
228
+ readonly properties: {
229
+ readonly physical: readonly ["marginTop", "marginBottom"];
230
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
231
+ };
232
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
174
233
  readonly scale: "spacing";
175
234
  };
176
235
  readonly mt: {
177
- readonly property: "marginTop";
236
+ readonly property: {
237
+ readonly physical: "marginTop";
238
+ readonly logical: "marginBlockStart";
239
+ };
178
240
  readonly scale: "spacing";
241
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
179
242
  };
180
243
  readonly mb: {
181
- readonly property: "marginBottom";
244
+ readonly property: {
245
+ readonly physical: "marginBottom";
246
+ readonly logical: "marginBlockEnd";
247
+ };
182
248
  readonly scale: "spacing";
249
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
183
250
  };
184
251
  readonly mr: {
185
- readonly property: "marginRight";
252
+ readonly property: {
253
+ readonly physical: "marginRight";
254
+ readonly logical: "marginInlineEnd";
255
+ };
186
256
  readonly scale: "spacing";
257
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
187
258
  };
188
259
  readonly ml: {
189
- readonly property: "marginLeft";
260
+ readonly property: {
261
+ readonly physical: "marginLeft";
262
+ readonly logical: "marginInlineStart";
263
+ };
190
264
  readonly scale: "spacing";
265
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
191
266
  };
192
267
  }>>]>>;
@@ -10,29 +10,53 @@ export declare const tagProps: import("@codecademy/variance/dist/types/config").
10
10
  };
11
11
  readonly px: {
12
12
  readonly property: "padding";
13
- readonly properties: readonly ["paddingLeft", "paddingRight"];
13
+ readonly properties: {
14
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
15
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
16
+ };
14
17
  readonly scale: "spacing";
18
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
15
19
  };
16
20
  readonly py: {
17
21
  readonly property: "padding";
18
- readonly properties: readonly ["paddingTop", "paddingBottom"];
22
+ readonly properties: {
23
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
24
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
25
+ };
19
26
  readonly scale: "spacing";
27
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
20
28
  };
21
29
  readonly pt: {
22
- readonly property: "paddingTop";
30
+ readonly property: {
31
+ readonly physical: "paddingTop";
32
+ readonly logical: "paddingBlockStart";
33
+ };
23
34
  readonly scale: "spacing";
35
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
24
36
  };
25
37
  readonly pb: {
26
- readonly property: "paddingBottom";
38
+ readonly property: {
39
+ readonly physical: "paddingBottom";
40
+ readonly logical: "paddingBlockEnd";
41
+ };
27
42
  readonly scale: "spacing";
43
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
28
44
  };
29
45
  readonly pr: {
30
- readonly property: "paddingRight";
46
+ readonly property: {
47
+ readonly physical: "paddingRight";
48
+ readonly logical: "paddingInlineEnd";
49
+ };
31
50
  readonly scale: "spacing";
51
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
32
52
  };
33
53
  readonly pl: {
34
- readonly property: "paddingLeft";
54
+ readonly property: {
55
+ readonly physical: "paddingLeft";
56
+ readonly logical: "paddingInlineStart";
57
+ };
35
58
  readonly scale: "spacing";
59
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
36
60
  };
37
61
  readonly m: {
38
62
  readonly property: "margin";
@@ -40,29 +64,53 @@ export declare const tagProps: import("@codecademy/variance/dist/types/config").
40
64
  };
41
65
  readonly mx: {
42
66
  readonly property: "margin";
43
- readonly properties: readonly ["marginLeft", "marginRight"];
67
+ readonly properties: {
68
+ readonly physical: readonly ["marginLeft", "marginRight"];
69
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
70
+ };
71
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
44
72
  readonly scale: "spacing";
45
73
  };
46
74
  readonly my: {
47
75
  readonly property: "margin";
48
- readonly properties: readonly ["marginTop", "marginBottom"];
76
+ readonly properties: {
77
+ readonly physical: readonly ["marginTop", "marginBottom"];
78
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
79
+ };
80
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
49
81
  readonly scale: "spacing";
50
82
  };
51
83
  readonly mt: {
52
- readonly property: "marginTop";
84
+ readonly property: {
85
+ readonly physical: "marginTop";
86
+ readonly logical: "marginBlockStart";
87
+ };
53
88
  readonly scale: "spacing";
89
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
54
90
  };
55
91
  readonly mb: {
56
- readonly property: "marginBottom";
92
+ readonly property: {
93
+ readonly physical: "marginBottom";
94
+ readonly logical: "marginBlockEnd";
95
+ };
57
96
  readonly scale: "spacing";
97
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
58
98
  };
59
99
  readonly mr: {
60
- readonly property: "marginRight";
100
+ readonly property: {
101
+ readonly physical: "marginRight";
102
+ readonly logical: "marginInlineEnd";
103
+ };
61
104
  readonly scale: "spacing";
105
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
62
106
  };
63
107
  readonly ml: {
64
- readonly property: "marginLeft";
108
+ readonly property: {
109
+ readonly physical: "marginLeft";
110
+ readonly logical: "marginInlineStart";
111
+ };
65
112
  readonly scale: "spacing";
113
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
66
114
  };
67
115
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
68
116
  readonly flexBasis: {
@@ -125,32 +173,59 @@ export declare const tagProps: import("@codecademy/variance/dist/types/config").
125
173
  readonly transform: (value: string | number) => string | 0;
126
174
  };
127
175
  readonly width: {
128
- readonly property: "width";
176
+ readonly property: {
177
+ readonly physical: "width";
178
+ readonly logical: "inlineSize";
179
+ };
180
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
129
181
  readonly transform: (value: string | number) => string | 0;
130
182
  };
131
183
  readonly minWidth: {
132
- readonly property: "minWidth";
184
+ readonly property: {
185
+ readonly physical: "minWidth";
186
+ readonly logical: "minInlineSize";
187
+ };
188
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
133
189
  readonly transform: (value: string | number) => string | 0;
134
190
  };
135
191
  readonly maxWidth: {
136
- readonly property: "maxWidth";
192
+ readonly property: {
193
+ readonly physical: "maxWidth";
194
+ readonly logical: "maxInlineSize";
195
+ };
196
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
137
197
  readonly transform: (value: string | number) => string | 0;
138
198
  };
139
199
  readonly height: {
140
- readonly property: "height";
200
+ readonly property: {
201
+ readonly physical: "height";
202
+ readonly logical: "blockSize";
203
+ };
204
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
141
205
  readonly transform: (value: string | number) => string | 0;
142
206
  };
143
207
  readonly minHeight: {
144
- readonly property: "minHeight";
208
+ readonly property: {
209
+ readonly physical: "minHeight";
210
+ readonly logical: "minBlockSize";
211
+ };
212
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
145
213
  readonly transform: (value: string | number) => string | 0;
146
214
  };
147
215
  readonly maxHeight: {
148
- readonly property: "maxHeight";
216
+ readonly property: {
217
+ readonly physical: "maxHeight";
218
+ readonly logical: "maxBlockSize";
219
+ };
220
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
149
221
  readonly transform: (value: string | number) => string | 0;
150
222
  };
151
223
  readonly verticalAlign: {
152
224
  readonly property: "verticalAlign";
153
225
  };
226
+ readonly direction: {
227
+ readonly property: "direction";
228
+ };
154
229
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
155
230
  readonly fontFamily: {
156
231
  readonly property: "fontFamily";
@@ -31,29 +31,53 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
31
31
  }>;
32
32
  px?: import("@codecademy/variance/dist/types/config").Scale<{
33
33
  readonly property: "padding";
34
- readonly properties: readonly ["paddingLeft", "paddingRight"];
34
+ readonly properties: {
35
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
36
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
37
+ };
35
38
  readonly scale: "spacing";
39
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
36
40
  }>;
37
41
  py?: import("@codecademy/variance/dist/types/config").Scale<{
38
42
  readonly property: "padding";
39
- readonly properties: readonly ["paddingTop", "paddingBottom"];
43
+ readonly properties: {
44
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
45
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
46
+ };
40
47
  readonly scale: "spacing";
48
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
41
49
  }>;
42
50
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
43
- readonly property: "paddingTop";
51
+ readonly property: {
52
+ readonly physical: "paddingTop";
53
+ readonly logical: "paddingBlockStart";
54
+ };
44
55
  readonly scale: "spacing";
56
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
45
57
  }>;
46
58
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
47
- readonly property: "paddingBottom";
59
+ readonly property: {
60
+ readonly physical: "paddingBottom";
61
+ readonly logical: "paddingBlockEnd";
62
+ };
48
63
  readonly scale: "spacing";
64
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
49
65
  }>;
50
66
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
51
- readonly property: "paddingRight";
67
+ readonly property: {
68
+ readonly physical: "paddingRight";
69
+ readonly logical: "paddingInlineEnd";
70
+ };
52
71
  readonly scale: "spacing";
72
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
53
73
  }>;
54
74
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
55
- readonly property: "paddingLeft";
75
+ readonly property: {
76
+ readonly physical: "paddingLeft";
77
+ readonly logical: "paddingInlineStart";
78
+ };
56
79
  readonly scale: "spacing";
80
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
57
81
  }>;
58
82
  m?: import("@codecademy/variance/dist/types/config").Scale<{
59
83
  readonly property: "margin";
@@ -61,29 +85,53 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
61
85
  }>;
62
86
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
63
87
  readonly property: "margin";
64
- readonly properties: readonly ["marginLeft", "marginRight"];
88
+ readonly properties: {
89
+ readonly physical: readonly ["marginLeft", "marginRight"];
90
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
91
+ };
92
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
65
93
  readonly scale: "spacing";
66
94
  }>;
67
95
  my?: import("@codecademy/variance/dist/types/config").Scale<{
68
96
  readonly property: "margin";
69
- readonly properties: readonly ["marginTop", "marginBottom"];
97
+ readonly properties: {
98
+ readonly physical: readonly ["marginTop", "marginBottom"];
99
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
100
+ };
101
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
70
102
  readonly scale: "spacing";
71
103
  }>;
72
104
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
73
- readonly property: "marginTop";
105
+ readonly property: {
106
+ readonly physical: "marginTop";
107
+ readonly logical: "marginBlockStart";
108
+ };
74
109
  readonly scale: "spacing";
110
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
75
111
  }>;
76
112
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
77
- readonly property: "marginBottom";
113
+ readonly property: {
114
+ readonly physical: "marginBottom";
115
+ readonly logical: "marginBlockEnd";
116
+ };
78
117
  readonly scale: "spacing";
118
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
79
119
  }>;
80
120
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
81
- readonly property: "marginRight";
121
+ readonly property: {
122
+ readonly physical: "marginRight";
123
+ readonly logical: "marginInlineEnd";
124
+ };
82
125
  readonly scale: "spacing";
126
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
83
127
  }>;
84
128
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
85
- readonly property: "marginLeft";
129
+ readonly property: {
130
+ readonly physical: "marginLeft";
131
+ readonly logical: "marginInlineStart";
132
+ };
86
133
  readonly scale: "spacing";
134
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
87
135
  }>;
88
136
  textColor?: import("@codecademy/variance/dist/types/config").Scale<{
89
137
  readonly property: "color";
@@ -143,29 +191,53 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
143
191
  }>;
144
192
  px?: import("@codecademy/variance/dist/types/config").Scale<{
145
193
  readonly property: "padding";
146
- readonly properties: readonly ["paddingLeft", "paddingRight"];
194
+ readonly properties: {
195
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
196
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
197
+ };
147
198
  readonly scale: "spacing";
199
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
148
200
  }>;
149
201
  py?: import("@codecademy/variance/dist/types/config").Scale<{
150
202
  readonly property: "padding";
151
- readonly properties: readonly ["paddingTop", "paddingBottom"];
203
+ readonly properties: {
204
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
205
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
206
+ };
152
207
  readonly scale: "spacing";
208
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
153
209
  }>;
154
210
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
155
- readonly property: "paddingTop";
211
+ readonly property: {
212
+ readonly physical: "paddingTop";
213
+ readonly logical: "paddingBlockStart";
214
+ };
156
215
  readonly scale: "spacing";
216
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
157
217
  }>;
158
218
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
159
- readonly property: "paddingBottom";
219
+ readonly property: {
220
+ readonly physical: "paddingBottom";
221
+ readonly logical: "paddingBlockEnd";
222
+ };
160
223
  readonly scale: "spacing";
224
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
161
225
  }>;
162
226
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
163
- readonly property: "paddingRight";
227
+ readonly property: {
228
+ readonly physical: "paddingRight";
229
+ readonly logical: "paddingInlineEnd";
230
+ };
164
231
  readonly scale: "spacing";
232
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
165
233
  }>;
166
234
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
167
- readonly property: "paddingLeft";
235
+ readonly property: {
236
+ readonly physical: "paddingLeft";
237
+ readonly logical: "paddingInlineStart";
238
+ };
168
239
  readonly scale: "spacing";
240
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
169
241
  }>;
170
242
  m?: import("@codecademy/variance/dist/types/config").Scale<{
171
243
  readonly property: "margin";
@@ -173,28 +245,52 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
173
245
  }>;
174
246
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
175
247
  readonly property: "margin";
176
- readonly properties: readonly ["marginLeft", "marginRight"];
248
+ readonly properties: {
249
+ readonly physical: readonly ["marginLeft", "marginRight"];
250
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
251
+ };
252
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
177
253
  readonly scale: "spacing";
178
254
  }>;
179
255
  my?: import("@codecademy/variance/dist/types/config").Scale<{
180
256
  readonly property: "margin";
181
- readonly properties: readonly ["marginTop", "marginBottom"];
257
+ readonly properties: {
258
+ readonly physical: readonly ["marginTop", "marginBottom"];
259
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
260
+ };
261
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
182
262
  readonly scale: "spacing";
183
263
  }>;
184
264
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
185
- readonly property: "marginTop";
265
+ readonly property: {
266
+ readonly physical: "marginTop";
267
+ readonly logical: "marginBlockStart";
268
+ };
186
269
  readonly scale: "spacing";
270
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
187
271
  }>;
188
272
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
189
- readonly property: "marginBottom";
273
+ readonly property: {
274
+ readonly physical: "marginBottom";
275
+ readonly logical: "marginBlockEnd";
276
+ };
190
277
  readonly scale: "spacing";
278
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
191
279
  }>;
192
280
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
193
- readonly property: "marginRight";
281
+ readonly property: {
282
+ readonly physical: "marginRight";
283
+ readonly logical: "marginInlineEnd";
284
+ };
194
285
  readonly scale: "spacing";
286
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
195
287
  }>;
196
288
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
197
- readonly property: "marginLeft";
289
+ readonly property: {
290
+ readonly physical: "marginLeft";
291
+ readonly logical: "marginInlineStart";
292
+ };
198
293
  readonly scale: "spacing";
294
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
199
295
  }>;
200
296
  }, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;