@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
package/dist/Anchor/index.d.ts
CHANGED
|
@@ -68,32 +68,59 @@ declare const anchorProps: import("@codecademy/variance/dist/types/config").Pars
|
|
|
68
68
|
readonly transform: (value: string | number) => string | 0;
|
|
69
69
|
};
|
|
70
70
|
readonly width: {
|
|
71
|
-
readonly property:
|
|
71
|
+
readonly property: {
|
|
72
|
+
readonly physical: "width";
|
|
73
|
+
readonly logical: "inlineSize";
|
|
74
|
+
};
|
|
75
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
72
76
|
readonly transform: (value: string | number) => string | 0;
|
|
73
77
|
};
|
|
74
78
|
readonly minWidth: {
|
|
75
|
-
readonly property:
|
|
79
|
+
readonly property: {
|
|
80
|
+
readonly physical: "minWidth";
|
|
81
|
+
readonly logical: "minInlineSize";
|
|
82
|
+
};
|
|
83
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
76
84
|
readonly transform: (value: string | number) => string | 0;
|
|
77
85
|
};
|
|
78
86
|
readonly maxWidth: {
|
|
79
|
-
readonly property:
|
|
87
|
+
readonly property: {
|
|
88
|
+
readonly physical: "maxWidth";
|
|
89
|
+
readonly logical: "maxInlineSize";
|
|
90
|
+
};
|
|
91
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
80
92
|
readonly transform: (value: string | number) => string | 0;
|
|
81
93
|
};
|
|
82
94
|
readonly height: {
|
|
83
|
-
readonly property:
|
|
95
|
+
readonly property: {
|
|
96
|
+
readonly physical: "height";
|
|
97
|
+
readonly logical: "blockSize";
|
|
98
|
+
};
|
|
99
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
84
100
|
readonly transform: (value: string | number) => string | 0;
|
|
85
101
|
};
|
|
86
102
|
readonly minHeight: {
|
|
87
|
-
readonly property:
|
|
103
|
+
readonly property: {
|
|
104
|
+
readonly physical: "minHeight";
|
|
105
|
+
readonly logical: "minBlockSize";
|
|
106
|
+
};
|
|
107
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
88
108
|
readonly transform: (value: string | number) => string | 0;
|
|
89
109
|
};
|
|
90
110
|
readonly maxHeight: {
|
|
91
|
-
readonly property:
|
|
111
|
+
readonly property: {
|
|
112
|
+
readonly physical: "maxHeight";
|
|
113
|
+
readonly logical: "maxBlockSize";
|
|
114
|
+
};
|
|
115
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
92
116
|
readonly transform: (value: string | number) => string | 0;
|
|
93
117
|
};
|
|
94
118
|
readonly verticalAlign: {
|
|
95
119
|
readonly property: "verticalAlign";
|
|
96
120
|
};
|
|
121
|
+
readonly direction: {
|
|
122
|
+
readonly property: "direction";
|
|
123
|
+
};
|
|
97
124
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
98
125
|
readonly p: {
|
|
99
126
|
readonly property: "padding";
|
|
@@ -101,29 +128,53 @@ declare const anchorProps: import("@codecademy/variance/dist/types/config").Pars
|
|
|
101
128
|
};
|
|
102
129
|
readonly px: {
|
|
103
130
|
readonly property: "padding";
|
|
104
|
-
readonly properties:
|
|
131
|
+
readonly properties: {
|
|
132
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
133
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
134
|
+
};
|
|
105
135
|
readonly scale: "spacing";
|
|
136
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
106
137
|
};
|
|
107
138
|
readonly py: {
|
|
108
139
|
readonly property: "padding";
|
|
109
|
-
readonly properties:
|
|
140
|
+
readonly properties: {
|
|
141
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
142
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
143
|
+
};
|
|
110
144
|
readonly scale: "spacing";
|
|
145
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
111
146
|
};
|
|
112
147
|
readonly pt: {
|
|
113
|
-
readonly property:
|
|
148
|
+
readonly property: {
|
|
149
|
+
readonly physical: "paddingTop";
|
|
150
|
+
readonly logical: "paddingBlockStart";
|
|
151
|
+
};
|
|
114
152
|
readonly scale: "spacing";
|
|
153
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
115
154
|
};
|
|
116
155
|
readonly pb: {
|
|
117
|
-
readonly property:
|
|
156
|
+
readonly property: {
|
|
157
|
+
readonly physical: "paddingBottom";
|
|
158
|
+
readonly logical: "paddingBlockEnd";
|
|
159
|
+
};
|
|
118
160
|
readonly scale: "spacing";
|
|
161
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
119
162
|
};
|
|
120
163
|
readonly pr: {
|
|
121
|
-
readonly property:
|
|
164
|
+
readonly property: {
|
|
165
|
+
readonly physical: "paddingRight";
|
|
166
|
+
readonly logical: "paddingInlineEnd";
|
|
167
|
+
};
|
|
122
168
|
readonly scale: "spacing";
|
|
169
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
123
170
|
};
|
|
124
171
|
readonly pl: {
|
|
125
|
-
readonly property:
|
|
172
|
+
readonly property: {
|
|
173
|
+
readonly physical: "paddingLeft";
|
|
174
|
+
readonly logical: "paddingInlineStart";
|
|
175
|
+
};
|
|
126
176
|
readonly scale: "spacing";
|
|
177
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
127
178
|
};
|
|
128
179
|
readonly m: {
|
|
129
180
|
readonly property: "margin";
|
|
@@ -131,29 +182,53 @@ declare const anchorProps: import("@codecademy/variance/dist/types/config").Pars
|
|
|
131
182
|
};
|
|
132
183
|
readonly mx: {
|
|
133
184
|
readonly property: "margin";
|
|
134
|
-
readonly properties:
|
|
185
|
+
readonly properties: {
|
|
186
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
187
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
188
|
+
};
|
|
189
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
135
190
|
readonly scale: "spacing";
|
|
136
191
|
};
|
|
137
192
|
readonly my: {
|
|
138
193
|
readonly property: "margin";
|
|
139
|
-
readonly properties:
|
|
194
|
+
readonly properties: {
|
|
195
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
196
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
197
|
+
};
|
|
198
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
140
199
|
readonly scale: "spacing";
|
|
141
200
|
};
|
|
142
201
|
readonly mt: {
|
|
143
|
-
readonly property:
|
|
202
|
+
readonly property: {
|
|
203
|
+
readonly physical: "marginTop";
|
|
204
|
+
readonly logical: "marginBlockStart";
|
|
205
|
+
};
|
|
144
206
|
readonly scale: "spacing";
|
|
207
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
145
208
|
};
|
|
146
209
|
readonly mb: {
|
|
147
|
-
readonly property:
|
|
210
|
+
readonly property: {
|
|
211
|
+
readonly physical: "marginBottom";
|
|
212
|
+
readonly logical: "marginBlockEnd";
|
|
213
|
+
};
|
|
148
214
|
readonly scale: "spacing";
|
|
215
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
149
216
|
};
|
|
150
217
|
readonly mr: {
|
|
151
|
-
readonly property:
|
|
218
|
+
readonly property: {
|
|
219
|
+
readonly physical: "marginRight";
|
|
220
|
+
readonly logical: "marginInlineEnd";
|
|
221
|
+
};
|
|
152
222
|
readonly scale: "spacing";
|
|
223
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
153
224
|
};
|
|
154
225
|
readonly ml: {
|
|
155
|
-
readonly property:
|
|
226
|
+
readonly property: {
|
|
227
|
+
readonly physical: "marginLeft";
|
|
228
|
+
readonly logical: "marginInlineStart";
|
|
229
|
+
};
|
|
156
230
|
readonly scale: "spacing";
|
|
231
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
157
232
|
};
|
|
158
233
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
159
234
|
readonly fontFamily: {
|
package/dist/Badge/index.d.ts
CHANGED
|
@@ -15,29 +15,53 @@ declare const badgeProps: import("@codecademy/variance/dist/types/config").Parse
|
|
|
15
15
|
};
|
|
16
16
|
readonly px: {
|
|
17
17
|
readonly property: "padding";
|
|
18
|
-
readonly properties:
|
|
18
|
+
readonly properties: {
|
|
19
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
20
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
21
|
+
};
|
|
19
22
|
readonly scale: "spacing";
|
|
23
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
20
24
|
};
|
|
21
25
|
readonly py: {
|
|
22
26
|
readonly property: "padding";
|
|
23
|
-
readonly properties:
|
|
27
|
+
readonly properties: {
|
|
28
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
29
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
30
|
+
};
|
|
24
31
|
readonly scale: "spacing";
|
|
32
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
25
33
|
};
|
|
26
34
|
readonly pt: {
|
|
27
|
-
readonly property:
|
|
35
|
+
readonly property: {
|
|
36
|
+
readonly physical: "paddingTop";
|
|
37
|
+
readonly logical: "paddingBlockStart";
|
|
38
|
+
};
|
|
28
39
|
readonly scale: "spacing";
|
|
40
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
29
41
|
};
|
|
30
42
|
readonly pb: {
|
|
31
|
-
readonly property:
|
|
43
|
+
readonly property: {
|
|
44
|
+
readonly physical: "paddingBottom";
|
|
45
|
+
readonly logical: "paddingBlockEnd";
|
|
46
|
+
};
|
|
32
47
|
readonly scale: "spacing";
|
|
48
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
33
49
|
};
|
|
34
50
|
readonly pr: {
|
|
35
|
-
readonly property:
|
|
51
|
+
readonly property: {
|
|
52
|
+
readonly physical: "paddingRight";
|
|
53
|
+
readonly logical: "paddingInlineEnd";
|
|
54
|
+
};
|
|
36
55
|
readonly scale: "spacing";
|
|
56
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
37
57
|
};
|
|
38
58
|
readonly pl: {
|
|
39
|
-
readonly property:
|
|
59
|
+
readonly property: {
|
|
60
|
+
readonly physical: "paddingLeft";
|
|
61
|
+
readonly logical: "paddingInlineStart";
|
|
62
|
+
};
|
|
40
63
|
readonly scale: "spacing";
|
|
64
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
41
65
|
};
|
|
42
66
|
readonly m: {
|
|
43
67
|
readonly property: "margin";
|
|
@@ -45,29 +69,53 @@ declare const badgeProps: import("@codecademy/variance/dist/types/config").Parse
|
|
|
45
69
|
};
|
|
46
70
|
readonly mx: {
|
|
47
71
|
readonly property: "margin";
|
|
48
|
-
readonly properties:
|
|
72
|
+
readonly properties: {
|
|
73
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
74
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
75
|
+
};
|
|
76
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
49
77
|
readonly scale: "spacing";
|
|
50
78
|
};
|
|
51
79
|
readonly my: {
|
|
52
80
|
readonly property: "margin";
|
|
53
|
-
readonly properties:
|
|
81
|
+
readonly properties: {
|
|
82
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
83
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
84
|
+
};
|
|
85
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
54
86
|
readonly scale: "spacing";
|
|
55
87
|
};
|
|
56
88
|
readonly mt: {
|
|
57
|
-
readonly property:
|
|
89
|
+
readonly property: {
|
|
90
|
+
readonly physical: "marginTop";
|
|
91
|
+
readonly logical: "marginBlockStart";
|
|
92
|
+
};
|
|
58
93
|
readonly scale: "spacing";
|
|
94
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
59
95
|
};
|
|
60
96
|
readonly mb: {
|
|
61
|
-
readonly property:
|
|
97
|
+
readonly property: {
|
|
98
|
+
readonly physical: "marginBottom";
|
|
99
|
+
readonly logical: "marginBlockEnd";
|
|
100
|
+
};
|
|
62
101
|
readonly scale: "spacing";
|
|
102
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
63
103
|
};
|
|
64
104
|
readonly mr: {
|
|
65
|
-
readonly property:
|
|
105
|
+
readonly property: {
|
|
106
|
+
readonly physical: "marginRight";
|
|
107
|
+
readonly logical: "marginInlineEnd";
|
|
108
|
+
};
|
|
66
109
|
readonly scale: "spacing";
|
|
110
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
67
111
|
};
|
|
68
112
|
readonly ml: {
|
|
69
|
-
readonly property:
|
|
113
|
+
readonly property: {
|
|
114
|
+
readonly physical: "marginLeft";
|
|
115
|
+
readonly logical: "marginInlineStart";
|
|
116
|
+
};
|
|
70
117
|
readonly scale: "spacing";
|
|
118
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
71
119
|
};
|
|
72
120
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
73
121
|
readonly flexBasis: {
|
|
@@ -130,32 +178,59 @@ declare const badgeProps: import("@codecademy/variance/dist/types/config").Parse
|
|
|
130
178
|
readonly transform: (value: string | number) => string | 0;
|
|
131
179
|
};
|
|
132
180
|
readonly width: {
|
|
133
|
-
readonly property:
|
|
181
|
+
readonly property: {
|
|
182
|
+
readonly physical: "width";
|
|
183
|
+
readonly logical: "inlineSize";
|
|
184
|
+
};
|
|
185
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
134
186
|
readonly transform: (value: string | number) => string | 0;
|
|
135
187
|
};
|
|
136
188
|
readonly minWidth: {
|
|
137
|
-
readonly property:
|
|
189
|
+
readonly property: {
|
|
190
|
+
readonly physical: "minWidth";
|
|
191
|
+
readonly logical: "minInlineSize";
|
|
192
|
+
};
|
|
193
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
138
194
|
readonly transform: (value: string | number) => string | 0;
|
|
139
195
|
};
|
|
140
196
|
readonly maxWidth: {
|
|
141
|
-
readonly property:
|
|
197
|
+
readonly property: {
|
|
198
|
+
readonly physical: "maxWidth";
|
|
199
|
+
readonly logical: "maxInlineSize";
|
|
200
|
+
};
|
|
201
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
142
202
|
readonly transform: (value: string | number) => string | 0;
|
|
143
203
|
};
|
|
144
204
|
readonly height: {
|
|
145
|
-
readonly property:
|
|
205
|
+
readonly property: {
|
|
206
|
+
readonly physical: "height";
|
|
207
|
+
readonly logical: "blockSize";
|
|
208
|
+
};
|
|
209
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
146
210
|
readonly transform: (value: string | number) => string | 0;
|
|
147
211
|
};
|
|
148
212
|
readonly minHeight: {
|
|
149
|
-
readonly property:
|
|
213
|
+
readonly property: {
|
|
214
|
+
readonly physical: "minHeight";
|
|
215
|
+
readonly logical: "minBlockSize";
|
|
216
|
+
};
|
|
217
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
150
218
|
readonly transform: (value: string | number) => string | 0;
|
|
151
219
|
};
|
|
152
220
|
readonly maxHeight: {
|
|
153
|
-
readonly property:
|
|
221
|
+
readonly property: {
|
|
222
|
+
readonly physical: "maxHeight";
|
|
223
|
+
readonly logical: "maxBlockSize";
|
|
224
|
+
};
|
|
225
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
154
226
|
readonly transform: (value: string | number) => string | 0;
|
|
155
227
|
};
|
|
156
228
|
readonly verticalAlign: {
|
|
157
229
|
readonly property: "verticalAlign";
|
|
158
230
|
};
|
|
231
|
+
readonly direction: {
|
|
232
|
+
readonly property: "direction";
|
|
233
|
+
};
|
|
159
234
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
160
235
|
readonly fontFamily: {
|
|
161
236
|
readonly property: "fontFamily";
|
package/dist/Box/props.d.ts
CHANGED
|
@@ -7,29 +7,53 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
|
|
|
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 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
|
|
|
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
|
readonly border: {
|
|
@@ -239,32 +287,59 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
|
|
|
239
287
|
readonly transform: (value: string | number) => string | 0;
|
|
240
288
|
};
|
|
241
289
|
readonly width: {
|
|
242
|
-
readonly property:
|
|
290
|
+
readonly property: {
|
|
291
|
+
readonly physical: "width";
|
|
292
|
+
readonly logical: "inlineSize";
|
|
293
|
+
};
|
|
294
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
243
295
|
readonly transform: (value: string | number) => string | 0;
|
|
244
296
|
};
|
|
245
297
|
readonly minWidth: {
|
|
246
|
-
readonly property:
|
|
298
|
+
readonly property: {
|
|
299
|
+
readonly physical: "minWidth";
|
|
300
|
+
readonly logical: "minInlineSize";
|
|
301
|
+
};
|
|
302
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
247
303
|
readonly transform: (value: string | number) => string | 0;
|
|
248
304
|
};
|
|
249
305
|
readonly maxWidth: {
|
|
250
|
-
readonly property:
|
|
306
|
+
readonly property: {
|
|
307
|
+
readonly physical: "maxWidth";
|
|
308
|
+
readonly logical: "maxInlineSize";
|
|
309
|
+
};
|
|
310
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
251
311
|
readonly transform: (value: string | number) => string | 0;
|
|
252
312
|
};
|
|
253
313
|
readonly height: {
|
|
254
|
-
readonly property:
|
|
314
|
+
readonly property: {
|
|
315
|
+
readonly physical: "height";
|
|
316
|
+
readonly logical: "blockSize";
|
|
317
|
+
};
|
|
318
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
255
319
|
readonly transform: (value: string | number) => string | 0;
|
|
256
320
|
};
|
|
257
321
|
readonly minHeight: {
|
|
258
|
-
readonly property:
|
|
322
|
+
readonly property: {
|
|
323
|
+
readonly physical: "minHeight";
|
|
324
|
+
readonly logical: "minBlockSize";
|
|
325
|
+
};
|
|
326
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
259
327
|
readonly transform: (value: string | number) => string | 0;
|
|
260
328
|
};
|
|
261
329
|
readonly maxHeight: {
|
|
262
|
-
readonly property:
|
|
330
|
+
readonly property: {
|
|
331
|
+
readonly physical: "maxHeight";
|
|
332
|
+
readonly logical: "maxBlockSize";
|
|
333
|
+
};
|
|
334
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
263
335
|
readonly transform: (value: string | number) => string | 0;
|
|
264
336
|
};
|
|
265
337
|
readonly verticalAlign: {
|
|
266
338
|
readonly property: "verticalAlign";
|
|
267
339
|
};
|
|
340
|
+
readonly direction: {
|
|
341
|
+
readonly property: "direction";
|
|
342
|
+
};
|
|
268
343
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
269
344
|
readonly color: {
|
|
270
345
|
readonly property: "color";
|