@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
@@ -133,53 +133,29 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
133
133
  };
134
134
  readonly px: {
135
135
  readonly property: "padding";
136
- readonly properties: {
137
- readonly physical: readonly ["paddingLeft", "paddingRight"];
138
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
139
- };
136
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
140
137
  readonly scale: "spacing";
141
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
142
138
  };
143
139
  readonly py: {
144
140
  readonly property: "padding";
145
- readonly properties: {
146
- readonly physical: readonly ["paddingTop", "paddingBottom"];
147
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
148
- };
141
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
149
142
  readonly scale: "spacing";
150
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
151
143
  };
152
144
  readonly pt: {
153
- readonly property: {
154
- readonly physical: "paddingTop";
155
- readonly logical: "paddingBlockStart";
156
- };
145
+ readonly property: "paddingTop";
157
146
  readonly scale: "spacing";
158
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
159
147
  };
160
148
  readonly pb: {
161
- readonly property: {
162
- readonly physical: "paddingBottom";
163
- readonly logical: "paddingBlockEnd";
164
- };
149
+ readonly property: "paddingBottom";
165
150
  readonly scale: "spacing";
166
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
167
151
  };
168
152
  readonly pr: {
169
- readonly property: {
170
- readonly physical: "paddingRight";
171
- readonly logical: "paddingInlineEnd";
172
- };
153
+ readonly property: "paddingRight";
173
154
  readonly scale: "spacing";
174
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
175
155
  };
176
156
  readonly pl: {
177
- readonly property: {
178
- readonly physical: "paddingLeft";
179
- readonly logical: "paddingInlineStart";
180
- };
157
+ readonly property: "paddingLeft";
181
158
  readonly scale: "spacing";
182
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
183
159
  };
184
160
  readonly m: {
185
161
  readonly property: "margin";
@@ -187,53 +163,29 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
187
163
  };
188
164
  readonly mx: {
189
165
  readonly property: "margin";
190
- readonly properties: {
191
- readonly physical: readonly ["marginLeft", "marginRight"];
192
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
193
- };
194
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
166
+ readonly properties: readonly ["marginLeft", "marginRight"];
195
167
  readonly scale: "spacing";
196
168
  };
197
169
  readonly my: {
198
170
  readonly property: "margin";
199
- readonly properties: {
200
- readonly physical: readonly ["marginTop", "marginBottom"];
201
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
202
- };
203
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
171
+ readonly properties: readonly ["marginTop", "marginBottom"];
204
172
  readonly scale: "spacing";
205
173
  };
206
174
  readonly mt: {
207
- readonly property: {
208
- readonly physical: "marginTop";
209
- readonly logical: "marginBlockStart";
210
- };
175
+ readonly property: "marginTop";
211
176
  readonly scale: "spacing";
212
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
213
177
  };
214
178
  readonly mb: {
215
- readonly property: {
216
- readonly physical: "marginBottom";
217
- readonly logical: "marginBlockEnd";
218
- };
179
+ readonly property: "marginBottom";
219
180
  readonly scale: "spacing";
220
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
221
181
  };
222
182
  readonly mr: {
223
- readonly property: {
224
- readonly physical: "marginRight";
225
- readonly logical: "marginInlineEnd";
226
- };
183
+ readonly property: "marginRight";
227
184
  readonly scale: "spacing";
228
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
229
185
  };
230
186
  readonly ml: {
231
- readonly property: {
232
- readonly physical: "marginLeft";
233
- readonly logical: "marginInlineStart";
234
- };
187
+ readonly property: "marginLeft";
235
188
  readonly scale: "spacing";
236
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
237
189
  };
238
190
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
239
191
  readonly position: {
@@ -273,52 +225,28 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
273
225
  };
274
226
  readonly borderX: {
275
227
  readonly property: "border";
276
- readonly properties: {
277
- readonly physical: readonly ["borderLeft", "borderRight"];
278
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
279
- };
280
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
228
+ readonly properties: readonly ["borderLeft", "borderRight"];
281
229
  readonly scale: "borders";
282
230
  };
283
231
  readonly borderY: {
284
232
  readonly property: "border";
285
- readonly properties: {
286
- readonly physical: readonly ["borderTop", "borderBottom"];
287
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
288
- };
289
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
233
+ readonly properties: readonly ["borderTop", "borderBottom"];
290
234
  readonly scale: "borders";
291
235
  };
292
236
  readonly borderTop: {
293
- readonly property: {
294
- readonly physical: "borderTop";
295
- readonly logical: "borderBlockStart";
296
- };
297
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
237
+ readonly property: "borderTop";
298
238
  readonly scale: "borders";
299
239
  };
300
240
  readonly borderRight: {
301
- readonly property: {
302
- readonly physical: "borderRight";
303
- readonly logical: "borderInlineEnd";
304
- };
305
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
241
+ readonly property: "borderRight";
306
242
  readonly scale: "borders";
307
243
  };
308
244
  readonly borderBottom: {
309
- readonly property: {
310
- readonly physical: "borderBottom";
311
- readonly logical: "borderBlockEnd";
312
- };
313
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
245
+ readonly property: "borderBottom";
314
246
  readonly scale: "borders";
315
247
  };
316
248
  readonly borderLeft: {
317
- readonly property: {
318
- readonly physical: "borderLeft";
319
- readonly logical: "borderInlineStart";
320
- };
321
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
249
+ readonly property: "borderLeft";
322
250
  readonly scale: "borders";
323
251
  };
324
252
  readonly borderWidth: {
@@ -326,47 +254,23 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
326
254
  };
327
255
  readonly borderWidthX: {
328
256
  readonly property: "borderWidth";
329
- readonly properties: {
330
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
331
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
332
- };
333
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
257
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
334
258
  };
335
259
  readonly borderWidthY: {
336
260
  readonly property: "borderWidth";
337
- readonly properties: {
338
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
339
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
340
- };
341
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
261
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
342
262
  };
343
263
  readonly borderWidthLeft: {
344
- readonly property: {
345
- readonly physical: "borderLeftWidth";
346
- readonly logical: "borderInlineStartWidth";
347
- };
348
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
264
+ readonly property: "borderLeftWidth";
349
265
  };
350
266
  readonly borderWidthRight: {
351
- readonly property: {
352
- readonly physical: "borderRightWidth";
353
- readonly logical: "borderInlineEndWidth";
354
- };
355
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
267
+ readonly property: "borderRightWidth";
356
268
  };
357
269
  readonly borderWidthTop: {
358
- readonly property: {
359
- readonly physical: "borderTopWidth";
360
- readonly logical: "borderBlockStartWidth";
361
- };
362
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
270
+ readonly property: "borderTopWidth";
363
271
  };
364
272
  readonly borderWidthBottom: {
365
- readonly property: {
366
- readonly physical: "borderBottomWidth";
367
- readonly logical: "borderBlockEndWidth";
368
- };
369
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
273
+ readonly property: "borderBottomWidth";
370
274
  };
371
275
  readonly borderRadius: {
372
276
  readonly property: "borderRadius";
@@ -374,70 +278,38 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
374
278
  };
375
279
  readonly borderRadiusLeft: {
376
280
  readonly property: "borderRadius";
377
- readonly properties: {
378
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
379
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
380
- };
381
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
281
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
382
282
  readonly scale: "borderRadii";
383
283
  };
384
284
  readonly borderRadiusTop: {
385
285
  readonly property: "borderRadius";
386
- readonly properties: {
387
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
388
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
389
- };
390
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
286
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
391
287
  readonly scale: "borderRadii";
392
288
  };
393
289
  readonly borderRadiusBottom: {
394
290
  readonly property: "borderRadius";
395
- readonly properties: {
396
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
397
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
398
- };
399
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
291
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
400
292
  readonly scale: "borderRadii";
401
293
  };
402
294
  readonly borderRadiusRight: {
403
295
  readonly property: "borderRadius";
404
- readonly properties: {
405
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
406
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
407
- };
408
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
296
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
409
297
  readonly scale: "borderRadii";
410
298
  };
411
299
  readonly borderRadiusTopLeft: {
412
- readonly property: {
413
- readonly physical: "borderTopLeftRadius";
414
- readonly logical: "borderStartStartRadius";
415
- };
416
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
300
+ readonly property: "borderTopLeftRadius";
417
301
  readonly scale: "borderRadii";
418
302
  };
419
303
  readonly borderRadiusTopRight: {
420
- readonly property: {
421
- readonly physical: "borderTopRightRadius";
422
- readonly logical: "borderStartEndRadius";
423
- };
424
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
304
+ readonly property: "borderTopRightRadius";
425
305
  readonly scale: "borderRadii";
426
306
  };
427
307
  readonly borderRadiusBottomRight: {
428
- readonly property: {
429
- readonly physical: "borderBottomRightRadius";
430
- readonly logical: "borderEndEndRadius";
431
- };
432
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
308
+ readonly property: "borderBottomRightRadius";
433
309
  readonly scale: "borderRadii";
434
310
  };
435
311
  readonly borderRadiusBottomLeft: {
436
- readonly property: {
437
- readonly physical: "borderBottomLeftRadius";
438
- readonly logical: "borderEndStartRadius";
439
- };
440
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
312
+ readonly property: "borderBottomLeftRadius";
441
313
  readonly scale: "borderRadii";
442
314
  };
443
315
  readonly borderStyle: {
@@ -445,47 +317,23 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
445
317
  };
446
318
  readonly borderStyleX: {
447
319
  readonly property: "borderStyle";
448
- readonly properties: {
449
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
450
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
451
- };
452
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
320
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
453
321
  };
454
322
  readonly borderStyleY: {
455
323
  readonly property: "borderStyle";
456
- readonly properties: {
457
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
458
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
459
- };
460
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
324
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
461
325
  };
462
326
  readonly borderStyleLeft: {
463
- readonly property: {
464
- readonly physical: "borderLeftStyle";
465
- readonly logical: "borderInlineStartStyle";
466
- };
467
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
327
+ readonly property: "borderLeftStyle";
468
328
  };
469
329
  readonly borderStyleRight: {
470
- readonly property: {
471
- readonly physical: "borderRightStyle";
472
- readonly logical: "borderInlineEndStyle";
473
- };
474
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
330
+ readonly property: "borderRightStyle";
475
331
  };
476
332
  readonly borderStyleTop: {
477
- readonly property: {
478
- readonly physical: "borderTopStyle";
479
- readonly logical: "borderBlockStartStyle";
480
- };
481
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
333
+ readonly property: "borderTopStyle";
482
334
  };
483
335
  readonly borderStyleBottom: {
484
- readonly property: {
485
- readonly physical: "borderBottomStyle";
486
- readonly logical: "borderBlockEndStyle";
487
- };
488
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
336
+ readonly property: "borderBottomStyle";
489
337
  };
490
338
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
491
339
  readonly color: {
@@ -506,40 +354,28 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
506
354
  };
507
355
  readonly borderColorX: {
508
356
  readonly property: "borderColor";
509
- readonly properties: {
510
- readonly physical: readonly ["borderLeftColor", "borderRightColor"];
511
- readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
512
- };
513
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
357
+ readonly properties: readonly ["borderLeftColor", "borderRightColor"];
514
358
  readonly scale: "colors";
515
359
  };
516
360
  readonly borderColorY: {
517
361
  readonly property: "borderColor";
518
- readonly properties: {
519
- readonly physical: readonly ["borderTopColor", "borderBottomColor"];
520
- readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
521
- };
522
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
362
+ readonly properties: readonly ["borderTopColor", "borderBottomColor"];
523
363
  readonly scale: "colors";
524
364
  };
525
365
  readonly borderColorLeft: {
526
366
  readonly property: "borderLeftColor";
527
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
528
367
  readonly scale: "colors";
529
368
  };
530
369
  readonly borderColorRight: {
531
370
  readonly property: "borderRightColor";
532
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
533
371
  readonly scale: "colors";
534
372
  };
535
373
  readonly borderColorTop: {
536
374
  readonly property: "borderTopColor";
537
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
538
375
  readonly scale: "colors";
539
376
  };
540
377
  readonly borderColorBottom: {
541
378
  readonly property: "borderBottomColor";
542
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
543
379
  readonly scale: "colors";
544
380
  };
545
381
  }>>]>>;