@codecademy/gamut 68.0.2-alpha.f8c3b5.0 → 68.1.0-alpha.46f13d.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 (55) hide show
  1. package/dist/Anchor/index.d.ts +60 -12
  2. package/dist/Badge/index.d.ts +74 -14
  3. package/dist/Box/props.d.ts +204 -40
  4. package/dist/Button/shared/styles.d.ts +190 -38
  5. package/dist/Card/elements.d.ts +612 -120
  6. package/dist/ConnectedForm/utils.d.ts +1 -1
  7. package/dist/Form/SelectDropdown/styles.d.ts +1 -1
  8. package/dist/Form/elements/Form.d.ts +191 -39
  9. package/dist/Form/elements/FormGroupLabel.js +2 -2
  10. package/dist/Form/inputs/Select.js +5 -6
  11. package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +144 -28
  12. package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +30 -6
  13. package/dist/Layout/Column.d.ts +60 -12
  14. package/dist/Layout/LayoutGrid.d.ts +60 -12
  15. package/dist/List/elements.d.ts +265 -53
  16. package/dist/Menu/elements.d.ts +204 -40
  17. package/dist/Pagination/AnimatedPaginationButtons.d.ts +190 -38
  18. package/dist/Pagination/utils.d.ts +190 -38
  19. package/dist/Tabs/props.d.ts +60 -12
  20. package/dist/Tag/types.d.ts +60 -12
  21. package/dist/Toggle/elements.d.ts +134 -26
  22. package/dist/Typography/Text.d.ts +74 -14
  23. package/dist/index.d.ts +0 -1
  24. package/dist/index.js +0 -1
  25. package/package.json +7 -7
  26. package/dist/BarChart/BarChartProvider.d.ts +0 -20
  27. package/dist/BarChart/BarChartProvider.js +0 -31
  28. package/dist/BarChart/BarRow/ValueLabelsContent.d.ts +0 -7
  29. package/dist/BarChart/BarRow/ValueLabelsContent.js +0 -30
  30. package/dist/BarChart/BarRow/elements.d.ts +0 -719
  31. package/dist/BarChart/BarRow/elements.js +0 -97
  32. package/dist/BarChart/BarRow/index.d.ts +0 -26
  33. package/dist/BarChart/BarRow/index.js +0 -243
  34. package/dist/BarChart/GENERIC_EXAMPLE.d.ts +0 -14
  35. package/dist/BarChart/GENERIC_EXAMPLE.js +0 -328
  36. package/dist/BarChart/index.d.ts +0 -4
  37. package/dist/BarChart/index.js +0 -155
  38. package/dist/BarChart/layout/GridLines.d.ts +0 -7
  39. package/dist/BarChart/layout/GridLines.js +0 -78
  40. package/dist/BarChart/layout/ScaleChartHeader.d.ts +0 -10
  41. package/dist/BarChart/layout/ScaleChartHeader.js +0 -89
  42. package/dist/BarChart/layout/VerticalSpacer.d.ts +0 -6
  43. package/dist/BarChart/layout/VerticalSpacer.js +0 -56
  44. package/dist/BarChart/shared/elements.d.ts +0 -7
  45. package/dist/BarChart/shared/elements.js +0 -12
  46. package/dist/BarChart/shared/styles.d.ts +0 -4
  47. package/dist/BarChart/shared/styles.js +0 -4
  48. package/dist/BarChart/shared/translations.d.ts +0 -68
  49. package/dist/BarChart/shared/translations.js +0 -52
  50. package/dist/BarChart/shared/types.d.ts +0 -94
  51. package/dist/BarChart/shared/types.js +0 -1
  52. package/dist/BarChart/utils/hooks.d.ts +0 -91
  53. package/dist/BarChart/utils/hooks.js +0 -291
  54. package/dist/BarChart/utils/index.d.ts +0 -100
  55. package/dist/BarChart/utils/index.js +0 -224
@@ -369,11 +369,19 @@ 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: "borderBottom";
372
+ readonly property: {
373
+ readonly physical: "borderBottom";
374
+ readonly logical: "borderBlockEnd";
375
+ };
376
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
373
377
  readonly scale: "borders";
374
378
  }>;
375
379
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
376
- readonly property: "borderLeft";
380
+ readonly property: {
381
+ readonly physical: "borderLeft";
382
+ readonly logical: "borderInlineStart";
383
+ };
384
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
377
385
  readonly scale: "borders";
378
386
  }>;
379
387
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -381,14 +389,22 @@ export declare const AnimatedFadeButton: (props: {
381
389
  readonly scale: "borderRadii";
382
390
  }>;
383
391
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
384
- readonly property: "borderRight";
392
+ readonly property: {
393
+ readonly physical: "borderRight";
394
+ readonly logical: "borderInlineEnd";
395
+ };
396
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
385
397
  readonly scale: "borders";
386
398
  }>;
387
399
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
388
400
  readonly property: "borderStyle";
389
401
  }>;
390
402
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
391
- readonly property: "borderTop";
403
+ readonly property: {
404
+ readonly physical: "borderTop";
405
+ readonly logical: "borderBlockStart";
406
+ };
407
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
392
408
  readonly scale: "borders";
393
409
  }>;
394
410
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -418,29 +434,53 @@ export declare const AnimatedFadeButton: (props: {
418
434
  ellipsis?: boolean | undefined;
419
435
  px?: import("@codecademy/variance/dist/types/config").Scale<{
420
436
  readonly property: "padding";
421
- readonly properties: readonly ["paddingLeft", "paddingRight"];
437
+ readonly properties: {
438
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
439
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
440
+ };
422
441
  readonly scale: "spacing";
442
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
423
443
  }>;
424
444
  py?: import("@codecademy/variance/dist/types/config").Scale<{
425
445
  readonly property: "padding";
426
- readonly properties: readonly ["paddingTop", "paddingBottom"];
446
+ readonly properties: {
447
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
448
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
449
+ };
427
450
  readonly scale: "spacing";
451
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
428
452
  }>;
429
453
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
430
- readonly property: "paddingTop";
454
+ readonly property: {
455
+ readonly physical: "paddingTop";
456
+ readonly logical: "paddingBlockStart";
457
+ };
431
458
  readonly scale: "spacing";
459
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
432
460
  }>;
433
461
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
434
- readonly property: "paddingBottom";
462
+ readonly property: {
463
+ readonly physical: "paddingBottom";
464
+ readonly logical: "paddingBlockEnd";
465
+ };
435
466
  readonly scale: "spacing";
467
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
436
468
  }>;
437
469
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
438
- readonly property: "paddingRight";
470
+ readonly property: {
471
+ readonly physical: "paddingRight";
472
+ readonly logical: "paddingInlineEnd";
473
+ };
439
474
  readonly scale: "spacing";
475
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
440
476
  }>;
441
477
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
442
- readonly property: "paddingLeft";
478
+ readonly property: {
479
+ readonly physical: "paddingLeft";
480
+ readonly logical: "paddingInlineStart";
481
+ };
443
482
  readonly scale: "spacing";
483
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
444
484
  }>;
445
485
  m?: import("@codecademy/variance/dist/types/config").Scale<{
446
486
  readonly property: "margin";
@@ -448,115 +488,227 @@ export declare const AnimatedFadeButton: (props: {
448
488
  }>;
449
489
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
450
490
  readonly property: "margin";
451
- readonly properties: readonly ["marginLeft", "marginRight"];
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;
452
496
  readonly scale: "spacing";
453
497
  }>;
454
498
  my?: import("@codecademy/variance/dist/types/config").Scale<{
455
499
  readonly property: "margin";
456
- readonly properties: readonly ["marginTop", "marginBottom"];
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;
457
505
  readonly scale: "spacing";
458
506
  }>;
459
507
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
460
- readonly property: "marginTop";
508
+ readonly property: {
509
+ readonly physical: "marginTop";
510
+ readonly logical: "marginBlockStart";
511
+ };
461
512
  readonly scale: "spacing";
513
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
462
514
  }>;
463
515
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
464
- readonly property: "marginBottom";
516
+ readonly property: {
517
+ readonly physical: "marginBottom";
518
+ readonly logical: "marginBlockEnd";
519
+ };
465
520
  readonly scale: "spacing";
521
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
466
522
  }>;
467
523
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
468
- readonly property: "marginRight";
524
+ readonly property: {
525
+ readonly physical: "marginRight";
526
+ readonly logical: "marginInlineEnd";
527
+ };
469
528
  readonly scale: "spacing";
529
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
470
530
  }>;
471
531
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
472
- readonly property: "marginLeft";
532
+ readonly property: {
533
+ readonly physical: "marginLeft";
534
+ readonly logical: "marginInlineStart";
535
+ };
473
536
  readonly scale: "spacing";
537
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
474
538
  }>;
475
539
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
476
540
  readonly property: "border";
477
- readonly properties: readonly ["borderLeft", "borderRight"];
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;
478
546
  readonly scale: "borders";
479
547
  }>;
480
548
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
481
549
  readonly property: "border";
482
- readonly properties: readonly ["borderTop", "borderBottom"];
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;
483
555
  readonly scale: "borders";
484
556
  }>;
485
557
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
486
558
  readonly property: "borderWidth";
487
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
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;
488
564
  }>;
489
565
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
490
566
  readonly property: "borderWidth";
491
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
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;
492
572
  }>;
493
573
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
494
- readonly property: "borderLeftWidth";
574
+ readonly property: {
575
+ readonly physical: "borderLeftWidth";
576
+ readonly logical: "borderInlineStartWidth";
577
+ };
578
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
495
579
  }>;
496
580
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
497
- readonly property: "borderRightWidth";
581
+ readonly property: {
582
+ readonly physical: "borderRightWidth";
583
+ readonly logical: "borderInlineEndWidth";
584
+ };
585
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
498
586
  }>;
499
587
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
500
- readonly property: "borderTopWidth";
588
+ readonly property: {
589
+ readonly physical: "borderTopWidth";
590
+ readonly logical: "borderBlockStartWidth";
591
+ };
592
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
501
593
  }>;
502
594
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
503
- readonly property: "borderBottomWidth";
595
+ readonly property: {
596
+ readonly physical: "borderBottomWidth";
597
+ readonly logical: "borderBlockEndWidth";
598
+ };
599
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
504
600
  }>;
505
601
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
506
602
  readonly property: "borderRadius";
507
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
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;
508
608
  readonly scale: "borderRadii";
509
609
  }>;
510
610
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
511
611
  readonly property: "borderRadius";
512
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
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;
513
617
  readonly scale: "borderRadii";
514
618
  }>;
515
619
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
516
620
  readonly property: "borderRadius";
517
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
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;
518
626
  readonly scale: "borderRadii";
519
627
  }>;
520
628
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
521
629
  readonly property: "borderRadius";
522
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
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;
523
635
  readonly scale: "borderRadii";
524
636
  }>;
525
637
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
526
- readonly property: "borderTopLeftRadius";
638
+ readonly property: {
639
+ readonly physical: "borderTopLeftRadius";
640
+ readonly logical: "borderStartStartRadius";
641
+ };
642
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
527
643
  readonly scale: "borderRadii";
528
644
  }>;
529
645
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
530
- readonly property: "borderTopRightRadius";
646
+ readonly property: {
647
+ readonly physical: "borderTopRightRadius";
648
+ readonly logical: "borderStartEndRadius";
649
+ };
650
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
531
651
  readonly scale: "borderRadii";
532
652
  }>;
533
653
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
534
- readonly property: "borderBottomRightRadius";
654
+ readonly property: {
655
+ readonly physical: "borderBottomRightRadius";
656
+ readonly logical: "borderEndEndRadius";
657
+ };
658
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
535
659
  readonly scale: "borderRadii";
536
660
  }>;
537
661
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
538
- readonly property: "borderBottomLeftRadius";
662
+ readonly property: {
663
+ readonly physical: "borderBottomLeftRadius";
664
+ readonly logical: "borderEndStartRadius";
665
+ };
666
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
539
667
  readonly scale: "borderRadii";
540
668
  }>;
541
669
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
542
670
  readonly property: "borderStyle";
543
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
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;
544
676
  }>;
545
677
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
546
678
  readonly property: "borderStyle";
547
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
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;
548
684
  }>;
549
685
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
550
- readonly property: "borderLeftStyle";
686
+ readonly property: {
687
+ readonly physical: "borderLeftStyle";
688
+ readonly logical: "borderInlineStartStyle";
689
+ };
690
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
551
691
  }>;
552
692
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
553
- readonly property: "borderRightStyle";
693
+ readonly property: {
694
+ readonly physical: "borderRightStyle";
695
+ readonly logical: "borderInlineEndStyle";
696
+ };
697
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
554
698
  }>;
555
699
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
556
- readonly property: "borderTopStyle";
700
+ readonly property: {
701
+ readonly physical: "borderTopStyle";
702
+ readonly logical: "borderBlockStartStyle";
703
+ };
704
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
557
705
  }>;
558
706
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
559
- readonly property: "borderBottomStyle";
707
+ readonly property: {
708
+ readonly physical: "borderBottomStyle";
709
+ readonly logical: "borderBlockEndStyle";
710
+ };
711
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
560
712
  }>;
561
713
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
562
714
  readonly property: "width";