@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.
Files changed (23) hide show
  1. package/dist/Anchor/index.d.ts +93 -18
  2. package/dist/Badge/index.d.ts +107 -20
  3. package/dist/Box/props.d.ts +237 -46
  4. package/dist/Button/shared/styles.d.ts +223 -44
  5. package/dist/Card/elements.d.ts +711 -138
  6. package/dist/Form/elements/Form.d.ts +223 -44
  7. package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +177 -34
  8. package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +63 -12
  9. package/dist/Layout/Column.d.ts +93 -18
  10. package/dist/Layout/LayoutGrid.d.ts +60 -12
  11. package/dist/List/elements.d.ts +330 -64
  12. package/dist/Menu/elements.d.ts +237 -46
  13. package/dist/Pagination/AnimatedPaginationButtons.d.ts +225 -46
  14. package/dist/Pagination/EllipsisButton.d.ts +5 -5
  15. package/dist/Pagination/EllipsisButton.js +2 -2
  16. package/dist/Pagination/index.js +4 -4
  17. package/dist/Pagination/utils.d.ts +223 -44
  18. package/dist/Pagination/utils.js +1 -1
  19. package/dist/Tabs/props.d.ts +93 -18
  20. package/dist/Tag/types.d.ts +93 -18
  21. package/dist/Toggle/elements.d.ts +134 -26
  22. package/dist/Typography/Text.d.ts +107 -20
  23. 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: "width";
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: "minWidth";
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: "maxWidth";
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: "height";
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: "minHeight";
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: "maxHeight";
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: readonly ["paddingLeft", "paddingRight"];
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: readonly ["paddingTop", "paddingBottom"];
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: "paddingTop";
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: "paddingBottom";
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: "paddingRight";
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: "paddingLeft";
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: readonly ["marginLeft", "marginRight"];
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: readonly ["marginTop", "marginBottom"];
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: "marginTop";
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: "marginBottom";
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: "marginRight";
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: "marginLeft";
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: readonly ["paddingLeft", "paddingRight"];
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: readonly ["paddingTop", "paddingBottom"];
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: "paddingTop";
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: "paddingBottom";
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: "paddingRight";
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: "paddingLeft";
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: readonly ["marginLeft", "marginRight"];
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: readonly ["marginTop", "marginBottom"];
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: "marginTop";
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: "marginBottom";
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: "marginRight";
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: "marginLeft";
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: "width";
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: "minWidth";
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: "maxWidth";
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: "height";
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: "minHeight";
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: "maxHeight";
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";
@@ -226,28 +301,40 @@ declare const badgeProps: import("@codecademy/variance/dist/types/config").Parse
226
301
  };
227
302
  readonly borderColorX: {
228
303
  readonly property: "borderColor";
229
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
304
+ readonly properties: {
305
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
306
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
307
+ };
308
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
230
309
  readonly scale: "colors";
231
310
  };
232
311
  readonly borderColorY: {
233
312
  readonly property: "borderColor";
234
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
313
+ readonly properties: {
314
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
315
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
316
+ };
317
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
235
318
  readonly scale: "colors";
236
319
  };
237
320
  readonly borderColorLeft: {
238
321
  readonly property: "borderLeftColor";
322
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
239
323
  readonly scale: "colors";
240
324
  };
241
325
  readonly borderColorRight: {
242
326
  readonly property: "borderRightColor";
327
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
243
328
  readonly scale: "colors";
244
329
  };
245
330
  readonly borderColorTop: {
246
331
  readonly property: "borderTopColor";
332
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
247
333
  readonly scale: "colors";
248
334
  };
249
335
  readonly borderColorBottom: {
250
336
  readonly property: "borderBottomColor";
337
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
251
338
  readonly scale: "colors";
252
339
  };
253
340
  }>>]>>;