@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
@@ -369,19 +369,11 @@ export declare const AnimatedFadeButton: (props: {
369
369
  readonly property: "zIndex";
370
370
  }>;
371
371
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
372
- readonly property: {
373
- readonly physical: "borderBottom";
374
- readonly logical: "borderBlockEnd";
375
- };
376
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
372
+ readonly property: "borderBottom";
377
373
  readonly scale: "borders";
378
374
  }>;
379
375
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
380
- readonly property: {
381
- readonly physical: "borderLeft";
382
- readonly logical: "borderInlineStart";
383
- };
384
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
376
+ readonly property: "borderLeft";
385
377
  readonly scale: "borders";
386
378
  }>;
387
379
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -389,22 +381,14 @@ export declare const AnimatedFadeButton: (props: {
389
381
  readonly scale: "borderRadii";
390
382
  }>;
391
383
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
392
- readonly property: {
393
- readonly physical: "borderRight";
394
- readonly logical: "borderInlineEnd";
395
- };
396
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
384
+ readonly property: "borderRight";
397
385
  readonly scale: "borders";
398
386
  }>;
399
387
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
400
388
  readonly property: "borderStyle";
401
389
  }>;
402
390
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
403
- readonly property: {
404
- readonly physical: "borderTop";
405
- readonly logical: "borderBlockStart";
406
- };
407
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
391
+ readonly property: "borderTop";
408
392
  readonly scale: "borders";
409
393
  }>;
410
394
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -434,53 +418,29 @@ export declare const AnimatedFadeButton: (props: {
434
418
  ellipsis?: boolean | undefined;
435
419
  px?: import("@codecademy/variance/dist/types/config").Scale<{
436
420
  readonly property: "padding";
437
- readonly properties: {
438
- readonly physical: readonly ["paddingLeft", "paddingRight"];
439
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
440
- };
421
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
441
422
  readonly scale: "spacing";
442
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
443
423
  }>;
444
424
  py?: import("@codecademy/variance/dist/types/config").Scale<{
445
425
  readonly property: "padding";
446
- readonly properties: {
447
- readonly physical: readonly ["paddingTop", "paddingBottom"];
448
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
449
- };
426
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
450
427
  readonly scale: "spacing";
451
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
452
428
  }>;
453
429
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
454
- readonly property: {
455
- readonly physical: "paddingTop";
456
- readonly logical: "paddingBlockStart";
457
- };
430
+ readonly property: "paddingTop";
458
431
  readonly scale: "spacing";
459
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
460
432
  }>;
461
433
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
462
- readonly property: {
463
- readonly physical: "paddingBottom";
464
- readonly logical: "paddingBlockEnd";
465
- };
434
+ readonly property: "paddingBottom";
466
435
  readonly scale: "spacing";
467
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
468
436
  }>;
469
437
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
470
- readonly property: {
471
- readonly physical: "paddingRight";
472
- readonly logical: "paddingInlineEnd";
473
- };
438
+ readonly property: "paddingRight";
474
439
  readonly scale: "spacing";
475
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
476
440
  }>;
477
441
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
478
- readonly property: {
479
- readonly physical: "paddingLeft";
480
- readonly logical: "paddingInlineStart";
481
- };
442
+ readonly property: "paddingLeft";
482
443
  readonly scale: "spacing";
483
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
484
444
  }>;
485
445
  m?: import("@codecademy/variance/dist/types/config").Scale<{
486
446
  readonly property: "margin";
@@ -488,227 +448,115 @@ export declare const AnimatedFadeButton: (props: {
488
448
  }>;
489
449
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
490
450
  readonly property: "margin";
491
- readonly properties: {
492
- readonly physical: readonly ["marginLeft", "marginRight"];
493
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
494
- };
495
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
451
+ readonly properties: readonly ["marginLeft", "marginRight"];
496
452
  readonly scale: "spacing";
497
453
  }>;
498
454
  my?: import("@codecademy/variance/dist/types/config").Scale<{
499
455
  readonly property: "margin";
500
- readonly properties: {
501
- readonly physical: readonly ["marginTop", "marginBottom"];
502
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
503
- };
504
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
456
+ readonly properties: readonly ["marginTop", "marginBottom"];
505
457
  readonly scale: "spacing";
506
458
  }>;
507
459
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
508
- readonly property: {
509
- readonly physical: "marginTop";
510
- readonly logical: "marginBlockStart";
511
- };
460
+ readonly property: "marginTop";
512
461
  readonly scale: "spacing";
513
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
514
462
  }>;
515
463
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
516
- readonly property: {
517
- readonly physical: "marginBottom";
518
- readonly logical: "marginBlockEnd";
519
- };
464
+ readonly property: "marginBottom";
520
465
  readonly scale: "spacing";
521
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
522
466
  }>;
523
467
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
524
- readonly property: {
525
- readonly physical: "marginRight";
526
- readonly logical: "marginInlineEnd";
527
- };
468
+ readonly property: "marginRight";
528
469
  readonly scale: "spacing";
529
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
530
470
  }>;
531
471
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
532
- readonly property: {
533
- readonly physical: "marginLeft";
534
- readonly logical: "marginInlineStart";
535
- };
472
+ readonly property: "marginLeft";
536
473
  readonly scale: "spacing";
537
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
538
474
  }>;
539
475
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
540
476
  readonly property: "border";
541
- readonly properties: {
542
- readonly physical: readonly ["borderLeft", "borderRight"];
543
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
544
- };
545
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
477
+ readonly properties: readonly ["borderLeft", "borderRight"];
546
478
  readonly scale: "borders";
547
479
  }>;
548
480
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
549
481
  readonly property: "border";
550
- readonly properties: {
551
- readonly physical: readonly ["borderTop", "borderBottom"];
552
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
553
- };
554
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
482
+ readonly properties: readonly ["borderTop", "borderBottom"];
555
483
  readonly scale: "borders";
556
484
  }>;
557
485
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
558
486
  readonly property: "borderWidth";
559
- readonly properties: {
560
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
561
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
562
- };
563
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
487
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
564
488
  }>;
565
489
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
566
490
  readonly property: "borderWidth";
567
- readonly properties: {
568
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
569
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
570
- };
571
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
491
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
572
492
  }>;
573
493
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
574
- readonly property: {
575
- readonly physical: "borderLeftWidth";
576
- readonly logical: "borderInlineStartWidth";
577
- };
578
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
494
+ readonly property: "borderLeftWidth";
579
495
  }>;
580
496
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
581
- readonly property: {
582
- readonly physical: "borderRightWidth";
583
- readonly logical: "borderInlineEndWidth";
584
- };
585
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
497
+ readonly property: "borderRightWidth";
586
498
  }>;
587
499
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
588
- readonly property: {
589
- readonly physical: "borderTopWidth";
590
- readonly logical: "borderBlockStartWidth";
591
- };
592
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
500
+ readonly property: "borderTopWidth";
593
501
  }>;
594
502
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
595
- readonly property: {
596
- readonly physical: "borderBottomWidth";
597
- readonly logical: "borderBlockEndWidth";
598
- };
599
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
503
+ readonly property: "borderBottomWidth";
600
504
  }>;
601
505
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
602
506
  readonly property: "borderRadius";
603
- readonly properties: {
604
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
605
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
606
- };
607
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
507
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
608
508
  readonly scale: "borderRadii";
609
509
  }>;
610
510
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
611
511
  readonly property: "borderRadius";
612
- readonly properties: {
613
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
614
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
615
- };
616
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
512
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
617
513
  readonly scale: "borderRadii";
618
514
  }>;
619
515
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
620
516
  readonly property: "borderRadius";
621
- readonly properties: {
622
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
623
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
624
- };
625
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
517
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
626
518
  readonly scale: "borderRadii";
627
519
  }>;
628
520
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
629
521
  readonly property: "borderRadius";
630
- readonly properties: {
631
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
632
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
633
- };
634
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
522
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
635
523
  readonly scale: "borderRadii";
636
524
  }>;
637
525
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
638
- readonly property: {
639
- readonly physical: "borderTopLeftRadius";
640
- readonly logical: "borderStartStartRadius";
641
- };
642
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
526
+ readonly property: "borderTopLeftRadius";
643
527
  readonly scale: "borderRadii";
644
528
  }>;
645
529
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
646
- readonly property: {
647
- readonly physical: "borderTopRightRadius";
648
- readonly logical: "borderStartEndRadius";
649
- };
650
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
530
+ readonly property: "borderTopRightRadius";
651
531
  readonly scale: "borderRadii";
652
532
  }>;
653
533
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
654
- readonly property: {
655
- readonly physical: "borderBottomRightRadius";
656
- readonly logical: "borderEndEndRadius";
657
- };
658
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
534
+ readonly property: "borderBottomRightRadius";
659
535
  readonly scale: "borderRadii";
660
536
  }>;
661
537
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
662
- readonly property: {
663
- readonly physical: "borderBottomLeftRadius";
664
- readonly logical: "borderEndStartRadius";
665
- };
666
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
538
+ readonly property: "borderBottomLeftRadius";
667
539
  readonly scale: "borderRadii";
668
540
  }>;
669
541
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
670
542
  readonly property: "borderStyle";
671
- readonly properties: {
672
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
673
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
674
- };
675
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
543
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
676
544
  }>;
677
545
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
678
546
  readonly property: "borderStyle";
679
- readonly properties: {
680
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
681
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
682
- };
683
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
547
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
684
548
  }>;
685
549
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
686
- readonly property: {
687
- readonly physical: "borderLeftStyle";
688
- readonly logical: "borderInlineStartStyle";
689
- };
690
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
550
+ readonly property: "borderLeftStyle";
691
551
  }>;
692
552
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
693
- readonly property: {
694
- readonly physical: "borderRightStyle";
695
- readonly logical: "borderInlineEndStyle";
696
- };
697
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
553
+ readonly property: "borderRightStyle";
698
554
  }>;
699
555
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
700
- readonly property: {
701
- readonly physical: "borderTopStyle";
702
- readonly logical: "borderBlockStartStyle";
703
- };
704
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
556
+ readonly property: "borderTopStyle";
705
557
  }>;
706
558
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
707
- readonly property: {
708
- readonly physical: "borderBottomStyle";
709
- readonly logical: "borderBlockEndStyle";
710
- };
711
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
559
+ readonly property: "borderBottomStyle";
712
560
  }>;
713
561
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
714
562
  readonly property: "width";