@codecademy/gamut 67.6.6-alpha.eca584.0 → 68.0.1-alpha.0a9017.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 +107 -20
- package/dist/Box/props.d.ts +237 -46
- package/dist/Button/shared/styles.d.ts +223 -44
- package/dist/Card/elements.d.ts +711 -138
- package/dist/Form/elements/Form.d.ts +223 -44
- package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +177 -34
- 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 +330 -64
- package/dist/Menu/elements.d.ts +237 -46
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +225 -46
- 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 +223 -44
- 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 +134 -26
- package/dist/Typography/Text.d.ts +107 -20
- package/package.json +7 -7
|
@@ -7,28 +7,52 @@ declare const hrProps: import("@codecademy/variance/dist/types/config").Parser<i
|
|
|
7
7
|
};
|
|
8
8
|
readonly borderX: {
|
|
9
9
|
readonly property: "border";
|
|
10
|
-
readonly properties:
|
|
10
|
+
readonly properties: {
|
|
11
|
+
readonly physical: readonly ["borderLeft", "borderRight"];
|
|
12
|
+
readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
|
|
13
|
+
};
|
|
14
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
11
15
|
readonly scale: "borders";
|
|
12
16
|
};
|
|
13
17
|
readonly borderY: {
|
|
14
18
|
readonly property: "border";
|
|
15
|
-
readonly properties:
|
|
19
|
+
readonly properties: {
|
|
20
|
+
readonly physical: readonly ["borderTop", "borderBottom"];
|
|
21
|
+
readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
|
|
22
|
+
};
|
|
23
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
16
24
|
readonly scale: "borders";
|
|
17
25
|
};
|
|
18
26
|
readonly borderTop: {
|
|
19
|
-
readonly property:
|
|
27
|
+
readonly property: {
|
|
28
|
+
readonly physical: "borderTop";
|
|
29
|
+
readonly logical: "borderBlockStart";
|
|
30
|
+
};
|
|
31
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
20
32
|
readonly scale: "borders";
|
|
21
33
|
};
|
|
22
34
|
readonly borderRight: {
|
|
23
|
-
readonly property:
|
|
35
|
+
readonly property: {
|
|
36
|
+
readonly physical: "borderRight";
|
|
37
|
+
readonly logical: "borderInlineEnd";
|
|
38
|
+
};
|
|
39
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
24
40
|
readonly scale: "borders";
|
|
25
41
|
};
|
|
26
42
|
readonly borderBottom: {
|
|
27
|
-
readonly property:
|
|
43
|
+
readonly property: {
|
|
44
|
+
readonly physical: "borderBottom";
|
|
45
|
+
readonly logical: "borderBlockEnd";
|
|
46
|
+
};
|
|
47
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
28
48
|
readonly scale: "borders";
|
|
29
49
|
};
|
|
30
50
|
readonly borderLeft: {
|
|
31
|
-
readonly property:
|
|
51
|
+
readonly property: {
|
|
52
|
+
readonly physical: "borderLeft";
|
|
53
|
+
readonly logical: "borderInlineStart";
|
|
54
|
+
};
|
|
55
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
32
56
|
readonly scale: "borders";
|
|
33
57
|
};
|
|
34
58
|
readonly borderWidth: {
|
|
@@ -36,23 +60,47 @@ declare const hrProps: import("@codecademy/variance/dist/types/config").Parser<i
|
|
|
36
60
|
};
|
|
37
61
|
readonly borderWidthX: {
|
|
38
62
|
readonly property: "borderWidth";
|
|
39
|
-
readonly properties:
|
|
63
|
+
readonly properties: {
|
|
64
|
+
readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
|
|
65
|
+
readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
|
|
66
|
+
};
|
|
67
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
40
68
|
};
|
|
41
69
|
readonly borderWidthY: {
|
|
42
70
|
readonly property: "borderWidth";
|
|
43
|
-
readonly properties:
|
|
71
|
+
readonly properties: {
|
|
72
|
+
readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
|
|
73
|
+
readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
|
|
74
|
+
};
|
|
75
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
44
76
|
};
|
|
45
77
|
readonly borderWidthLeft: {
|
|
46
|
-
readonly property:
|
|
78
|
+
readonly property: {
|
|
79
|
+
readonly physical: "borderLeftWidth";
|
|
80
|
+
readonly logical: "borderInlineStartWidth";
|
|
81
|
+
};
|
|
82
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
47
83
|
};
|
|
48
84
|
readonly borderWidthRight: {
|
|
49
|
-
readonly property:
|
|
85
|
+
readonly property: {
|
|
86
|
+
readonly physical: "borderRightWidth";
|
|
87
|
+
readonly logical: "borderInlineEndWidth";
|
|
88
|
+
};
|
|
89
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
50
90
|
};
|
|
51
91
|
readonly borderWidthTop: {
|
|
52
|
-
readonly property:
|
|
92
|
+
readonly property: {
|
|
93
|
+
readonly physical: "borderTopWidth";
|
|
94
|
+
readonly logical: "borderBlockStartWidth";
|
|
95
|
+
};
|
|
96
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
53
97
|
};
|
|
54
98
|
readonly borderWidthBottom: {
|
|
55
|
-
readonly property:
|
|
99
|
+
readonly property: {
|
|
100
|
+
readonly physical: "borderBottomWidth";
|
|
101
|
+
readonly logical: "borderBlockEndWidth";
|
|
102
|
+
};
|
|
103
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
56
104
|
};
|
|
57
105
|
readonly borderRadius: {
|
|
58
106
|
readonly property: "borderRadius";
|
|
@@ -60,38 +108,70 @@ declare const hrProps: import("@codecademy/variance/dist/types/config").Parser<i
|
|
|
60
108
|
};
|
|
61
109
|
readonly borderRadiusLeft: {
|
|
62
110
|
readonly property: "borderRadius";
|
|
63
|
-
readonly properties:
|
|
111
|
+
readonly properties: {
|
|
112
|
+
readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
|
|
113
|
+
readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
|
|
114
|
+
};
|
|
115
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
64
116
|
readonly scale: "borderRadii";
|
|
65
117
|
};
|
|
66
118
|
readonly borderRadiusTop: {
|
|
67
119
|
readonly property: "borderRadius";
|
|
68
|
-
readonly properties:
|
|
120
|
+
readonly properties: {
|
|
121
|
+
readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
|
|
122
|
+
readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
|
|
123
|
+
};
|
|
124
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
69
125
|
readonly scale: "borderRadii";
|
|
70
126
|
};
|
|
71
127
|
readonly borderRadiusBottom: {
|
|
72
128
|
readonly property: "borderRadius";
|
|
73
|
-
readonly properties:
|
|
129
|
+
readonly properties: {
|
|
130
|
+
readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
|
|
131
|
+
readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
|
|
132
|
+
};
|
|
133
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
74
134
|
readonly scale: "borderRadii";
|
|
75
135
|
};
|
|
76
136
|
readonly borderRadiusRight: {
|
|
77
137
|
readonly property: "borderRadius";
|
|
78
|
-
readonly properties:
|
|
138
|
+
readonly properties: {
|
|
139
|
+
readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
|
|
140
|
+
readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
|
|
141
|
+
};
|
|
142
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
79
143
|
readonly scale: "borderRadii";
|
|
80
144
|
};
|
|
81
145
|
readonly borderRadiusTopLeft: {
|
|
82
|
-
readonly property:
|
|
146
|
+
readonly property: {
|
|
147
|
+
readonly physical: "borderTopLeftRadius";
|
|
148
|
+
readonly logical: "borderStartStartRadius";
|
|
149
|
+
};
|
|
150
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
83
151
|
readonly scale: "borderRadii";
|
|
84
152
|
};
|
|
85
153
|
readonly borderRadiusTopRight: {
|
|
86
|
-
readonly property:
|
|
154
|
+
readonly property: {
|
|
155
|
+
readonly physical: "borderTopRightRadius";
|
|
156
|
+
readonly logical: "borderStartEndRadius";
|
|
157
|
+
};
|
|
158
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
87
159
|
readonly scale: "borderRadii";
|
|
88
160
|
};
|
|
89
161
|
readonly borderRadiusBottomRight: {
|
|
90
|
-
readonly property:
|
|
162
|
+
readonly property: {
|
|
163
|
+
readonly physical: "borderBottomRightRadius";
|
|
164
|
+
readonly logical: "borderEndEndRadius";
|
|
165
|
+
};
|
|
166
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
91
167
|
readonly scale: "borderRadii";
|
|
92
168
|
};
|
|
93
169
|
readonly borderRadiusBottomLeft: {
|
|
94
|
-
readonly property:
|
|
170
|
+
readonly property: {
|
|
171
|
+
readonly physical: "borderBottomLeftRadius";
|
|
172
|
+
readonly logical: "borderEndStartRadius";
|
|
173
|
+
};
|
|
174
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
95
175
|
readonly scale: "borderRadii";
|
|
96
176
|
};
|
|
97
177
|
readonly borderStyle: {
|
|
@@ -99,23 +179,47 @@ declare const hrProps: import("@codecademy/variance/dist/types/config").Parser<i
|
|
|
99
179
|
};
|
|
100
180
|
readonly borderStyleX: {
|
|
101
181
|
readonly property: "borderStyle";
|
|
102
|
-
readonly properties:
|
|
182
|
+
readonly properties: {
|
|
183
|
+
readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
|
|
184
|
+
readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
|
|
185
|
+
};
|
|
186
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
103
187
|
};
|
|
104
188
|
readonly borderStyleY: {
|
|
105
189
|
readonly property: "borderStyle";
|
|
106
|
-
readonly properties:
|
|
190
|
+
readonly properties: {
|
|
191
|
+
readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
|
|
192
|
+
readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
|
|
193
|
+
};
|
|
194
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
107
195
|
};
|
|
108
196
|
readonly borderStyleLeft: {
|
|
109
|
-
readonly property:
|
|
197
|
+
readonly property: {
|
|
198
|
+
readonly physical: "borderLeftStyle";
|
|
199
|
+
readonly logical: "borderInlineStartStyle";
|
|
200
|
+
};
|
|
201
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
110
202
|
};
|
|
111
203
|
readonly borderStyleRight: {
|
|
112
|
-
readonly property:
|
|
204
|
+
readonly property: {
|
|
205
|
+
readonly physical: "borderRightStyle";
|
|
206
|
+
readonly logical: "borderInlineEndStyle";
|
|
207
|
+
};
|
|
208
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
113
209
|
};
|
|
114
210
|
readonly borderStyleTop: {
|
|
115
|
-
readonly property:
|
|
211
|
+
readonly property: {
|
|
212
|
+
readonly physical: "borderTopStyle";
|
|
213
|
+
readonly logical: "borderBlockStartStyle";
|
|
214
|
+
};
|
|
215
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
116
216
|
};
|
|
117
217
|
readonly borderStyleBottom: {
|
|
118
|
-
readonly property:
|
|
218
|
+
readonly property: {
|
|
219
|
+
readonly physical: "borderBottomStyle";
|
|
220
|
+
readonly logical: "borderBlockEndStyle";
|
|
221
|
+
};
|
|
222
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
119
223
|
};
|
|
120
224
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
121
225
|
readonly color: {
|
|
@@ -136,28 +240,40 @@ declare const hrProps: import("@codecademy/variance/dist/types/config").Parser<i
|
|
|
136
240
|
};
|
|
137
241
|
readonly borderColorX: {
|
|
138
242
|
readonly property: "borderColor";
|
|
139
|
-
readonly properties:
|
|
243
|
+
readonly properties: {
|
|
244
|
+
readonly physical: readonly ["borderLeftColor", "borderRightColor"];
|
|
245
|
+
readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
|
|
246
|
+
};
|
|
247
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
140
248
|
readonly scale: "colors";
|
|
141
249
|
};
|
|
142
250
|
readonly borderColorY: {
|
|
143
251
|
readonly property: "borderColor";
|
|
144
|
-
readonly properties:
|
|
252
|
+
readonly properties: {
|
|
253
|
+
readonly physical: readonly ["borderTopColor", "borderBottomColor"];
|
|
254
|
+
readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
|
|
255
|
+
};
|
|
256
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
145
257
|
readonly scale: "colors";
|
|
146
258
|
};
|
|
147
259
|
readonly borderColorLeft: {
|
|
148
260
|
readonly property: "borderLeftColor";
|
|
261
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
149
262
|
readonly scale: "colors";
|
|
150
263
|
};
|
|
151
264
|
readonly borderColorRight: {
|
|
152
265
|
readonly property: "borderRightColor";
|
|
266
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
153
267
|
readonly scale: "colors";
|
|
154
268
|
};
|
|
155
269
|
readonly borderColorTop: {
|
|
156
270
|
readonly property: "borderTopColor";
|
|
271
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
157
272
|
readonly scale: "colors";
|
|
158
273
|
};
|
|
159
274
|
readonly borderColorBottom: {
|
|
160
275
|
readonly property: "borderBottomColor";
|
|
276
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
161
277
|
readonly scale: "colors";
|
|
162
278
|
};
|
|
163
279
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
@@ -221,32 +337,59 @@ declare const hrProps: import("@codecademy/variance/dist/types/config").Parser<i
|
|
|
221
337
|
readonly transform: (value: string | number) => string | 0;
|
|
222
338
|
};
|
|
223
339
|
readonly width: {
|
|
224
|
-
readonly property:
|
|
340
|
+
readonly property: {
|
|
341
|
+
readonly physical: "width";
|
|
342
|
+
readonly logical: "inlineSize";
|
|
343
|
+
};
|
|
344
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
225
345
|
readonly transform: (value: string | number) => string | 0;
|
|
226
346
|
};
|
|
227
347
|
readonly minWidth: {
|
|
228
|
-
readonly property:
|
|
348
|
+
readonly property: {
|
|
349
|
+
readonly physical: "minWidth";
|
|
350
|
+
readonly logical: "minInlineSize";
|
|
351
|
+
};
|
|
352
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
229
353
|
readonly transform: (value: string | number) => string | 0;
|
|
230
354
|
};
|
|
231
355
|
readonly maxWidth: {
|
|
232
|
-
readonly property:
|
|
356
|
+
readonly property: {
|
|
357
|
+
readonly physical: "maxWidth";
|
|
358
|
+
readonly logical: "maxInlineSize";
|
|
359
|
+
};
|
|
360
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
233
361
|
readonly transform: (value: string | number) => string | 0;
|
|
234
362
|
};
|
|
235
363
|
readonly height: {
|
|
236
|
-
readonly property:
|
|
364
|
+
readonly property: {
|
|
365
|
+
readonly physical: "height";
|
|
366
|
+
readonly logical: "blockSize";
|
|
367
|
+
};
|
|
368
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
237
369
|
readonly transform: (value: string | number) => string | 0;
|
|
238
370
|
};
|
|
239
371
|
readonly minHeight: {
|
|
240
|
-
readonly property:
|
|
372
|
+
readonly property: {
|
|
373
|
+
readonly physical: "minHeight";
|
|
374
|
+
readonly logical: "minBlockSize";
|
|
375
|
+
};
|
|
376
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
241
377
|
readonly transform: (value: string | number) => string | 0;
|
|
242
378
|
};
|
|
243
379
|
readonly maxHeight: {
|
|
244
|
-
readonly property:
|
|
380
|
+
readonly property: {
|
|
381
|
+
readonly physical: "maxHeight";
|
|
382
|
+
readonly logical: "maxBlockSize";
|
|
383
|
+
};
|
|
384
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
245
385
|
readonly transform: (value: string | number) => string | 0;
|
|
246
386
|
};
|
|
247
387
|
readonly verticalAlign: {
|
|
248
388
|
readonly property: "verticalAlign";
|
|
249
389
|
};
|
|
390
|
+
readonly direction: {
|
|
391
|
+
readonly property: "direction";
|
|
392
|
+
};
|
|
250
393
|
}>>]>>;
|
|
251
394
|
export interface HrProps extends StyleProps<typeof hrProps> {
|
|
252
395
|
}
|
|
@@ -13,11 +13,19 @@ declare const CardBody: import("@emotion/styled").StyledComponent<{
|
|
|
13
13
|
readonly scale: "spacing";
|
|
14
14
|
}>;
|
|
15
15
|
height?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
16
|
-
readonly property:
|
|
16
|
+
readonly property: {
|
|
17
|
+
readonly physical: "height";
|
|
18
|
+
readonly logical: "blockSize";
|
|
19
|
+
};
|
|
20
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
17
21
|
readonly transform: (value: string | number) => string | 0;
|
|
18
22
|
}>;
|
|
19
23
|
width?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
20
|
-
readonly property:
|
|
24
|
+
readonly property: {
|
|
25
|
+
readonly physical: "width";
|
|
26
|
+
readonly logical: "inlineSize";
|
|
27
|
+
};
|
|
28
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
21
29
|
readonly transform: (value: string | number) => string | 0;
|
|
22
30
|
}>;
|
|
23
31
|
alignSelf?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -26,6 +34,9 @@ declare const CardBody: import("@emotion/styled").StyledComponent<{
|
|
|
26
34
|
containerType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
27
35
|
readonly property: "containerType";
|
|
28
36
|
}>;
|
|
37
|
+
direction?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
38
|
+
readonly property: "direction";
|
|
39
|
+
}>;
|
|
29
40
|
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
30
41
|
readonly property: "display";
|
|
31
42
|
}>;
|
|
@@ -54,19 +65,35 @@ declare const CardBody: import("@emotion/styled").StyledComponent<{
|
|
|
54
65
|
readonly property: "justifySelf";
|
|
55
66
|
}>;
|
|
56
67
|
maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
57
|
-
readonly property:
|
|
68
|
+
readonly property: {
|
|
69
|
+
readonly physical: "maxHeight";
|
|
70
|
+
readonly logical: "maxBlockSize";
|
|
71
|
+
};
|
|
72
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
58
73
|
readonly transform: (value: string | number) => string | 0;
|
|
59
74
|
}>;
|
|
60
75
|
maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
61
|
-
readonly property:
|
|
76
|
+
readonly property: {
|
|
77
|
+
readonly physical: "maxWidth";
|
|
78
|
+
readonly logical: "maxInlineSize";
|
|
79
|
+
};
|
|
80
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
62
81
|
readonly transform: (value: string | number) => string | 0;
|
|
63
82
|
}>;
|
|
64
83
|
minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
65
|
-
readonly property:
|
|
84
|
+
readonly property: {
|
|
85
|
+
readonly physical: "minHeight";
|
|
86
|
+
readonly logical: "minBlockSize";
|
|
87
|
+
};
|
|
88
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
66
89
|
readonly transform: (value: string | number) => string | 0;
|
|
67
90
|
}>;
|
|
68
91
|
minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
69
|
-
readonly property:
|
|
92
|
+
readonly property: {
|
|
93
|
+
readonly physical: "minWidth";
|
|
94
|
+
readonly logical: "minInlineSize";
|
|
95
|
+
};
|
|
96
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
70
97
|
readonly transform: (value: string | number) => string | 0;
|
|
71
98
|
}>;
|
|
72
99
|
order?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -95,29 +122,53 @@ declare const CardBody: import("@emotion/styled").StyledComponent<{
|
|
|
95
122
|
}>;
|
|
96
123
|
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
97
124
|
readonly property: "padding";
|
|
98
|
-
readonly properties:
|
|
125
|
+
readonly properties: {
|
|
126
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
127
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
128
|
+
};
|
|
99
129
|
readonly scale: "spacing";
|
|
130
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
100
131
|
}>;
|
|
101
132
|
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
102
133
|
readonly property: "padding";
|
|
103
|
-
readonly properties:
|
|
134
|
+
readonly properties: {
|
|
135
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
136
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
137
|
+
};
|
|
104
138
|
readonly scale: "spacing";
|
|
139
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
105
140
|
}>;
|
|
106
141
|
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
107
|
-
readonly property:
|
|
142
|
+
readonly property: {
|
|
143
|
+
readonly physical: "paddingTop";
|
|
144
|
+
readonly logical: "paddingBlockStart";
|
|
145
|
+
};
|
|
108
146
|
readonly scale: "spacing";
|
|
147
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
109
148
|
}>;
|
|
110
149
|
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
111
|
-
readonly property:
|
|
150
|
+
readonly property: {
|
|
151
|
+
readonly physical: "paddingBottom";
|
|
152
|
+
readonly logical: "paddingBlockEnd";
|
|
153
|
+
};
|
|
112
154
|
readonly scale: "spacing";
|
|
155
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
113
156
|
}>;
|
|
114
157
|
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
115
|
-
readonly property:
|
|
158
|
+
readonly property: {
|
|
159
|
+
readonly physical: "paddingRight";
|
|
160
|
+
readonly logical: "paddingInlineEnd";
|
|
161
|
+
};
|
|
116
162
|
readonly scale: "spacing";
|
|
163
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
117
164
|
}>;
|
|
118
165
|
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
119
|
-
readonly property:
|
|
166
|
+
readonly property: {
|
|
167
|
+
readonly physical: "paddingLeft";
|
|
168
|
+
readonly logical: "paddingInlineStart";
|
|
169
|
+
};
|
|
120
170
|
readonly scale: "spacing";
|
|
171
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
121
172
|
}>;
|
|
122
173
|
dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
123
174
|
readonly property: "width";
|