@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.
- package/dist/Anchor/index.d.ts +93 -18
- package/dist/Badge/index.d.ts +93 -18
- package/dist/Box/props.d.ts +93 -18
- package/dist/Button/shared/styles.d.ts +93 -18
- package/dist/Card/elements.d.ts +279 -54
- package/dist/ConnectedForm/utils.d.ts +1 -1
- package/dist/Form/SelectDropdown/styles.d.ts +1 -1
- package/dist/Form/elements/Form.d.ts +94 -19
- package/dist/Form/elements/FormGroupLabel.js +2 -2
- package/dist/Form/inputs/Select.js +5 -6
- package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +33 -6
- package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +63 -12
- package/dist/Layout/Column.d.ts +93 -18
- package/dist/Layout/LayoutGrid.d.ts +60 -12
- package/dist/List/elements.d.ts +187 -37
- package/dist/Menu/elements.d.ts +93 -18
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +95 -20
- package/dist/Pagination/EllipsisButton.d.ts +5 -5
- package/dist/Pagination/EllipsisButton.js +2 -2
- package/dist/Pagination/index.js +4 -4
- package/dist/Pagination/utils.d.ts +93 -18
- package/dist/Pagination/utils.js +1 -1
- package/dist/Tabs/props.d.ts +93 -18
- package/dist/Tag/types.d.ts +93 -18
- package/dist/Toggle/elements.d.ts +120 -24
- package/dist/Typography/Text.d.ts +93 -18
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/package.json +7 -7
- package/dist/BarChart/BarChartProvider.d.ts +0 -19
- package/dist/BarChart/BarChartProvider.js +0 -31
- package/dist/BarChart/BarRow/elements.d.ts +0 -713
- package/dist/BarChart/BarRow/elements.js +0 -89
- package/dist/BarChart/BarRow/index.d.ts +0 -26
- package/dist/BarChart/BarRow/index.js +0 -254
- package/dist/BarChart/GENERIC_EXAMPLE.d.ts +0 -14
- package/dist/BarChart/GENERIC_EXAMPLE.js +0 -333
- package/dist/BarChart/index.d.ts +0 -4
- package/dist/BarChart/index.js +0 -158
- package/dist/BarChart/layout/GridLines.d.ts +0 -7
- package/dist/BarChart/layout/GridLines.js +0 -78
- package/dist/BarChart/layout/ScaleChartHeader.d.ts +0 -10
- package/dist/BarChart/layout/ScaleChartHeader.js +0 -89
- package/dist/BarChart/layout/VerticalSpacer.d.ts +0 -6
- package/dist/BarChart/layout/VerticalSpacer.js +0 -56
- package/dist/BarChart/shared/elements.d.ts +0 -7
- package/dist/BarChart/shared/elements.js +0 -12
- package/dist/BarChart/shared/styles.d.ts +0 -4
- package/dist/BarChart/shared/styles.js +0 -4
- package/dist/BarChart/shared/translations.d.ts +0 -17
- package/dist/BarChart/shared/translations.js +0 -16
- package/dist/BarChart/shared/types.d.ts +0 -88
- package/dist/BarChart/shared/types.js +0 -1
- package/dist/BarChart/utils/hooks.d.ts +0 -93
- package/dist/BarChart/utils/hooks.js +0 -301
- package/dist/BarChart/utils/index.d.ts +0 -86
- package/dist/BarChart/utils/index.js +0 -165
package/dist/Tabs/props.d.ts
CHANGED
|
@@ -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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
}>>]>>;
|
package/dist/Tag/types.d.ts
CHANGED
|
@@ -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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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>, {}>;
|