@codecademy/gamut-icons 9.57.10-alpha.dfb0a2.0 → 9.57.10-alpha.e0a618.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 (2) hide show
  1. package/dist/props.d.ts +89 -89
  2. package/package.json +6 -12
package/dist/props.d.ts CHANGED
@@ -596,69 +596,69 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
596
596
  theme?: import("@emotion/react").Theme;
597
597
  as?: React.ElementType;
598
598
  } & {
599
- flexBasis?: import("@codecademy/variance").Scale<{
599
+ flexBasis?: import("@codecademy/variance/dist/types/config").Scale<{
600
600
  readonly property: "flexBasis";
601
601
  }>;
602
- flexShrink?: import("@codecademy/variance").Scale<{
602
+ flexShrink?: import("@codecademy/variance/dist/types/config").Scale<{
603
603
  readonly property: "flexShrink";
604
604
  }>;
605
- flexGrow?: import("@codecademy/variance").Scale<{
605
+ flexGrow?: import("@codecademy/variance/dist/types/config").Scale<{
606
606
  readonly property: "flexGrow";
607
607
  }>;
608
- order?: import("@codecademy/variance").Scale<{
608
+ order?: import("@codecademy/variance/dist/types/config").Scale<{
609
609
  readonly property: "order";
610
610
  }>;
611
- gridColumn?: import("@codecademy/variance").Scale<{
611
+ gridColumn?: import("@codecademy/variance/dist/types/config").Scale<{
612
612
  readonly property: "gridColumn";
613
613
  }>;
614
- gridRow?: import("@codecademy/variance").Scale<{
614
+ gridRow?: import("@codecademy/variance/dist/types/config").Scale<{
615
615
  readonly property: "gridRow";
616
616
  }>;
617
- gridColumnStart?: import("@codecademy/variance").Scale<{
617
+ gridColumnStart?: import("@codecademy/variance/dist/types/config").Scale<{
618
618
  readonly property: "gridColumnStart";
619
619
  }>;
620
- gridRowStart?: import("@codecademy/variance").Scale<{
620
+ gridRowStart?: import("@codecademy/variance/dist/types/config").Scale<{
621
621
  readonly property: "gridRowStart";
622
622
  }>;
623
- gridColumnEnd?: import("@codecademy/variance").Scale<{
623
+ gridColumnEnd?: import("@codecademy/variance/dist/types/config").Scale<{
624
624
  readonly property: "gridColumnEnd";
625
625
  }>;
626
- gridRowEnd?: import("@codecademy/variance").Scale<{
626
+ gridRowEnd?: import("@codecademy/variance/dist/types/config").Scale<{
627
627
  readonly property: "gridRowEnd";
628
628
  }>;
629
- justifySelf?: import("@codecademy/variance").Scale<{
629
+ justifySelf?: import("@codecademy/variance/dist/types/config").Scale<{
630
630
  readonly property: "justifySelf";
631
631
  }>;
632
- alignSelf?: import("@codecademy/variance").Scale<{
632
+ alignSelf?: import("@codecademy/variance/dist/types/config").Scale<{
633
633
  readonly property: "alignSelf";
634
634
  }>;
635
- gridArea?: import("@codecademy/variance").Scale<{
635
+ gridArea?: import("@codecademy/variance/dist/types/config").Scale<{
636
636
  readonly property: "gridArea";
637
637
  }>;
638
- containerType?: import("@codecademy/variance").Scale<{
638
+ containerType?: import("@codecademy/variance/dist/types/config").Scale<{
639
639
  readonly property: "containerType";
640
640
  }>;
641
- display?: import("@codecademy/variance").Scale<{
641
+ display?: import("@codecademy/variance/dist/types/config").Scale<{
642
642
  readonly property: "display";
643
643
  }>;
644
- overflow?: import("@codecademy/variance").Scale<{
644
+ overflow?: import("@codecademy/variance/dist/types/config").Scale<{
645
645
  readonly property: "overflow";
646
646
  }>;
647
- overflowX?: import("@codecademy/variance").Scale<{
647
+ overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
648
648
  readonly property: {
649
649
  readonly physical: "overflowX";
650
650
  readonly logical: "overflowInline";
651
651
  };
652
652
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
653
653
  }>;
654
- overflowY?: import("@codecademy/variance").Scale<{
654
+ overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
655
655
  readonly property: {
656
656
  readonly physical: "overflowY";
657
657
  readonly logical: "overflowBlock";
658
658
  };
659
659
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
660
660
  }>;
661
- dimensions?: import("@codecademy/variance").Scale<{
661
+ dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
662
662
  readonly property: "width";
663
663
  readonly properties: {
664
664
  readonly physical: readonly ["width", "height"];
@@ -667,7 +667,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
667
667
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
668
668
  readonly transform: (value: string | number) => string | 0;
669
669
  }>;
670
- width?: import("@codecademy/variance").Scale<{
670
+ width?: import("@codecademy/variance/dist/types/config").Scale<{
671
671
  readonly property: {
672
672
  readonly physical: "width";
673
673
  readonly logical: "inlineSize";
@@ -675,7 +675,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
675
675
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
676
676
  readonly transform: (value: string | number) => string | 0;
677
677
  }>;
678
- minWidth?: import("@codecademy/variance").Scale<{
678
+ minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
679
679
  readonly property: {
680
680
  readonly physical: "minWidth";
681
681
  readonly logical: "minInlineSize";
@@ -683,7 +683,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
683
683
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
684
684
  readonly transform: (value: string | number) => string | 0;
685
685
  }>;
686
- maxWidth?: import("@codecademy/variance").Scale<{
686
+ maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
687
687
  readonly property: {
688
688
  readonly physical: "maxWidth";
689
689
  readonly logical: "maxInlineSize";
@@ -691,7 +691,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
691
691
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
692
692
  readonly transform: (value: string | number) => string | 0;
693
693
  }>;
694
- height?: import("@codecademy/variance").Scale<{
694
+ height?: import("@codecademy/variance/dist/types/config").Scale<{
695
695
  readonly property: {
696
696
  readonly physical: "height";
697
697
  readonly logical: "blockSize";
@@ -699,7 +699,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
699
699
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
700
700
  readonly transform: (value: string | number) => string | 0;
701
701
  }>;
702
- minHeight?: import("@codecademy/variance").Scale<{
702
+ minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
703
703
  readonly property: {
704
704
  readonly physical: "minHeight";
705
705
  readonly logical: "minBlockSize";
@@ -707,7 +707,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
707
707
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
708
708
  readonly transform: (value: string | number) => string | 0;
709
709
  }>;
710
- maxHeight?: import("@codecademy/variance").Scale<{
710
+ maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
711
711
  readonly property: {
712
712
  readonly physical: "maxHeight";
713
713
  readonly logical: "maxBlockSize";
@@ -715,29 +715,29 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
715
715
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
716
716
  readonly transform: (value: string | number) => string | 0;
717
717
  }>;
718
- verticalAlign?: import("@codecademy/variance").Scale<{
718
+ verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
719
719
  readonly property: "verticalAlign";
720
720
  }>;
721
- direction?: import("@codecademy/variance").Scale<{
721
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
722
722
  readonly property: "direction";
723
723
  }>;
724
- color?: import("@codecademy/variance").Scale<{
724
+ color?: import("@codecademy/variance/dist/types/config").Scale<{
725
725
  readonly property: "color";
726
726
  readonly scale: "colors";
727
727
  }>;
728
- textColor?: import("@codecademy/variance").Scale<{
728
+ textColor?: import("@codecademy/variance/dist/types/config").Scale<{
729
729
  readonly property: "color";
730
730
  readonly scale: "colors";
731
731
  }>;
732
- bg?: import("@codecademy/variance").Scale<{
732
+ bg?: import("@codecademy/variance/dist/types/config").Scale<{
733
733
  readonly property: "backgroundColor";
734
734
  readonly scale: "colors";
735
735
  }>;
736
- borderColor?: import("@codecademy/variance").Scale<{
736
+ borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
737
737
  readonly property: "borderColor";
738
738
  readonly scale: "colors";
739
739
  }>;
740
- borderColorX?: import("@codecademy/variance").Scale<{
740
+ borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
741
741
  readonly property: "borderColor";
742
742
  readonly properties: {
743
743
  readonly physical: readonly ["borderLeftColor", "borderRightColor"];
@@ -746,7 +746,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
746
746
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
747
747
  readonly scale: "colors";
748
748
  }>;
749
- borderColorY?: import("@codecademy/variance").Scale<{
749
+ borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
750
750
  readonly property: "borderColor";
751
751
  readonly properties: {
752
752
  readonly physical: readonly ["borderTopColor", "borderBottomColor"];
@@ -755,31 +755,31 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
755
755
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
756
756
  readonly scale: "colors";
757
757
  }>;
758
- borderColorLeft?: import("@codecademy/variance").Scale<{
758
+ borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
759
759
  readonly property: "borderLeftColor";
760
760
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
761
761
  readonly scale: "colors";
762
762
  }>;
763
- borderColorRight?: import("@codecademy/variance").Scale<{
763
+ borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
764
764
  readonly property: "borderRightColor";
765
765
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
766
766
  readonly scale: "colors";
767
767
  }>;
768
- borderColorTop?: import("@codecademy/variance").Scale<{
768
+ borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
769
769
  readonly property: "borderTopColor";
770
770
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
771
771
  readonly scale: "colors";
772
772
  }>;
773
- borderColorBottom?: import("@codecademy/variance").Scale<{
773
+ borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
774
774
  readonly property: "borderBottomColor";
775
775
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
776
776
  readonly scale: "colors";
777
777
  }>;
778
- p?: import("@codecademy/variance").Scale<{
778
+ p?: import("@codecademy/variance/dist/types/config").Scale<{
779
779
  readonly property: "padding";
780
780
  readonly scale: "spacing";
781
781
  }>;
782
- px?: import("@codecademy/variance").Scale<{
782
+ px?: import("@codecademy/variance/dist/types/config").Scale<{
783
783
  readonly property: "padding";
784
784
  readonly properties: {
785
785
  readonly physical: readonly ["paddingLeft", "paddingRight"];
@@ -788,7 +788,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
788
788
  readonly scale: "spacing";
789
789
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
790
790
  }>;
791
- py?: import("@codecademy/variance").Scale<{
791
+ py?: import("@codecademy/variance/dist/types/config").Scale<{
792
792
  readonly property: "padding";
793
793
  readonly properties: {
794
794
  readonly physical: readonly ["paddingTop", "paddingBottom"];
@@ -797,7 +797,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
797
797
  readonly scale: "spacing";
798
798
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
799
799
  }>;
800
- pt?: import("@codecademy/variance").Scale<{
800
+ pt?: import("@codecademy/variance/dist/types/config").Scale<{
801
801
  readonly property: {
802
802
  readonly physical: "paddingTop";
803
803
  readonly logical: "paddingBlockStart";
@@ -805,7 +805,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
805
805
  readonly scale: "spacing";
806
806
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
807
807
  }>;
808
- pb?: import("@codecademy/variance").Scale<{
808
+ pb?: import("@codecademy/variance/dist/types/config").Scale<{
809
809
  readonly property: {
810
810
  readonly physical: "paddingBottom";
811
811
  readonly logical: "paddingBlockEnd";
@@ -813,7 +813,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
813
813
  readonly scale: "spacing";
814
814
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
815
815
  }>;
816
- pr?: import("@codecademy/variance").Scale<{
816
+ pr?: import("@codecademy/variance/dist/types/config").Scale<{
817
817
  readonly property: {
818
818
  readonly physical: "paddingRight";
819
819
  readonly logical: "paddingInlineEnd";
@@ -821,7 +821,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
821
821
  readonly scale: "spacing";
822
822
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
823
823
  }>;
824
- pl?: import("@codecademy/variance").Scale<{
824
+ pl?: import("@codecademy/variance/dist/types/config").Scale<{
825
825
  readonly property: {
826
826
  readonly physical: "paddingLeft";
827
827
  readonly logical: "paddingInlineStart";
@@ -829,11 +829,11 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
829
829
  readonly scale: "spacing";
830
830
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
831
831
  }>;
832
- m?: import("@codecademy/variance").Scale<{
832
+ m?: import("@codecademy/variance/dist/types/config").Scale<{
833
833
  readonly property: "margin";
834
834
  readonly scale: "spacing";
835
835
  }>;
836
- mx?: import("@codecademy/variance").Scale<{
836
+ mx?: import("@codecademy/variance/dist/types/config").Scale<{
837
837
  readonly property: "margin";
838
838
  readonly properties: {
839
839
  readonly physical: readonly ["marginLeft", "marginRight"];
@@ -842,7 +842,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
842
842
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
843
843
  readonly scale: "spacing";
844
844
  }>;
845
- my?: import("@codecademy/variance").Scale<{
845
+ my?: import("@codecademy/variance/dist/types/config").Scale<{
846
846
  readonly property: "margin";
847
847
  readonly properties: {
848
848
  readonly physical: readonly ["marginTop", "marginBottom"];
@@ -851,7 +851,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
851
851
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
852
852
  readonly scale: "spacing";
853
853
  }>;
854
- mt?: import("@codecademy/variance").Scale<{
854
+ mt?: import("@codecademy/variance/dist/types/config").Scale<{
855
855
  readonly property: {
856
856
  readonly physical: "marginTop";
857
857
  readonly logical: "marginBlockStart";
@@ -859,7 +859,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
859
859
  readonly scale: "spacing";
860
860
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
861
861
  }>;
862
- mb?: import("@codecademy/variance").Scale<{
862
+ mb?: import("@codecademy/variance/dist/types/config").Scale<{
863
863
  readonly property: {
864
864
  readonly physical: "marginBottom";
865
865
  readonly logical: "marginBlockEnd";
@@ -867,7 +867,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
867
867
  readonly scale: "spacing";
868
868
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
869
869
  }>;
870
- mr?: import("@codecademy/variance").Scale<{
870
+ mr?: import("@codecademy/variance/dist/types/config").Scale<{
871
871
  readonly property: {
872
872
  readonly physical: "marginRight";
873
873
  readonly logical: "marginInlineEnd";
@@ -875,7 +875,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
875
875
  readonly scale: "spacing";
876
876
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
877
877
  }>;
878
- ml?: import("@codecademy/variance").Scale<{
878
+ ml?: import("@codecademy/variance/dist/types/config").Scale<{
879
879
  readonly property: {
880
880
  readonly physical: "marginLeft";
881
881
  readonly logical: "marginInlineStart";
@@ -883,10 +883,10 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
883
883
  readonly scale: "spacing";
884
884
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
885
885
  }>;
886
- position?: import("@codecademy/variance").Scale<{
886
+ position?: import("@codecademy/variance/dist/types/config").Scale<{
887
887
  readonly property: "position";
888
888
  }>;
889
- inset?: import("@codecademy/variance").Scale<{
889
+ inset?: import("@codecademy/variance/dist/types/config").Scale<{
890
890
  readonly property: "inset";
891
891
  readonly properties: {
892
892
  readonly physical: readonly ["top", "right", "bottom", "left"];
@@ -895,7 +895,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
895
895
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
896
896
  readonly transform: (value: string | number) => string | 0;
897
897
  }>;
898
- top?: import("@codecademy/variance").Scale<{
898
+ top?: import("@codecademy/variance/dist/types/config").Scale<{
899
899
  readonly property: {
900
900
  readonly physical: "top";
901
901
  readonly logical: "insetBlockStart";
@@ -903,7 +903,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
903
903
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
904
904
  readonly transform: (value: string | number) => string | 0;
905
905
  }>;
906
- right?: import("@codecademy/variance").Scale<{
906
+ right?: import("@codecademy/variance/dist/types/config").Scale<{
907
907
  readonly property: {
908
908
  readonly physical: "right";
909
909
  readonly logical: "insetInlineEnd";
@@ -911,7 +911,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
911
911
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
912
912
  readonly transform: (value: string | number) => string | 0;
913
913
  }>;
914
- bottom?: import("@codecademy/variance").Scale<{
914
+ bottom?: import("@codecademy/variance/dist/types/config").Scale<{
915
915
  readonly property: {
916
916
  readonly physical: "bottom";
917
917
  readonly logical: "insetBlockEnd";
@@ -919,7 +919,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
919
919
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
920
920
  readonly transform: (value: string | number) => string | 0;
921
921
  }>;
922
- left?: import("@codecademy/variance").Scale<{
922
+ left?: import("@codecademy/variance/dist/types/config").Scale<{
923
923
  readonly property: {
924
924
  readonly physical: "left";
925
925
  readonly logical: "insetInlineStart";
@@ -927,17 +927,17 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
927
927
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
928
928
  readonly transform: (value: string | number) => string | 0;
929
929
  }>;
930
- zIndex?: import("@codecademy/variance").Scale<{
930
+ zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
931
931
  readonly property: "zIndex";
932
932
  }>;
933
- opacity?: import("@codecademy/variance").Scale<{
933
+ opacity?: import("@codecademy/variance/dist/types/config").Scale<{
934
934
  readonly property: "opacity";
935
935
  }>;
936
- border?: import("@codecademy/variance").Scale<{
936
+ border?: import("@codecademy/variance/dist/types/config").Scale<{
937
937
  readonly property: "border";
938
938
  readonly scale: "borders";
939
939
  }>;
940
- borderX?: import("@codecademy/variance").Scale<{
940
+ borderX?: import("@codecademy/variance/dist/types/config").Scale<{
941
941
  readonly property: "border";
942
942
  readonly properties: {
943
943
  readonly physical: readonly ["borderLeft", "borderRight"];
@@ -946,7 +946,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
946
946
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
947
947
  readonly scale: "borders";
948
948
  }>;
949
- borderY?: import("@codecademy/variance").Scale<{
949
+ borderY?: import("@codecademy/variance/dist/types/config").Scale<{
950
950
  readonly property: "border";
951
951
  readonly properties: {
952
952
  readonly physical: readonly ["borderTop", "borderBottom"];
@@ -955,7 +955,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
955
955
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
956
956
  readonly scale: "borders";
957
957
  }>;
958
- borderTop?: import("@codecademy/variance").Scale<{
958
+ borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
959
959
  readonly property: {
960
960
  readonly physical: "borderTop";
961
961
  readonly logical: "borderBlockStart";
@@ -963,7 +963,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
963
963
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
964
964
  readonly scale: "borders";
965
965
  }>;
966
- borderRight?: import("@codecademy/variance").Scale<{
966
+ borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
967
967
  readonly property: {
968
968
  readonly physical: "borderRight";
969
969
  readonly logical: "borderInlineEnd";
@@ -971,7 +971,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
971
971
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
972
972
  readonly scale: "borders";
973
973
  }>;
974
- borderBottom?: import("@codecademy/variance").Scale<{
974
+ borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
975
975
  readonly property: {
976
976
  readonly physical: "borderBottom";
977
977
  readonly logical: "borderBlockEnd";
@@ -979,7 +979,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
979
979
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
980
980
  readonly scale: "borders";
981
981
  }>;
982
- borderLeft?: import("@codecademy/variance").Scale<{
982
+ borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
983
983
  readonly property: {
984
984
  readonly physical: "borderLeft";
985
985
  readonly logical: "borderInlineStart";
@@ -987,10 +987,10 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
987
987
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
988
988
  readonly scale: "borders";
989
989
  }>;
990
- borderWidth?: import("@codecademy/variance").Scale<{
990
+ borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
991
991
  readonly property: "borderWidth";
992
992
  }>;
993
- borderWidthX?: import("@codecademy/variance").Scale<{
993
+ borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
994
994
  readonly property: "borderWidth";
995
995
  readonly properties: {
996
996
  readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
@@ -998,7 +998,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
998
998
  };
999
999
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1000
1000
  }>;
1001
- borderWidthY?: import("@codecademy/variance").Scale<{
1001
+ borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
1002
1002
  readonly property: "borderWidth";
1003
1003
  readonly properties: {
1004
1004
  readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
@@ -1006,39 +1006,39 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
1006
1006
  };
1007
1007
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1008
1008
  }>;
1009
- borderWidthLeft?: import("@codecademy/variance").Scale<{
1009
+ borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1010
1010
  readonly property: {
1011
1011
  readonly physical: "borderLeftWidth";
1012
1012
  readonly logical: "borderInlineStartWidth";
1013
1013
  };
1014
1014
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1015
1015
  }>;
1016
- borderWidthRight?: import("@codecademy/variance").Scale<{
1016
+ borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
1017
1017
  readonly property: {
1018
1018
  readonly physical: "borderRightWidth";
1019
1019
  readonly logical: "borderInlineEndWidth";
1020
1020
  };
1021
1021
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1022
1022
  }>;
1023
- borderWidthTop?: import("@codecademy/variance").Scale<{
1023
+ borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
1024
1024
  readonly property: {
1025
1025
  readonly physical: "borderTopWidth";
1026
1026
  readonly logical: "borderBlockStartWidth";
1027
1027
  };
1028
1028
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1029
1029
  }>;
1030
- borderWidthBottom?: import("@codecademy/variance").Scale<{
1030
+ borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1031
1031
  readonly property: {
1032
1032
  readonly physical: "borderBottomWidth";
1033
1033
  readonly logical: "borderBlockEndWidth";
1034
1034
  };
1035
1035
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1036
1036
  }>;
1037
- borderRadius?: import("@codecademy/variance").Scale<{
1037
+ borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
1038
1038
  readonly property: "borderRadius";
1039
1039
  readonly scale: "borderRadii";
1040
1040
  }>;
1041
- borderRadiusLeft?: import("@codecademy/variance").Scale<{
1041
+ borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1042
1042
  readonly property: "borderRadius";
1043
1043
  readonly properties: {
1044
1044
  readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
@@ -1047,7 +1047,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
1047
1047
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1048
1048
  readonly scale: "borderRadii";
1049
1049
  }>;
1050
- borderRadiusTop?: import("@codecademy/variance").Scale<{
1050
+ borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
1051
1051
  readonly property: "borderRadius";
1052
1052
  readonly properties: {
1053
1053
  readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
@@ -1056,7 +1056,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
1056
1056
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1057
1057
  readonly scale: "borderRadii";
1058
1058
  }>;
1059
- borderRadiusBottom?: import("@codecademy/variance").Scale<{
1059
+ borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1060
1060
  readonly property: "borderRadius";
1061
1061
  readonly properties: {
1062
1062
  readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
@@ -1065,7 +1065,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
1065
1065
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1066
1066
  readonly scale: "borderRadii";
1067
1067
  }>;
1068
- borderRadiusRight?: import("@codecademy/variance").Scale<{
1068
+ borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1069
1069
  readonly property: "borderRadius";
1070
1070
  readonly properties: {
1071
1071
  readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
@@ -1074,7 +1074,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
1074
1074
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1075
1075
  readonly scale: "borderRadii";
1076
1076
  }>;
1077
- borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
1077
+ borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1078
1078
  readonly property: {
1079
1079
  readonly physical: "borderTopLeftRadius";
1080
1080
  readonly logical: "borderStartStartRadius";
@@ -1082,7 +1082,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
1082
1082
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1083
1083
  readonly scale: "borderRadii";
1084
1084
  }>;
1085
- borderRadiusTopRight?: import("@codecademy/variance").Scale<{
1085
+ borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1086
1086
  readonly property: {
1087
1087
  readonly physical: "borderTopRightRadius";
1088
1088
  readonly logical: "borderStartEndRadius";
@@ -1090,7 +1090,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
1090
1090
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1091
1091
  readonly scale: "borderRadii";
1092
1092
  }>;
1093
- borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
1093
+ borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1094
1094
  readonly property: {
1095
1095
  readonly physical: "borderBottomRightRadius";
1096
1096
  readonly logical: "borderEndEndRadius";
@@ -1098,7 +1098,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
1098
1098
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1099
1099
  readonly scale: "borderRadii";
1100
1100
  }>;
1101
- borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
1101
+ borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1102
1102
  readonly property: {
1103
1103
  readonly physical: "borderBottomLeftRadius";
1104
1104
  readonly logical: "borderEndStartRadius";
@@ -1106,10 +1106,10 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
1106
1106
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1107
1107
  readonly scale: "borderRadii";
1108
1108
  }>;
1109
- borderStyle?: import("@codecademy/variance").Scale<{
1109
+ borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1110
1110
  readonly property: "borderStyle";
1111
1111
  }>;
1112
- borderStyleX?: import("@codecademy/variance").Scale<{
1112
+ borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1113
1113
  readonly property: "borderStyle";
1114
1114
  readonly properties: {
1115
1115
  readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
@@ -1117,7 +1117,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
1117
1117
  };
1118
1118
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1119
1119
  }>;
1120
- borderStyleY?: import("@codecademy/variance").Scale<{
1120
+ borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1121
1121
  readonly property: "borderStyle";
1122
1122
  readonly properties: {
1123
1123
  readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
@@ -1125,28 +1125,28 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
1125
1125
  };
1126
1126
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1127
1127
  }>;
1128
- borderStyleLeft?: import("@codecademy/variance").Scale<{
1128
+ borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1129
1129
  readonly property: {
1130
1130
  readonly physical: "borderLeftStyle";
1131
1131
  readonly logical: "borderInlineStartStyle";
1132
1132
  };
1133
1133
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1134
1134
  }>;
1135
- borderStyleRight?: import("@codecademy/variance").Scale<{
1135
+ borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1136
1136
  readonly property: {
1137
1137
  readonly physical: "borderRightStyle";
1138
1138
  readonly logical: "borderInlineEndStyle";
1139
1139
  };
1140
1140
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1141
1141
  }>;
1142
- borderStyleTop?: import("@codecademy/variance").Scale<{
1142
+ borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1143
1143
  readonly property: {
1144
1144
  readonly physical: "borderTopStyle";
1145
1145
  readonly logical: "borderBlockStartStyle";
1146
1146
  };
1147
1147
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1148
1148
  }>;
1149
- borderStyleBottom?: import("@codecademy/variance").Scale<{
1149
+ borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1150
1150
  readonly property: {
1151
1151
  readonly physical: "borderBottomStyle";
1152
1152
  readonly logical: "borderBlockEndStyle";
package/package.json CHANGED
@@ -1,29 +1,23 @@
1
1
  {
2
2
  "name": "@codecademy/gamut-icons",
3
3
  "description": "Icon library for codecademy.com",
4
- "version": "9.57.10-alpha.dfb0a2.0",
4
+ "version": "9.57.10-alpha.e0a618.0",
5
5
  "author": "Codecademy <dev@codecademy.com>",
6
6
  "dependencies": {
7
- "@codecademy/gamut-styles": "20.0.3-alpha.dfb0a2.0",
8
- "@codecademy/variance": "0.26.2-alpha.dfb0a2.0"
9
- },
10
- "exports": {
11
- ".": {
12
- "import": "./dist/index.js",
13
- "types": "./dist/index.d.ts",
14
- "default": "./dist/index.js"
15
- }
7
+ "@codecademy/gamut-styles": "20.0.3-alpha.e0a618.0",
8
+ "@codecademy/variance": "0.26.2-alpha.e0a618.0"
16
9
  },
17
10
  "files": [
18
11
  "dist"
19
12
  ],
20
13
  "license": "MIT",
21
14
  "main": "dist/index.js",
15
+ "module": "dist/index.js",
22
16
  "peerDependencies": {
23
17
  "@emotion/react": "^11.4.0",
24
18
  "@emotion/styled": "^11.3.0",
25
19
  "lodash": "^4.17.23",
26
- "react": "^17.0.2 || ^18.3.0 || ^19.0.0"
20
+ "react": "^17.0.2 || ^18.3.0"
27
21
  },
28
22
  "publishConfig": {
29
23
  "access": "public"
@@ -34,5 +28,5 @@
34
28
  "format": "svgo -f ./src/svg --pretty --config=.svgo.yml"
35
29
  },
36
30
  "sideEffects": false,
37
- "type": "module"
31
+ "types": "dist/index.d.ts"
38
32
  }