@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/Layout/Column.d.ts
CHANGED
|
@@ -64,32 +64,59 @@ declare const columnProps: import("@codecademy/variance/dist/types/config").Pars
|
|
|
64
64
|
readonly transform: (value: string | number) => string | 0;
|
|
65
65
|
};
|
|
66
66
|
readonly width: {
|
|
67
|
-
readonly property:
|
|
67
|
+
readonly property: {
|
|
68
|
+
readonly physical: "width";
|
|
69
|
+
readonly logical: "inlineSize";
|
|
70
|
+
};
|
|
71
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
68
72
|
readonly transform: (value: string | number) => string | 0;
|
|
69
73
|
};
|
|
70
74
|
readonly minWidth: {
|
|
71
|
-
readonly property:
|
|
75
|
+
readonly property: {
|
|
76
|
+
readonly physical: "minWidth";
|
|
77
|
+
readonly logical: "minInlineSize";
|
|
78
|
+
};
|
|
79
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
72
80
|
readonly transform: (value: string | number) => string | 0;
|
|
73
81
|
};
|
|
74
82
|
readonly maxWidth: {
|
|
75
|
-
readonly property:
|
|
83
|
+
readonly property: {
|
|
84
|
+
readonly physical: "maxWidth";
|
|
85
|
+
readonly logical: "maxInlineSize";
|
|
86
|
+
};
|
|
87
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
76
88
|
readonly transform: (value: string | number) => string | 0;
|
|
77
89
|
};
|
|
78
90
|
readonly height: {
|
|
79
|
-
readonly property:
|
|
91
|
+
readonly property: {
|
|
92
|
+
readonly physical: "height";
|
|
93
|
+
readonly logical: "blockSize";
|
|
94
|
+
};
|
|
95
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
80
96
|
readonly transform: (value: string | number) => string | 0;
|
|
81
97
|
};
|
|
82
98
|
readonly minHeight: {
|
|
83
|
-
readonly property:
|
|
99
|
+
readonly property: {
|
|
100
|
+
readonly physical: "minHeight";
|
|
101
|
+
readonly logical: "minBlockSize";
|
|
102
|
+
};
|
|
103
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
84
104
|
readonly transform: (value: string | number) => string | 0;
|
|
85
105
|
};
|
|
86
106
|
readonly maxHeight: {
|
|
87
|
-
readonly property:
|
|
107
|
+
readonly property: {
|
|
108
|
+
readonly physical: "maxHeight";
|
|
109
|
+
readonly logical: "maxBlockSize";
|
|
110
|
+
};
|
|
111
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
88
112
|
readonly transform: (value: string | number) => string | 0;
|
|
89
113
|
};
|
|
90
114
|
readonly verticalAlign: {
|
|
91
115
|
readonly property: "verticalAlign";
|
|
92
116
|
};
|
|
117
|
+
readonly direction: {
|
|
118
|
+
readonly property: "direction";
|
|
119
|
+
};
|
|
93
120
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
94
121
|
readonly p: {
|
|
95
122
|
readonly property: "padding";
|
|
@@ -97,29 +124,53 @@ declare const columnProps: import("@codecademy/variance/dist/types/config").Pars
|
|
|
97
124
|
};
|
|
98
125
|
readonly px: {
|
|
99
126
|
readonly property: "padding";
|
|
100
|
-
readonly properties:
|
|
127
|
+
readonly properties: {
|
|
128
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
129
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
130
|
+
};
|
|
101
131
|
readonly scale: "spacing";
|
|
132
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
102
133
|
};
|
|
103
134
|
readonly py: {
|
|
104
135
|
readonly property: "padding";
|
|
105
|
-
readonly properties:
|
|
136
|
+
readonly properties: {
|
|
137
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
138
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
139
|
+
};
|
|
106
140
|
readonly scale: "spacing";
|
|
141
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
107
142
|
};
|
|
108
143
|
readonly pt: {
|
|
109
|
-
readonly property:
|
|
144
|
+
readonly property: {
|
|
145
|
+
readonly physical: "paddingTop";
|
|
146
|
+
readonly logical: "paddingBlockStart";
|
|
147
|
+
};
|
|
110
148
|
readonly scale: "spacing";
|
|
149
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
111
150
|
};
|
|
112
151
|
readonly pb: {
|
|
113
|
-
readonly property:
|
|
152
|
+
readonly property: {
|
|
153
|
+
readonly physical: "paddingBottom";
|
|
154
|
+
readonly logical: "paddingBlockEnd";
|
|
155
|
+
};
|
|
114
156
|
readonly scale: "spacing";
|
|
157
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
115
158
|
};
|
|
116
159
|
readonly pr: {
|
|
117
|
-
readonly property:
|
|
160
|
+
readonly property: {
|
|
161
|
+
readonly physical: "paddingRight";
|
|
162
|
+
readonly logical: "paddingInlineEnd";
|
|
163
|
+
};
|
|
118
164
|
readonly scale: "spacing";
|
|
165
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
119
166
|
};
|
|
120
167
|
readonly pl: {
|
|
121
|
-
readonly property:
|
|
168
|
+
readonly property: {
|
|
169
|
+
readonly physical: "paddingLeft";
|
|
170
|
+
readonly logical: "paddingInlineStart";
|
|
171
|
+
};
|
|
122
172
|
readonly scale: "spacing";
|
|
173
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
123
174
|
};
|
|
124
175
|
readonly m: {
|
|
125
176
|
readonly property: "margin";
|
|
@@ -127,29 +178,53 @@ declare const columnProps: import("@codecademy/variance/dist/types/config").Pars
|
|
|
127
178
|
};
|
|
128
179
|
readonly mx: {
|
|
129
180
|
readonly property: "margin";
|
|
130
|
-
readonly properties:
|
|
181
|
+
readonly properties: {
|
|
182
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
183
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
184
|
+
};
|
|
185
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
131
186
|
readonly scale: "spacing";
|
|
132
187
|
};
|
|
133
188
|
readonly my: {
|
|
134
189
|
readonly property: "margin";
|
|
135
|
-
readonly properties:
|
|
190
|
+
readonly properties: {
|
|
191
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
192
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
193
|
+
};
|
|
194
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
136
195
|
readonly scale: "spacing";
|
|
137
196
|
};
|
|
138
197
|
readonly mt: {
|
|
139
|
-
readonly property:
|
|
198
|
+
readonly property: {
|
|
199
|
+
readonly physical: "marginTop";
|
|
200
|
+
readonly logical: "marginBlockStart";
|
|
201
|
+
};
|
|
140
202
|
readonly scale: "spacing";
|
|
203
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
141
204
|
};
|
|
142
205
|
readonly mb: {
|
|
143
|
-
readonly property:
|
|
206
|
+
readonly property: {
|
|
207
|
+
readonly physical: "marginBottom";
|
|
208
|
+
readonly logical: "marginBlockEnd";
|
|
209
|
+
};
|
|
144
210
|
readonly scale: "spacing";
|
|
211
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
145
212
|
};
|
|
146
213
|
readonly mr: {
|
|
147
|
-
readonly property:
|
|
214
|
+
readonly property: {
|
|
215
|
+
readonly physical: "marginRight";
|
|
216
|
+
readonly logical: "marginInlineEnd";
|
|
217
|
+
};
|
|
148
218
|
readonly scale: "spacing";
|
|
219
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
149
220
|
};
|
|
150
221
|
readonly ml: {
|
|
151
|
-
readonly property:
|
|
222
|
+
readonly property: {
|
|
223
|
+
readonly physical: "marginLeft";
|
|
224
|
+
readonly logical: "marginInlineStart";
|
|
225
|
+
};
|
|
152
226
|
readonly scale: "spacing";
|
|
227
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
153
228
|
};
|
|
154
229
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
155
230
|
readonly gridColumn: {
|
|
@@ -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: {
|