@codecademy/gamut 68.0.1-alpha.e68684.0 → 68.0.1-alpha.e71051.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/Form/elements/Form.d.ts +93 -18
- 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 +186 -36
- 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/package.json +7 -7
|
@@ -7,29 +7,53 @@ declare const gridProps: import("@codecademy/variance/dist/types/config").Parser
|
|
|
7
7
|
};
|
|
8
8
|
readonly px: {
|
|
9
9
|
readonly property: "padding";
|
|
10
|
-
readonly properties:
|
|
10
|
+
readonly properties: {
|
|
11
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
12
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
13
|
+
};
|
|
11
14
|
readonly scale: "spacing";
|
|
15
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
12
16
|
};
|
|
13
17
|
readonly py: {
|
|
14
18
|
readonly property: "padding";
|
|
15
|
-
readonly properties:
|
|
19
|
+
readonly properties: {
|
|
20
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
21
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
22
|
+
};
|
|
16
23
|
readonly scale: "spacing";
|
|
24
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
17
25
|
};
|
|
18
26
|
readonly pt: {
|
|
19
|
-
readonly property:
|
|
27
|
+
readonly property: {
|
|
28
|
+
readonly physical: "paddingTop";
|
|
29
|
+
readonly logical: "paddingBlockStart";
|
|
30
|
+
};
|
|
20
31
|
readonly scale: "spacing";
|
|
32
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
21
33
|
};
|
|
22
34
|
readonly pb: {
|
|
23
|
-
readonly property:
|
|
35
|
+
readonly property: {
|
|
36
|
+
readonly physical: "paddingBottom";
|
|
37
|
+
readonly logical: "paddingBlockEnd";
|
|
38
|
+
};
|
|
24
39
|
readonly scale: "spacing";
|
|
40
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
25
41
|
};
|
|
26
42
|
readonly pr: {
|
|
27
|
-
readonly property:
|
|
43
|
+
readonly property: {
|
|
44
|
+
readonly physical: "paddingRight";
|
|
45
|
+
readonly logical: "paddingInlineEnd";
|
|
46
|
+
};
|
|
28
47
|
readonly scale: "spacing";
|
|
48
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
29
49
|
};
|
|
30
50
|
readonly pl: {
|
|
31
|
-
readonly property:
|
|
51
|
+
readonly property: {
|
|
52
|
+
readonly physical: "paddingLeft";
|
|
53
|
+
readonly logical: "paddingInlineStart";
|
|
54
|
+
};
|
|
32
55
|
readonly scale: "spacing";
|
|
56
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
33
57
|
};
|
|
34
58
|
readonly m: {
|
|
35
59
|
readonly property: "margin";
|
|
@@ -37,29 +61,53 @@ declare const gridProps: import("@codecademy/variance/dist/types/config").Parser
|
|
|
37
61
|
};
|
|
38
62
|
readonly mx: {
|
|
39
63
|
readonly property: "margin";
|
|
40
|
-
readonly properties:
|
|
64
|
+
readonly properties: {
|
|
65
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
66
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
67
|
+
};
|
|
68
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
41
69
|
readonly scale: "spacing";
|
|
42
70
|
};
|
|
43
71
|
readonly my: {
|
|
44
72
|
readonly property: "margin";
|
|
45
|
-
readonly properties:
|
|
73
|
+
readonly properties: {
|
|
74
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
75
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
76
|
+
};
|
|
77
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
46
78
|
readonly scale: "spacing";
|
|
47
79
|
};
|
|
48
80
|
readonly mt: {
|
|
49
|
-
readonly property:
|
|
81
|
+
readonly property: {
|
|
82
|
+
readonly physical: "marginTop";
|
|
83
|
+
readonly logical: "marginBlockStart";
|
|
84
|
+
};
|
|
50
85
|
readonly scale: "spacing";
|
|
86
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
51
87
|
};
|
|
52
88
|
readonly mb: {
|
|
53
|
-
readonly property:
|
|
89
|
+
readonly property: {
|
|
90
|
+
readonly physical: "marginBottom";
|
|
91
|
+
readonly logical: "marginBlockEnd";
|
|
92
|
+
};
|
|
54
93
|
readonly scale: "spacing";
|
|
94
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
55
95
|
};
|
|
56
96
|
readonly mr: {
|
|
57
|
-
readonly property:
|
|
97
|
+
readonly property: {
|
|
98
|
+
readonly physical: "marginRight";
|
|
99
|
+
readonly logical: "marginInlineEnd";
|
|
100
|
+
};
|
|
58
101
|
readonly scale: "spacing";
|
|
102
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
59
103
|
};
|
|
60
104
|
readonly ml: {
|
|
61
|
-
readonly property:
|
|
105
|
+
readonly property: {
|
|
106
|
+
readonly physical: "marginLeft";
|
|
107
|
+
readonly logical: "marginInlineStart";
|
|
108
|
+
};
|
|
62
109
|
readonly scale: "spacing";
|
|
110
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
63
111
|
};
|
|
64
112
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
65
113
|
gap: {
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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: {
|
|
@@ -238,32 +286,59 @@ declare const space: import("@codecademy/variance/dist/types/config").Parser<imp
|
|
|
238
286
|
readonly transform: (value: string | number) => string | 0;
|
|
239
287
|
};
|
|
240
288
|
readonly width: {
|
|
241
|
-
readonly property:
|
|
289
|
+
readonly property: {
|
|
290
|
+
readonly physical: "width";
|
|
291
|
+
readonly logical: "inlineSize";
|
|
292
|
+
};
|
|
293
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
242
294
|
readonly transform: (value: string | number) => string | 0;
|
|
243
295
|
};
|
|
244
296
|
readonly minWidth: {
|
|
245
|
-
readonly property:
|
|
297
|
+
readonly property: {
|
|
298
|
+
readonly physical: "minWidth";
|
|
299
|
+
readonly logical: "minInlineSize";
|
|
300
|
+
};
|
|
301
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
246
302
|
readonly transform: (value: string | number) => string | 0;
|
|
247
303
|
};
|
|
248
304
|
readonly maxWidth: {
|
|
249
|
-
readonly property:
|
|
305
|
+
readonly property: {
|
|
306
|
+
readonly physical: "maxWidth";
|
|
307
|
+
readonly logical: "maxInlineSize";
|
|
308
|
+
};
|
|
309
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
250
310
|
readonly transform: (value: string | number) => string | 0;
|
|
251
311
|
};
|
|
252
312
|
readonly height: {
|
|
253
|
-
readonly property:
|
|
313
|
+
readonly property: {
|
|
314
|
+
readonly physical: "height";
|
|
315
|
+
readonly logical: "blockSize";
|
|
316
|
+
};
|
|
317
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
254
318
|
readonly transform: (value: string | number) => string | 0;
|
|
255
319
|
};
|
|
256
320
|
readonly minHeight: {
|
|
257
|
-
readonly property:
|
|
321
|
+
readonly property: {
|
|
322
|
+
readonly physical: "minHeight";
|
|
323
|
+
readonly logical: "minBlockSize";
|
|
324
|
+
};
|
|
325
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
258
326
|
readonly transform: (value: string | number) => string | 0;
|
|
259
327
|
};
|
|
260
328
|
readonly maxHeight: {
|
|
261
|
-
readonly property:
|
|
329
|
+
readonly property: {
|
|
330
|
+
readonly physical: "maxHeight";
|
|
331
|
+
readonly logical: "maxBlockSize";
|
|
332
|
+
};
|
|
333
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
262
334
|
readonly transform: (value: string | number) => string | 0;
|
|
263
335
|
};
|
|
264
336
|
readonly verticalAlign: {
|
|
265
337
|
readonly property: "verticalAlign";
|
|
266
338
|
};
|
|
339
|
+
readonly direction: {
|
|
340
|
+
readonly property: "direction";
|
|
341
|
+
};
|
|
267
342
|
}>>;
|
|
268
343
|
declare const listVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "table" | "default" | "block" | "plain" | "card"> & {
|
|
269
344
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -371,11 +446,19 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
371
446
|
dir?: string | undefined;
|
|
372
447
|
className?: string | undefined;
|
|
373
448
|
height?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
374
|
-
readonly property:
|
|
449
|
+
readonly property: {
|
|
450
|
+
readonly physical: "height";
|
|
451
|
+
readonly logical: "blockSize";
|
|
452
|
+
};
|
|
453
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
375
454
|
readonly transform: (value: string | number) => string | 0;
|
|
376
455
|
}>;
|
|
377
456
|
width?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
378
|
-
readonly property:
|
|
457
|
+
readonly property: {
|
|
458
|
+
readonly physical: "width";
|
|
459
|
+
readonly logical: "inlineSize";
|
|
460
|
+
};
|
|
461
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
379
462
|
readonly transform: (value: string | number) => string | 0;
|
|
380
463
|
}>;
|
|
381
464
|
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
@@ -660,6 +743,9 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
660
743
|
containerType?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
661
744
|
readonly property: "containerType";
|
|
662
745
|
}>;
|
|
746
|
+
direction?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
747
|
+
readonly property: "direction";
|
|
748
|
+
}>;
|
|
663
749
|
display?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
664
750
|
readonly property: "display";
|
|
665
751
|
}>;
|
|
@@ -717,19 +803,35 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
717
803
|
readonly property: "listStyleType";
|
|
718
804
|
}>;
|
|
719
805
|
maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
720
|
-
readonly property:
|
|
806
|
+
readonly property: {
|
|
807
|
+
readonly physical: "maxHeight";
|
|
808
|
+
readonly logical: "maxBlockSize";
|
|
809
|
+
};
|
|
810
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
721
811
|
readonly transform: (value: string | number) => string | 0;
|
|
722
812
|
}>;
|
|
723
813
|
maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
724
|
-
readonly property:
|
|
814
|
+
readonly property: {
|
|
815
|
+
readonly physical: "maxWidth";
|
|
816
|
+
readonly logical: "maxInlineSize";
|
|
817
|
+
};
|
|
818
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
725
819
|
readonly transform: (value: string | number) => string | 0;
|
|
726
820
|
}>;
|
|
727
821
|
minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
728
|
-
readonly property:
|
|
822
|
+
readonly property: {
|
|
823
|
+
readonly physical: "minHeight";
|
|
824
|
+
readonly logical: "minBlockSize";
|
|
825
|
+
};
|
|
826
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
729
827
|
readonly transform: (value: string | number) => string | 0;
|
|
730
828
|
}>;
|
|
731
829
|
minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
732
|
-
readonly property:
|
|
830
|
+
readonly property: {
|
|
831
|
+
readonly physical: "minWidth";
|
|
832
|
+
readonly logical: "minInlineSize";
|
|
833
|
+
};
|
|
834
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
733
835
|
readonly transform: (value: string | number) => string | 0;
|
|
734
836
|
}>;
|
|
735
837
|
opacity?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
@@ -834,29 +936,53 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
834
936
|
}>;
|
|
835
937
|
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
836
938
|
readonly property: "padding";
|
|
837
|
-
readonly properties:
|
|
939
|
+
readonly properties: {
|
|
940
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
941
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
942
|
+
};
|
|
838
943
|
readonly scale: "spacing";
|
|
944
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
839
945
|
}>;
|
|
840
946
|
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
841
947
|
readonly property: "padding";
|
|
842
|
-
readonly properties:
|
|
948
|
+
readonly properties: {
|
|
949
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
950
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
951
|
+
};
|
|
843
952
|
readonly scale: "spacing";
|
|
953
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
844
954
|
}>;
|
|
845
955
|
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
846
|
-
readonly property:
|
|
956
|
+
readonly property: {
|
|
957
|
+
readonly physical: "paddingTop";
|
|
958
|
+
readonly logical: "paddingBlockStart";
|
|
959
|
+
};
|
|
847
960
|
readonly scale: "spacing";
|
|
961
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
848
962
|
}>;
|
|
849
963
|
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
850
|
-
readonly property:
|
|
964
|
+
readonly property: {
|
|
965
|
+
readonly physical: "paddingBottom";
|
|
966
|
+
readonly logical: "paddingBlockEnd";
|
|
967
|
+
};
|
|
851
968
|
readonly scale: "spacing";
|
|
969
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
852
970
|
}>;
|
|
853
971
|
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
854
|
-
readonly property:
|
|
972
|
+
readonly property: {
|
|
973
|
+
readonly physical: "paddingRight";
|
|
974
|
+
readonly logical: "paddingInlineEnd";
|
|
975
|
+
};
|
|
855
976
|
readonly scale: "spacing";
|
|
977
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
856
978
|
}>;
|
|
857
979
|
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
858
|
-
readonly property:
|
|
980
|
+
readonly property: {
|
|
981
|
+
readonly physical: "paddingLeft";
|
|
982
|
+
readonly logical: "paddingInlineStart";
|
|
983
|
+
};
|
|
859
984
|
readonly scale: "spacing";
|
|
985
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
860
986
|
}>;
|
|
861
987
|
m?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
862
988
|
readonly property: "margin";
|
|
@@ -864,29 +990,53 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
|
|
|
864
990
|
}>;
|
|
865
991
|
mx?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
866
992
|
readonly property: "margin";
|
|
867
|
-
readonly properties:
|
|
993
|
+
readonly properties: {
|
|
994
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
995
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
996
|
+
};
|
|
997
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
868
998
|
readonly scale: "spacing";
|
|
869
999
|
}>;
|
|
870
1000
|
my?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
871
1001
|
readonly property: "margin";
|
|
872
|
-
readonly properties:
|
|
1002
|
+
readonly properties: {
|
|
1003
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
1004
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
1005
|
+
};
|
|
1006
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
873
1007
|
readonly scale: "spacing";
|
|
874
1008
|
}>;
|
|
875
1009
|
mt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
876
|
-
readonly property:
|
|
1010
|
+
readonly property: {
|
|
1011
|
+
readonly physical: "marginTop";
|
|
1012
|
+
readonly logical: "marginBlockStart";
|
|
1013
|
+
};
|
|
877
1014
|
readonly scale: "spacing";
|
|
1015
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
878
1016
|
}>;
|
|
879
1017
|
mb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
880
|
-
readonly property:
|
|
1018
|
+
readonly property: {
|
|
1019
|
+
readonly physical: "marginBottom";
|
|
1020
|
+
readonly logical: "marginBlockEnd";
|
|
1021
|
+
};
|
|
881
1022
|
readonly scale: "spacing";
|
|
1023
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
882
1024
|
}>;
|
|
883
1025
|
mr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
884
|
-
readonly property:
|
|
1026
|
+
readonly property: {
|
|
1027
|
+
readonly physical: "marginRight";
|
|
1028
|
+
readonly logical: "marginInlineEnd";
|
|
1029
|
+
};
|
|
885
1030
|
readonly scale: "spacing";
|
|
1031
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
886
1032
|
}>;
|
|
887
1033
|
ml?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
888
|
-
readonly property:
|
|
1034
|
+
readonly property: {
|
|
1035
|
+
readonly physical: "marginLeft";
|
|
1036
|
+
readonly logical: "marginInlineStart";
|
|
1037
|
+
};
|
|
889
1038
|
readonly scale: "spacing";
|
|
1039
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
890
1040
|
}>;
|
|
891
1041
|
borderX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
892
1042
|
readonly property: "border";
|