@codecademy/gamut 68.0.1-alpha.bd18ee.0 → 68.0.1-alpha.c6600b.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 (21) hide show
  1. package/dist/Anchor/index.d.ts +6 -33
  2. package/dist/Badge/index.d.ts +6 -33
  3. package/dist/Box/props.d.ts +6 -33
  4. package/dist/Button/shared/styles.d.ts +6 -33
  5. package/dist/Card/elements.d.ts +18 -99
  6. package/dist/Form/elements/Form.d.ts +6 -33
  7. package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +6 -33
  8. package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +6 -33
  9. package/dist/Layout/Column.d.ts +6 -33
  10. package/dist/List/elements.d.ts +12 -66
  11. package/dist/Menu/elements.d.ts +6 -33
  12. package/dist/Pagination/AnimatedPaginationButtons.d.ts +8 -35
  13. package/dist/Pagination/EllipsisButton.d.ts +5 -5
  14. package/dist/Pagination/EllipsisButton.js +2 -2
  15. package/dist/Pagination/index.js +4 -4
  16. package/dist/Pagination/utils.d.ts +6 -33
  17. package/dist/Pagination/utils.js +1 -1
  18. package/dist/Tabs/props.d.ts +6 -33
  19. package/dist/Tag/types.d.ts +6 -33
  20. package/dist/Typography/Text.d.ts +6 -33
  21. package/package.json +7 -7
package/dist/Anchor/index.d.ts CHANGED
@@ -68,59 +68,32 @@ 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: {
72
- readonly physical: "width";
73
- readonly logical: "inlineSize";
74
- };
75
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
71
+ readonly property: "width";
76
72
  readonly transform: (value: string | number) => string | 0;
77
73
  };
78
74
  readonly 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;
75
+ readonly property: "minWidth";
84
76
  readonly transform: (value: string | number) => string | 0;
85
77
  };
86
78
  readonly 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;
79
+ readonly property: "maxWidth";
92
80
  readonly transform: (value: string | number) => string | 0;
93
81
  };
94
82
  readonly 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;
83
+ readonly property: "height";
100
84
  readonly transform: (value: string | number) => string | 0;
101
85
  };
102
86
  readonly 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;
87
+ readonly property: "minHeight";
108
88
  readonly transform: (value: string | number) => string | 0;
109
89
  };
110
90
  readonly 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;
91
+ readonly property: "maxHeight";
116
92
  readonly transform: (value: string | number) => string | 0;
117
93
  };
118
94
  readonly verticalAlign: {
119
95
  readonly property: "verticalAlign";
120
96
  };
121
- readonly direction: {
122
- readonly property: "direction";
123
- };
124
97
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
125
98
  readonly p: {
126
99
  readonly property: "padding";
package/dist/Badge/index.d.ts CHANGED
@@ -178,59 +178,32 @@ declare const badgeProps: import("@codecademy/variance/dist/types/config").Parse
178
178
  readonly transform: (value: string | number) => string | 0;
179
179
  };
180
180
  readonly 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;
181
+ readonly property: "width";
186
182
  readonly transform: (value: string | number) => string | 0;
187
183
  };
188
184
  readonly 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;
185
+ readonly property: "minWidth";
194
186
  readonly transform: (value: string | number) => string | 0;
195
187
  };
196
188
  readonly 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;
189
+ readonly property: "maxWidth";
202
190
  readonly transform: (value: string | number) => string | 0;
203
191
  };
204
192
  readonly 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;
193
+ readonly property: "height";
210
194
  readonly transform: (value: string | number) => string | 0;
211
195
  };
212
196
  readonly 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;
197
+ readonly property: "minHeight";
218
198
  readonly transform: (value: string | number) => string | 0;
219
199
  };
220
200
  readonly 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;
201
+ readonly property: "maxHeight";
226
202
  readonly transform: (value: string | number) => string | 0;
227
203
  };
228
204
  readonly verticalAlign: {
229
205
  readonly property: "verticalAlign";
230
206
  };
231
- readonly direction: {
232
- readonly property: "direction";
233
- };
234
207
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
235
208
  readonly fontFamily: {
236
209
  readonly property: "fontFamily";
package/dist/Box/props.d.ts CHANGED
@@ -287,59 +287,32 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
287
287
  readonly transform: (value: string | number) => string | 0;
288
288
  };
289
289
  readonly width: {
290
- readonly property: {
291
- readonly physical: "width";
292
- readonly logical: "inlineSize";
293
- };
294
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
290
+ readonly property: "width";
295
291
  readonly transform: (value: string | number) => string | 0;
296
292
  };
297
293
  readonly minWidth: {
298
- readonly property: {
299
- readonly physical: "minWidth";
300
- readonly logical: "minInlineSize";
301
- };
302
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
294
+ readonly property: "minWidth";
303
295
  readonly transform: (value: string | number) => string | 0;
304
296
  };
305
297
  readonly maxWidth: {
306
- readonly property: {
307
- readonly physical: "maxWidth";
308
- readonly logical: "maxInlineSize";
309
- };
310
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
298
+ readonly property: "maxWidth";
311
299
  readonly transform: (value: string | number) => string | 0;
312
300
  };
313
301
  readonly height: {
314
- readonly property: {
315
- readonly physical: "height";
316
- readonly logical: "blockSize";
317
- };
318
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
302
+ readonly property: "height";
319
303
  readonly transform: (value: string | number) => string | 0;
320
304
  };
321
305
  readonly minHeight: {
322
- readonly property: {
323
- readonly physical: "minHeight";
324
- readonly logical: "minBlockSize";
325
- };
326
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
306
+ readonly property: "minHeight";
327
307
  readonly transform: (value: string | number) => string | 0;
328
308
  };
329
309
  readonly maxHeight: {
330
- readonly property: {
331
- readonly physical: "maxHeight";
332
- readonly logical: "maxBlockSize";
333
- };
334
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
310
+ readonly property: "maxHeight";
335
311
  readonly transform: (value: string | number) => string | 0;
336
312
  };
337
313
  readonly verticalAlign: {
338
314
  readonly property: "verticalAlign";
339
315
  };
340
- readonly direction: {
341
- readonly property: "direction";
342
- };
343
316
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
344
317
  readonly color: {
345
318
  readonly property: "color";
package/dist/Button/shared/styles.d.ts CHANGED
@@ -65,59 +65,32 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
65
65
  readonly transform: (value: string | number) => string | 0;
66
66
  };
67
67
  readonly width: {
68
- readonly property: {
69
- readonly physical: "width";
70
- readonly logical: "inlineSize";
71
- };
72
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
68
+ readonly property: "width";
73
69
  readonly transform: (value: string | number) => string | 0;
74
70
  };
75
71
  readonly minWidth: {
76
- readonly property: {
77
- readonly physical: "minWidth";
78
- readonly logical: "minInlineSize";
79
- };
80
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
72
+ readonly property: "minWidth";
81
73
  readonly transform: (value: string | number) => string | 0;
82
74
  };
83
75
  readonly maxWidth: {
84
- readonly property: {
85
- readonly physical: "maxWidth";
86
- readonly logical: "maxInlineSize";
87
- };
88
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
76
+ readonly property: "maxWidth";
89
77
  readonly transform: (value: string | number) => string | 0;
90
78
  };
91
79
  readonly height: {
92
- readonly property: {
93
- readonly physical: "height";
94
- readonly logical: "blockSize";
95
- };
96
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
80
+ readonly property: "height";
97
81
  readonly transform: (value: string | number) => string | 0;
98
82
  };
99
83
  readonly minHeight: {
100
- readonly property: {
101
- readonly physical: "minHeight";
102
- readonly logical: "minBlockSize";
103
- };
104
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
84
+ readonly property: "minHeight";
105
85
  readonly transform: (value: string | number) => string | 0;
106
86
  };
107
87
  readonly maxHeight: {
108
- readonly property: {
109
- readonly physical: "maxHeight";
110
- readonly logical: "maxBlockSize";
111
- };
112
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
88
+ readonly property: "maxHeight";
113
89
  readonly transform: (value: string | number) => string | 0;
114
90
  };
115
91
  readonly verticalAlign: {
116
92
  readonly property: "verticalAlign";
117
93
  };
118
- readonly direction: {
119
- readonly property: "direction";
120
- };
121
94
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
122
95
  readonly position: {
123
96
  readonly property: "position";
package/dist/Card/elements.d.ts CHANGED
@@ -38,19 +38,11 @@ export declare const MotionBox: import("react").ComponentType<{
38
38
  dir?: string | undefined;
39
39
  className?: string | undefined;
40
40
  height?: import("@codecademy/variance/dist/types/config").Scale<{
41
- readonly property: {
42
- readonly physical: "height";
43
- readonly logical: "blockSize";
44
- };
45
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
41
+ readonly property: "height";
46
42
  readonly transform: (value: string | number) => string | 0;
47
43
  }>;
48
44
  width?: import("@codecademy/variance/dist/types/config").Scale<{
49
- readonly property: {
50
- readonly physical: "width";
51
- readonly logical: "inlineSize";
52
- };
53
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
45
+ readonly property: "width";
54
46
  readonly transform: (value: string | number) => string | 0;
55
47
  }>;
56
48
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -335,9 +327,6 @@ export declare const MotionBox: import("react").ComponentType<{
335
327
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
336
328
  readonly property: "containerType";
337
329
  }>;
338
- direction?: import("@codecademy/variance/dist/types/config").Scale<{
339
- readonly property: "direction";
340
- }>;
341
330
  display?: import("@codecademy/variance/dist/types/config").Scale<{
342
331
  readonly property: "display";
343
332
  }>;
@@ -395,35 +384,19 @@ export declare const MotionBox: import("react").ComponentType<{
395
384
  readonly property: "listStyleType";
396
385
  }>;
397
386
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
398
- readonly property: {
399
- readonly physical: "maxHeight";
400
- readonly logical: "maxBlockSize";
401
- };
402
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
387
+ readonly property: "maxHeight";
403
388
  readonly transform: (value: string | number) => string | 0;
404
389
  }>;
405
390
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
406
- readonly property: {
407
- readonly physical: "maxWidth";
408
- readonly logical: "maxInlineSize";
409
- };
410
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
391
+ readonly property: "maxWidth";
411
392
  readonly transform: (value: string | number) => string | 0;
412
393
  }>;
413
394
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
414
- readonly property: {
415
- readonly physical: "minHeight";
416
- readonly logical: "minBlockSize";
417
- };
418
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
395
+ readonly property: "minHeight";
419
396
  readonly transform: (value: string | number) => string | 0;
420
397
  }>;
421
398
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
422
- readonly property: {
423
- readonly physical: "minWidth";
424
- readonly logical: "minInlineSize";
425
- };
426
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
399
+ readonly property: "minWidth";
427
400
  readonly transform: (value: string | number) => string | 0;
428
401
  }>;
429
402
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -798,19 +771,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
798
771
  dir?: string | undefined;
799
772
  className?: string | undefined;
800
773
  height?: import("@codecademy/variance/dist/types/config").Scale<{
801
- readonly property: {
802
- readonly physical: "height";
803
- readonly logical: "blockSize";
804
- };
805
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
774
+ readonly property: "height";
806
775
  readonly transform: (value: string | number) => string | 0;
807
776
  }>;
808
777
  width?: import("@codecademy/variance/dist/types/config").Scale<{
809
- readonly property: {
810
- readonly physical: "width";
811
- readonly logical: "inlineSize";
812
- };
813
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
778
+ readonly property: "width";
814
779
  readonly transform: (value: string | number) => string | 0;
815
780
  }>;
816
781
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -1095,9 +1060,6 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1095
1060
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
1096
1061
  readonly property: "containerType";
1097
1062
  }>;
1098
- direction?: import("@codecademy/variance/dist/types/config").Scale<{
1099
- readonly property: "direction";
1100
- }>;
1101
1063
  display?: import("@codecademy/variance/dist/types/config").Scale<{
1102
1064
  readonly property: "display";
1103
1065
  }>;
@@ -1155,35 +1117,19 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1155
1117
  readonly property: "listStyleType";
1156
1118
  }>;
1157
1119
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1158
- readonly property: {
1159
- readonly physical: "maxHeight";
1160
- readonly logical: "maxBlockSize";
1161
- };
1162
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1120
+ readonly property: "maxHeight";
1163
1121
  readonly transform: (value: string | number) => string | 0;
1164
1122
  }>;
1165
1123
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1166
- readonly property: {
1167
- readonly physical: "maxWidth";
1168
- readonly logical: "maxInlineSize";
1169
- };
1170
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1124
+ readonly property: "maxWidth";
1171
1125
  readonly transform: (value: string | number) => string | 0;
1172
1126
  }>;
1173
1127
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1174
- readonly property: {
1175
- readonly physical: "minHeight";
1176
- readonly logical: "minBlockSize";
1177
- };
1178
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1128
+ readonly property: "minHeight";
1179
1129
  readonly transform: (value: string | number) => string | 0;
1180
1130
  }>;
1181
1131
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1182
- readonly property: {
1183
- readonly physical: "minWidth";
1184
- readonly logical: "minInlineSize";
1185
- };
1186
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1132
+ readonly property: "minWidth";
1187
1133
  readonly transform: (value: string | number) => string | 0;
1188
1134
  }>;
1189
1135
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1544,19 +1490,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1544
1490
  dir?: string | undefined;
1545
1491
  className?: string | undefined;
1546
1492
  height?: import("@codecademy/variance/dist/types/config").Scale<{
1547
- readonly property: {
1548
- readonly physical: "height";
1549
- readonly logical: "blockSize";
1550
- };
1551
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1493
+ readonly property: "height";
1552
1494
  readonly transform: (value: string | number) => string | 0;
1553
1495
  }>;
1554
1496
  width?: import("@codecademy/variance/dist/types/config").Scale<{
1555
- readonly property: {
1556
- readonly physical: "width";
1557
- readonly logical: "inlineSize";
1558
- };
1559
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1497
+ readonly property: "width";
1560
1498
  readonly transform: (value: string | number) => string | 0;
1561
1499
  }>;
1562
1500
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -1844,9 +1782,6 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1844
1782
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
1845
1783
  readonly property: "containerType";
1846
1784
  }>;
1847
- direction?: import("@codecademy/variance/dist/types/config").Scale<{
1848
- readonly property: "direction";
1849
- }>;
1850
1785
  display?: import("@codecademy/variance/dist/types/config").Scale<{
1851
1786
  readonly property: "display";
1852
1787
  }>;
@@ -1909,35 +1844,19 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1909
1844
  readonly transform: (value: string | number) => string | 0;
1910
1845
  }>;
1911
1846
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1912
- readonly property: {
1913
- readonly physical: "maxHeight";
1914
- readonly logical: "maxBlockSize";
1915
- };
1916
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1847
+ readonly property: "maxHeight";
1917
1848
  readonly transform: (value: string | number) => string | 0;
1918
1849
  }>;
1919
1850
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1920
- readonly property: {
1921
- readonly physical: "maxWidth";
1922
- readonly logical: "maxInlineSize";
1923
- };
1924
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1851
+ readonly property: "maxWidth";
1925
1852
  readonly transform: (value: string | number) => string | 0;
1926
1853
  }>;
1927
1854
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1928
- readonly property: {
1929
- readonly physical: "minHeight";
1930
- readonly logical: "minBlockSize";
1931
- };
1932
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1855
+ readonly property: "minHeight";
1933
1856
  readonly transform: (value: string | number) => string | 0;
1934
1857
  }>;
1935
1858
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1936
- readonly property: {
1937
- readonly physical: "minWidth";
1938
- readonly logical: "minInlineSize";
1939
- };
1940
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1859
+ readonly property: "minWidth";
1941
1860
  readonly transform: (value: string | number) => string | 0;
1942
1861
  }>;
1943
1862
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
package/dist/Form/elements/Form.d.ts CHANGED
@@ -13,19 +13,11 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
13
13
  readonly scale: "spacing";
14
14
  }>;
15
15
  height?: import("@codecademy/variance/dist/types/config").Scale<{
16
- readonly property: {
17
- readonly physical: "height";
18
- readonly logical: "blockSize";
19
- };
20
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
16
+ readonly property: "height";
21
17
  readonly transform: (value: string | number) => string | 0;
22
18
  }>;
23
19
  width?: import("@codecademy/variance/dist/types/config").Scale<{
24
- readonly property: {
25
- readonly physical: "width";
26
- readonly logical: "inlineSize";
27
- };
28
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
20
+ readonly property: "width";
29
21
  readonly transform: (value: string | number) => string | 0;
30
22
  }>;
31
23
  alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | undefined;
@@ -42,9 +34,6 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
42
34
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
43
35
  readonly property: "containerType";
44
36
  }>;
45
- direction?: import("@codecademy/variance/dist/types/config").Scale<{
46
- readonly property: "direction";
47
- }>;
48
37
  display?: import("@codecademy/variance/dist/types/config").Scale<{
49
38
  readonly property: "display";
50
39
  }>;
@@ -87,35 +76,19 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
87
76
  readonly transform: (value: string | number) => string | 0;
88
77
  }>;
89
78
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
90
- readonly property: {
91
- readonly physical: "maxHeight";
92
- readonly logical: "maxBlockSize";
93
- };
94
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
79
+ readonly property: "maxHeight";
95
80
  readonly transform: (value: string | number) => string | 0;
96
81
  }>;
97
82
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
98
- readonly property: {
99
- readonly physical: "maxWidth";
100
- readonly logical: "maxInlineSize";
101
- };
102
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
83
+ readonly property: "maxWidth";
103
84
  readonly transform: (value: string | number) => string | 0;
104
85
  }>;
105
86
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
106
- readonly property: {
107
- readonly physical: "minHeight";
108
- readonly logical: "minBlockSize";
109
- };
110
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
87
+ readonly property: "minHeight";
111
88
  readonly transform: (value: string | number) => string | 0;
112
89
  }>;
113
90
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
114
- readonly property: {
115
- readonly physical: "minWidth";
116
- readonly logical: "minInlineSize";
117
- };
118
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
91
+ readonly property: "minWidth";
119
92
  readonly transform: (value: string | number) => string | 0;
120
93
  }>;
121
94
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts CHANGED
@@ -221,59 +221,32 @@ declare const hrProps: import("@codecademy/variance/dist/types/config").Parser<i
221
221
  readonly transform: (value: string | number) => string | 0;
222
222
  };
223
223
  readonly width: {
224
- readonly property: {
225
- readonly physical: "width";
226
- readonly logical: "inlineSize";
227
- };
228
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
224
+ readonly property: "width";
229
225
  readonly transform: (value: string | number) => string | 0;
230
226
  };
231
227
  readonly minWidth: {
232
- readonly property: {
233
- readonly physical: "minWidth";
234
- readonly logical: "minInlineSize";
235
- };
236
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
228
+ readonly property: "minWidth";
237
229
  readonly transform: (value: string | number) => string | 0;
238
230
  };
239
231
  readonly maxWidth: {
240
- readonly property: {
241
- readonly physical: "maxWidth";
242
- readonly logical: "maxInlineSize";
243
- };
244
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
232
+ readonly property: "maxWidth";
245
233
  readonly transform: (value: string | number) => string | 0;
246
234
  };
247
235
  readonly height: {
248
- readonly property: {
249
- readonly physical: "height";
250
- readonly logical: "blockSize";
251
- };
252
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
236
+ readonly property: "height";
253
237
  readonly transform: (value: string | number) => string | 0;
254
238
  };
255
239
  readonly minHeight: {
256
- readonly property: {
257
- readonly physical: "minHeight";
258
- readonly logical: "minBlockSize";
259
- };
260
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
240
+ readonly property: "minHeight";
261
241
  readonly transform: (value: string | number) => string | 0;
262
242
  };
263
243
  readonly maxHeight: {
264
- readonly property: {
265
- readonly physical: "maxHeight";
266
- readonly logical: "maxBlockSize";
267
- };
268
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
244
+ readonly property: "maxHeight";
269
245
  readonly transform: (value: string | number) => string | 0;
270
246
  };
271
247
  readonly verticalAlign: {
272
248
  readonly property: "verticalAlign";
273
249
  };
274
- readonly direction: {
275
- readonly property: "direction";
276
- };
277
250
  }>>]>>;
278
251
  export interface HrProps extends StyleProps<typeof hrProps> {
279
252
  }