@codecademy/gamut 68.0.0 → 68.0.1-alpha.097b76.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
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";
|
|
@@ -95,28 +143,40 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
|
|
|
95
143
|
}>;
|
|
96
144
|
borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
97
145
|
readonly property: "borderColor";
|
|
98
|
-
readonly properties:
|
|
146
|
+
readonly properties: {
|
|
147
|
+
readonly physical: readonly ["borderLeftColor", "borderRightColor"];
|
|
148
|
+
readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
|
|
149
|
+
};
|
|
150
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
99
151
|
readonly scale: "colors";
|
|
100
152
|
}>;
|
|
101
153
|
borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
102
154
|
readonly property: "borderColor";
|
|
103
|
-
readonly properties:
|
|
155
|
+
readonly properties: {
|
|
156
|
+
readonly physical: readonly ["borderTopColor", "borderBottomColor"];
|
|
157
|
+
readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
|
|
158
|
+
};
|
|
159
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
104
160
|
readonly scale: "colors";
|
|
105
161
|
}>;
|
|
106
162
|
borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
107
163
|
readonly property: "borderLeftColor";
|
|
164
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
108
165
|
readonly scale: "colors";
|
|
109
166
|
}>;
|
|
110
167
|
borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
111
168
|
readonly property: "borderRightColor";
|
|
169
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
112
170
|
readonly scale: "colors";
|
|
113
171
|
}>;
|
|
114
172
|
borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
115
173
|
readonly property: "borderTopColor";
|
|
174
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
116
175
|
readonly scale: "colors";
|
|
117
176
|
}>;
|
|
118
177
|
borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
119
178
|
readonly property: "borderBottomColor";
|
|
179
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
120
180
|
readonly scale: "colors";
|
|
121
181
|
}>;
|
|
122
182
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -143,29 +203,53 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
|
|
|
143
203
|
}>;
|
|
144
204
|
px?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
145
205
|
readonly property: "padding";
|
|
146
|
-
readonly properties:
|
|
206
|
+
readonly properties: {
|
|
207
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
208
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
209
|
+
};
|
|
147
210
|
readonly scale: "spacing";
|
|
211
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
148
212
|
}>;
|
|
149
213
|
py?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
150
214
|
readonly property: "padding";
|
|
151
|
-
readonly properties:
|
|
215
|
+
readonly properties: {
|
|
216
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
217
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
218
|
+
};
|
|
152
219
|
readonly scale: "spacing";
|
|
220
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
153
221
|
}>;
|
|
154
222
|
pt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
155
|
-
readonly property:
|
|
223
|
+
readonly property: {
|
|
224
|
+
readonly physical: "paddingTop";
|
|
225
|
+
readonly logical: "paddingBlockStart";
|
|
226
|
+
};
|
|
156
227
|
readonly scale: "spacing";
|
|
228
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
157
229
|
}>;
|
|
158
230
|
pb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
159
|
-
readonly property:
|
|
231
|
+
readonly property: {
|
|
232
|
+
readonly physical: "paddingBottom";
|
|
233
|
+
readonly logical: "paddingBlockEnd";
|
|
234
|
+
};
|
|
160
235
|
readonly scale: "spacing";
|
|
236
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
161
237
|
}>;
|
|
162
238
|
pr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
163
|
-
readonly property:
|
|
239
|
+
readonly property: {
|
|
240
|
+
readonly physical: "paddingRight";
|
|
241
|
+
readonly logical: "paddingInlineEnd";
|
|
242
|
+
};
|
|
164
243
|
readonly scale: "spacing";
|
|
244
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
165
245
|
}>;
|
|
166
246
|
pl?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
167
|
-
readonly property:
|
|
247
|
+
readonly property: {
|
|
248
|
+
readonly physical: "paddingLeft";
|
|
249
|
+
readonly logical: "paddingInlineStart";
|
|
250
|
+
};
|
|
168
251
|
readonly scale: "spacing";
|
|
252
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
169
253
|
}>;
|
|
170
254
|
m?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
171
255
|
readonly property: "margin";
|
|
@@ -173,28 +257,52 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
|
|
|
173
257
|
}>;
|
|
174
258
|
mx?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
175
259
|
readonly property: "margin";
|
|
176
|
-
readonly properties:
|
|
260
|
+
readonly properties: {
|
|
261
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
262
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
263
|
+
};
|
|
264
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
177
265
|
readonly scale: "spacing";
|
|
178
266
|
}>;
|
|
179
267
|
my?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
180
268
|
readonly property: "margin";
|
|
181
|
-
readonly properties:
|
|
269
|
+
readonly properties: {
|
|
270
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
271
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
272
|
+
};
|
|
273
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
182
274
|
readonly scale: "spacing";
|
|
183
275
|
}>;
|
|
184
276
|
mt?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
185
|
-
readonly property:
|
|
277
|
+
readonly property: {
|
|
278
|
+
readonly physical: "marginTop";
|
|
279
|
+
readonly logical: "marginBlockStart";
|
|
280
|
+
};
|
|
186
281
|
readonly scale: "spacing";
|
|
282
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
187
283
|
}>;
|
|
188
284
|
mb?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
189
|
-
readonly property:
|
|
285
|
+
readonly property: {
|
|
286
|
+
readonly physical: "marginBottom";
|
|
287
|
+
readonly logical: "marginBlockEnd";
|
|
288
|
+
};
|
|
190
289
|
readonly scale: "spacing";
|
|
290
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
191
291
|
}>;
|
|
192
292
|
mr?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
193
|
-
readonly property:
|
|
293
|
+
readonly property: {
|
|
294
|
+
readonly physical: "marginRight";
|
|
295
|
+
readonly logical: "marginInlineEnd";
|
|
296
|
+
};
|
|
194
297
|
readonly scale: "spacing";
|
|
298
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
195
299
|
}>;
|
|
196
300
|
ml?: import("@codecademy/variance/dist/types/config").Scale<{
|
|
197
|
-
readonly property:
|
|
301
|
+
readonly property: {
|
|
302
|
+
readonly physical: "marginLeft";
|
|
303
|
+
readonly logical: "marginInlineStart";
|
|
304
|
+
};
|
|
198
305
|
readonly scale: "spacing";
|
|
306
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
199
307
|
}>;
|
|
200
308
|
}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
|