@codecademy/gamut 68.0.1-alpha.5b7e3d.0 → 68.0.1-alpha.7afb48.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 (53) hide show
  1. package/dist/Anchor/index.d.ts +12 -60
  2. package/dist/Badge/index.d.ts +14 -74
  3. package/dist/BarChart/BarChartProvider.d.ts +19 -0
  4. package/dist/BarChart/BarChartProvider.js +31 -0
  5. package/dist/BarChart/BarRow/elements.d.ts +713 -0
  6. package/dist/BarChart/BarRow/elements.js +89 -0
  7. package/dist/BarChart/BarRow/index.d.ts +26 -0
  8. package/dist/BarChart/BarRow/index.js +254 -0
  9. package/dist/BarChart/GENERIC_EXAMPLE.d.ts +14 -0
  10. package/dist/BarChart/GENERIC_EXAMPLE.js +333 -0
  11. package/dist/BarChart/index.d.ts +4 -0
  12. package/dist/BarChart/index.js +158 -0
  13. package/dist/BarChart/layout/GridLines.d.ts +7 -0
  14. package/dist/BarChart/layout/GridLines.js +78 -0
  15. package/dist/BarChart/layout/ScaleChartHeader.d.ts +10 -0
  16. package/dist/BarChart/layout/ScaleChartHeader.js +89 -0
  17. package/dist/BarChart/layout/VerticalSpacer.d.ts +6 -0
  18. package/dist/BarChart/layout/VerticalSpacer.js +56 -0
  19. package/dist/BarChart/shared/elements.d.ts +7 -0
  20. package/dist/BarChart/shared/elements.js +12 -0
  21. package/dist/BarChart/shared/styles.d.ts +4 -0
  22. package/dist/BarChart/shared/styles.js +4 -0
  23. package/dist/BarChart/shared/translations.d.ts +17 -0
  24. package/dist/BarChart/shared/translations.js +16 -0
  25. package/dist/BarChart/shared/types.d.ts +88 -0
  26. package/dist/BarChart/shared/types.js +1 -0
  27. package/dist/BarChart/utils/hooks.d.ts +93 -0
  28. package/dist/BarChart/utils/hooks.js +301 -0
  29. package/dist/BarChart/utils/index.d.ts +86 -0
  30. package/dist/BarChart/utils/index.js +165 -0
  31. package/dist/Box/props.d.ts +40 -204
  32. package/dist/Button/shared/styles.d.ts +38 -190
  33. package/dist/Card/elements.d.ts +120 -612
  34. package/dist/ConnectedForm/utils.d.ts +1 -1
  35. package/dist/Form/SelectDropdown/styles.d.ts +1 -1
  36. package/dist/Form/elements/Form.d.ts +39 -191
  37. package/dist/Form/elements/FormGroupLabel.js +2 -2
  38. package/dist/Form/inputs/Select.js +6 -5
  39. package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +28 -144
  40. package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +6 -30
  41. package/dist/Layout/Column.d.ts +12 -60
  42. package/dist/Layout/LayoutGrid.d.ts +12 -60
  43. package/dist/List/elements.d.ts +53 -265
  44. package/dist/Menu/elements.d.ts +40 -204
  45. package/dist/Pagination/AnimatedPaginationButtons.d.ts +38 -190
  46. package/dist/Pagination/utils.d.ts +38 -190
  47. package/dist/Tabs/props.d.ts +12 -60
  48. package/dist/Tag/types.d.ts +12 -60
  49. package/dist/Toggle/elements.d.ts +26 -134
  50. package/dist/Typography/Text.d.ts +14 -74
  51. package/dist/index.d.ts +1 -0
  52. package/dist/index.js +1 -0
  53. package/package.json +7 -7
@@ -129,53 +129,29 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
129
129
  };
130
130
  readonly px: {
131
131
  readonly property: "padding";
132
- readonly properties: {
133
- readonly physical: readonly ["paddingLeft", "paddingRight"];
134
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
135
- };
132
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
136
133
  readonly scale: "spacing";
137
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
138
134
  };
139
135
  readonly py: {
140
136
  readonly property: "padding";
141
- readonly properties: {
142
- readonly physical: readonly ["paddingTop", "paddingBottom"];
143
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
144
- };
137
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
145
138
  readonly scale: "spacing";
146
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
147
139
  };
148
140
  readonly pt: {
149
- readonly property: {
150
- readonly physical: "paddingTop";
151
- readonly logical: "paddingBlockStart";
152
- };
141
+ readonly property: "paddingTop";
153
142
  readonly scale: "spacing";
154
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
155
143
  };
156
144
  readonly pb: {
157
- readonly property: {
158
- readonly physical: "paddingBottom";
159
- readonly logical: "paddingBlockEnd";
160
- };
145
+ readonly property: "paddingBottom";
161
146
  readonly scale: "spacing";
162
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
163
147
  };
164
148
  readonly pr: {
165
- readonly property: {
166
- readonly physical: "paddingRight";
167
- readonly logical: "paddingInlineEnd";
168
- };
149
+ readonly property: "paddingRight";
169
150
  readonly scale: "spacing";
170
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
171
151
  };
172
152
  readonly pl: {
173
- readonly property: {
174
- readonly physical: "paddingLeft";
175
- readonly logical: "paddingInlineStart";
176
- };
153
+ readonly property: "paddingLeft";
177
154
  readonly scale: "spacing";
178
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
179
155
  };
180
156
  readonly m: {
181
157
  readonly property: "margin";
@@ -183,53 +159,29 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
183
159
  };
184
160
  readonly mx: {
185
161
  readonly property: "margin";
186
- readonly properties: {
187
- readonly physical: readonly ["marginLeft", "marginRight"];
188
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
189
- };
190
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
162
+ readonly properties: readonly ["marginLeft", "marginRight"];
191
163
  readonly scale: "spacing";
192
164
  };
193
165
  readonly my: {
194
166
  readonly property: "margin";
195
- readonly properties: {
196
- readonly physical: readonly ["marginTop", "marginBottom"];
197
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
198
- };
199
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
167
+ readonly properties: readonly ["marginTop", "marginBottom"];
200
168
  readonly scale: "spacing";
201
169
  };
202
170
  readonly mt: {
203
- readonly property: {
204
- readonly physical: "marginTop";
205
- readonly logical: "marginBlockStart";
206
- };
171
+ readonly property: "marginTop";
207
172
  readonly scale: "spacing";
208
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
209
173
  };
210
174
  readonly mb: {
211
- readonly property: {
212
- readonly physical: "marginBottom";
213
- readonly logical: "marginBlockEnd";
214
- };
175
+ readonly property: "marginBottom";
215
176
  readonly scale: "spacing";
216
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
217
177
  };
218
178
  readonly mr: {
219
- readonly property: {
220
- readonly physical: "marginRight";
221
- readonly logical: "marginInlineEnd";
222
- };
179
+ readonly property: "marginRight";
223
180
  readonly scale: "spacing";
224
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
225
181
  };
226
182
  readonly ml: {
227
- readonly property: {
228
- readonly physical: "marginLeft";
229
- readonly logical: "marginInlineStart";
230
- };
183
+ readonly property: "marginLeft";
231
184
  readonly scale: "spacing";
232
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
233
185
  };
234
186
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
235
187
  readonly border: {
@@ -238,52 +190,28 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
238
190
  };
239
191
  readonly borderX: {
240
192
  readonly property: "border";
241
- readonly properties: {
242
- readonly physical: readonly ["borderLeft", "borderRight"];
243
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
244
- };
245
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
193
+ readonly properties: readonly ["borderLeft", "borderRight"];
246
194
  readonly scale: "borders";
247
195
  };
248
196
  readonly borderY: {
249
197
  readonly property: "border";
250
- readonly properties: {
251
- readonly physical: readonly ["borderTop", "borderBottom"];
252
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
253
- };
254
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
198
+ readonly properties: readonly ["borderTop", "borderBottom"];
255
199
  readonly scale: "borders";
256
200
  };
257
201
  readonly borderTop: {
258
- readonly property: {
259
- readonly physical: "borderTop";
260
- readonly logical: "borderBlockStart";
261
- };
262
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
202
+ readonly property: "borderTop";
263
203
  readonly scale: "borders";
264
204
  };
265
205
  readonly borderRight: {
266
- readonly property: {
267
- readonly physical: "borderRight";
268
- readonly logical: "borderInlineEnd";
269
- };
270
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
206
+ readonly property: "borderRight";
271
207
  readonly scale: "borders";
272
208
  };
273
209
  readonly borderBottom: {
274
- readonly property: {
275
- readonly physical: "borderBottom";
276
- readonly logical: "borderBlockEnd";
277
- };
278
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
210
+ readonly property: "borderBottom";
279
211
  readonly scale: "borders";
280
212
  };
281
213
  readonly borderLeft: {
282
- readonly property: {
283
- readonly physical: "borderLeft";
284
- readonly logical: "borderInlineStart";
285
- };
286
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
214
+ readonly property: "borderLeft";
287
215
  readonly scale: "borders";
288
216
  };
289
217
  readonly borderWidth: {
@@ -291,47 +219,23 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
291
219
  };
292
220
  readonly borderWidthX: {
293
221
  readonly property: "borderWidth";
294
- readonly properties: {
295
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
296
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
297
- };
298
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
222
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
299
223
  };
300
224
  readonly borderWidthY: {
301
225
  readonly property: "borderWidth";
302
- readonly properties: {
303
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
304
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
305
- };
306
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
226
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
307
227
  };
308
228
  readonly borderWidthLeft: {
309
- readonly property: {
310
- readonly physical: "borderLeftWidth";
311
- readonly logical: "borderInlineStartWidth";
312
- };
313
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
229
+ readonly property: "borderLeftWidth";
314
230
  };
315
231
  readonly borderWidthRight: {
316
- readonly property: {
317
- readonly physical: "borderRightWidth";
318
- readonly logical: "borderInlineEndWidth";
319
- };
320
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
232
+ readonly property: "borderRightWidth";
321
233
  };
322
234
  readonly borderWidthTop: {
323
- readonly property: {
324
- readonly physical: "borderTopWidth";
325
- readonly logical: "borderBlockStartWidth";
326
- };
327
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
235
+ readonly property: "borderTopWidth";
328
236
  };
329
237
  readonly borderWidthBottom: {
330
- readonly property: {
331
- readonly physical: "borderBottomWidth";
332
- readonly logical: "borderBlockEndWidth";
333
- };
334
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
238
+ readonly property: "borderBottomWidth";
335
239
  };
336
240
  readonly borderRadius: {
337
241
  readonly property: "borderRadius";
@@ -339,70 +243,38 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
339
243
  };
340
244
  readonly borderRadiusLeft: {
341
245
  readonly property: "borderRadius";
342
- readonly properties: {
343
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
344
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
345
- };
346
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
246
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
347
247
  readonly scale: "borderRadii";
348
248
  };
349
249
  readonly borderRadiusTop: {
350
250
  readonly property: "borderRadius";
351
- readonly properties: {
352
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
353
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
354
- };
355
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
251
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
356
252
  readonly scale: "borderRadii";
357
253
  };
358
254
  readonly borderRadiusBottom: {
359
255
  readonly property: "borderRadius";
360
- readonly properties: {
361
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
362
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
363
- };
364
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
256
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
365
257
  readonly scale: "borderRadii";
366
258
  };
367
259
  readonly borderRadiusRight: {
368
260
  readonly property: "borderRadius";
369
- readonly properties: {
370
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
371
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
372
- };
373
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
261
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
374
262
  readonly scale: "borderRadii";
375
263
  };
376
264
  readonly borderRadiusTopLeft: {
377
- readonly property: {
378
- readonly physical: "borderTopLeftRadius";
379
- readonly logical: "borderStartStartRadius";
380
- };
381
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
265
+ readonly property: "borderTopLeftRadius";
382
266
  readonly scale: "borderRadii";
383
267
  };
384
268
  readonly borderRadiusTopRight: {
385
- readonly property: {
386
- readonly physical: "borderTopRightRadius";
387
- readonly logical: "borderStartEndRadius";
388
- };
389
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
269
+ readonly property: "borderTopRightRadius";
390
270
  readonly scale: "borderRadii";
391
271
  };
392
272
  readonly borderRadiusBottomRight: {
393
- readonly property: {
394
- readonly physical: "borderBottomRightRadius";
395
- readonly logical: "borderEndEndRadius";
396
- };
397
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
273
+ readonly property: "borderBottomRightRadius";
398
274
  readonly scale: "borderRadii";
399
275
  };
400
276
  readonly borderRadiusBottomLeft: {
401
- readonly property: {
402
- readonly physical: "borderBottomLeftRadius";
403
- readonly logical: "borderEndStartRadius";
404
- };
405
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
277
+ readonly property: "borderBottomLeftRadius";
406
278
  readonly scale: "borderRadii";
407
279
  };
408
280
  readonly borderStyle: {
@@ -410,47 +282,23 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
410
282
  };
411
283
  readonly borderStyleX: {
412
284
  readonly property: "borderStyle";
413
- readonly properties: {
414
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
415
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
416
- };
417
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
285
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
418
286
  };
419
287
  readonly borderStyleY: {
420
288
  readonly property: "borderStyle";
421
- readonly properties: {
422
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
423
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
424
- };
425
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
289
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
426
290
  };
427
291
  readonly borderStyleLeft: {
428
- readonly property: {
429
- readonly physical: "borderLeftStyle";
430
- readonly logical: "borderInlineStartStyle";
431
- };
432
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
292
+ readonly property: "borderLeftStyle";
433
293
  };
434
294
  readonly borderStyleRight: {
435
- readonly property: {
436
- readonly physical: "borderRightStyle";
437
- readonly logical: "borderInlineEndStyle";
438
- };
439
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
295
+ readonly property: "borderRightStyle";
440
296
  };
441
297
  readonly borderStyleTop: {
442
- readonly property: {
443
- readonly physical: "borderTopStyle";
444
- readonly logical: "borderBlockStartStyle";
445
- };
446
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
298
+ readonly property: "borderTopStyle";
447
299
  };
448
300
  readonly borderStyleBottom: {
449
- readonly property: {
450
- readonly physical: "borderBottomStyle";
451
- readonly logical: "borderBlockEndStyle";
452
- };
453
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
301
+ readonly property: "borderBottomStyle";
454
302
  };
455
303
  }>>]>>;
456
304
  export declare const templateVariants: <Variant extends string, Styles>(variants: readonly Variant[], template: (colors: Variant) => Styles) => (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", unknown> & {