@codecademy/gamut-styles 20.0.3-alpha.d894be.0 → 20.0.3-alpha.d8a519.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 (6) hide show
  1. package/dist/ColorMode.d.ts +220 -220
  2. package/dist/__tests__/testUtils.d.ts +2 -0
  3. package/dist/variance/index.d.ts +0 -1
  4. package/dist/variance/index.js +0 -1
  5. package/dist/variance/utils.d.ts +3 -4
  6. package/package.json +6 -13
package/dist/ColorMode.d.ts CHANGED
@@ -716,40 +716,40 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
716
716
  theme?: Theme;
717
717
  as?: React.ElementType;
718
718
  } & {
719
- color?: import("@codecademy/variance").Scale<{
719
+ color?: import("@codecademy/variance/dist/types/config").Scale<{
720
720
  readonly property: "color";
721
721
  readonly scale: "colors";
722
722
  }>;
723
- background?: import("@codecademy/variance").Scale<{
723
+ background?: import("@codecademy/variance/dist/types/config").Scale<{
724
724
  readonly property: "background";
725
725
  }>;
726
- border?: import("@codecademy/variance").Scale<{
726
+ border?: import("@codecademy/variance/dist/types/config").Scale<{
727
727
  readonly property: "border";
728
728
  readonly scale: "borders";
729
729
  }>;
730
- p?: import("@codecademy/variance").Scale<{
730
+ p?: import("@codecademy/variance/dist/types/config").Scale<{
731
731
  readonly property: "padding";
732
732
  readonly scale: "spacing";
733
733
  }>;
734
- alignContent?: import("@codecademy/variance").Scale<{
734
+ alignContent?: import("@codecademy/variance/dist/types/config").Scale<{
735
735
  readonly property: "alignContent";
736
736
  }>;
737
- alignItems?: import("@codecademy/variance").Scale<{
737
+ alignItems?: import("@codecademy/variance/dist/types/config").Scale<{
738
738
  readonly property: "alignItems";
739
739
  }>;
740
- alignSelf?: import("@codecademy/variance").Scale<{
740
+ alignSelf?: import("@codecademy/variance/dist/types/config").Scale<{
741
741
  readonly property: "alignSelf";
742
742
  }>;
743
- backgroundImage?: import("@codecademy/variance").Scale<{
743
+ backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
744
744
  readonly property: "backgroundImage";
745
745
  }>;
746
- backgroundRepeat?: import("@codecademy/variance").Scale<{
746
+ backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
747
747
  readonly property: "backgroundRepeat";
748
748
  }>;
749
- backgroundSize?: import("@codecademy/variance").Scale<{
749
+ backgroundSize?: import("@codecademy/variance/dist/types/config").Scale<{
750
750
  readonly property: "backgroundSize";
751
751
  }>;
752
- bottom?: import("@codecademy/variance").Scale<{
752
+ bottom?: import("@codecademy/variance/dist/types/config").Scale<{
753
753
  readonly property: {
754
754
  readonly physical: "bottom";
755
755
  readonly logical: "insetBlockEnd";
@@ -757,65 +757,65 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
757
757
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
758
758
  readonly transform: (value: string | number) => string | 0;
759
759
  }>;
760
- columnGap?: import("@codecademy/variance").Scale<{
760
+ columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
761
761
  readonly property: "columnGap";
762
762
  readonly scale: "spacing";
763
763
  }>;
764
- containerType?: import("@codecademy/variance").Scale<{
764
+ containerType?: import("@codecademy/variance/dist/types/config").Scale<{
765
765
  readonly property: "containerType";
766
766
  }>;
767
- direction?: import("@codecademy/variance").Scale<{
767
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
768
768
  readonly property: "direction";
769
769
  }>;
770
- display?: import("@codecademy/variance").Scale<{
770
+ display?: import("@codecademy/variance/dist/types/config").Scale<{
771
771
  readonly property: "display";
772
772
  }>;
773
- flexBasis?: import("@codecademy/variance").Scale<{
773
+ flexBasis?: import("@codecademy/variance/dist/types/config").Scale<{
774
774
  readonly property: "flexBasis";
775
775
  }>;
776
- flexDirection?: import("@codecademy/variance").Scale<{
776
+ flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
777
777
  readonly property: "flexDirection";
778
778
  }>;
779
- flexGrow?: import("@codecademy/variance").Scale<{
779
+ flexGrow?: import("@codecademy/variance/dist/types/config").Scale<{
780
780
  readonly property: "flexGrow";
781
781
  }>;
782
- flexShrink?: import("@codecademy/variance").Scale<{
782
+ flexShrink?: import("@codecademy/variance/dist/types/config").Scale<{
783
783
  readonly property: "flexShrink";
784
784
  }>;
785
- flexWrap?: import("@codecademy/variance").Scale<{
785
+ flexWrap?: import("@codecademy/variance/dist/types/config").Scale<{
786
786
  readonly property: "flexWrap";
787
787
  }>;
788
- gridAutoColumns?: import("@codecademy/variance").Scale<{
788
+ gridAutoColumns?: import("@codecademy/variance/dist/types/config").Scale<{
789
789
  readonly property: "gridAutoColumns";
790
790
  }>;
791
- gridAutoFlow?: import("@codecademy/variance").Scale<{
791
+ gridAutoFlow?: import("@codecademy/variance/dist/types/config").Scale<{
792
792
  readonly property: "gridAutoFlow";
793
793
  }>;
794
- gridAutoRows?: import("@codecademy/variance").Scale<{
794
+ gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
795
795
  readonly property: "gridAutoRows";
796
796
  }>;
797
- gridColumnEnd?: import("@codecademy/variance").Scale<{
797
+ gridColumnEnd?: import("@codecademy/variance/dist/types/config").Scale<{
798
798
  readonly property: "gridColumnEnd";
799
799
  }>;
800
- gridColumnStart?: import("@codecademy/variance").Scale<{
800
+ gridColumnStart?: import("@codecademy/variance/dist/types/config").Scale<{
801
801
  readonly property: "gridColumnStart";
802
802
  }>;
803
- gridRowEnd?: import("@codecademy/variance").Scale<{
803
+ gridRowEnd?: import("@codecademy/variance/dist/types/config").Scale<{
804
804
  readonly property: "gridRowEnd";
805
805
  }>;
806
- gridRowStart?: import("@codecademy/variance").Scale<{
806
+ gridRowStart?: import("@codecademy/variance/dist/types/config").Scale<{
807
807
  readonly property: "gridRowStart";
808
808
  }>;
809
- gridTemplateAreas?: import("@codecademy/variance").Scale<{
809
+ gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
810
810
  readonly property: "gridTemplateAreas";
811
811
  }>;
812
- gridTemplateColumns?: import("@codecademy/variance").Scale<{
812
+ gridTemplateColumns?: import("@codecademy/variance/dist/types/config").Scale<{
813
813
  readonly property: "gridTemplateColumns";
814
814
  }>;
815
- gridTemplateRows?: import("@codecademy/variance").Scale<{
815
+ gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
816
816
  readonly property: "gridTemplateRows";
817
817
  }>;
818
- height?: import("@codecademy/variance").Scale<{
818
+ height?: import("@codecademy/variance/dist/types/config").Scale<{
819
819
  readonly property: {
820
820
  readonly physical: "height";
821
821
  readonly logical: "blockSize";
@@ -823,16 +823,16 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
823
823
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
824
824
  readonly transform: (value: string | number) => string | 0;
825
825
  }>;
826
- justifyContent?: import("@codecademy/variance").Scale<{
826
+ justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
827
827
  readonly property: "justifyContent";
828
828
  }>;
829
- justifyItems?: import("@codecademy/variance").Scale<{
829
+ justifyItems?: import("@codecademy/variance/dist/types/config").Scale<{
830
830
  readonly property: "justifyItems";
831
831
  }>;
832
- justifySelf?: import("@codecademy/variance").Scale<{
832
+ justifySelf?: import("@codecademy/variance/dist/types/config").Scale<{
833
833
  readonly property: "justifySelf";
834
834
  }>;
835
- left?: import("@codecademy/variance").Scale<{
835
+ left?: import("@codecademy/variance/dist/types/config").Scale<{
836
836
  readonly property: {
837
837
  readonly physical: "left";
838
838
  readonly logical: "insetInlineStart";
@@ -840,7 +840,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
840
840
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
841
841
  readonly transform: (value: string | number) => string | 0;
842
842
  }>;
843
- maxHeight?: import("@codecademy/variance").Scale<{
843
+ maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
844
844
  readonly property: {
845
845
  readonly physical: "maxHeight";
846
846
  readonly logical: "maxBlockSize";
@@ -848,7 +848,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
848
848
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
849
849
  readonly transform: (value: string | number) => string | 0;
850
850
  }>;
851
- maxWidth?: import("@codecademy/variance").Scale<{
851
+ maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
852
852
  readonly property: {
853
853
  readonly physical: "maxWidth";
854
854
  readonly logical: "maxInlineSize";
@@ -856,7 +856,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
856
856
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
857
857
  readonly transform: (value: string | number) => string | 0;
858
858
  }>;
859
- minHeight?: import("@codecademy/variance").Scale<{
859
+ minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
860
860
  readonly property: {
861
861
  readonly physical: "minHeight";
862
862
  readonly logical: "minBlockSize";
@@ -864,7 +864,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
864
864
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
865
865
  readonly transform: (value: string | number) => string | 0;
866
866
  }>;
867
- minWidth?: import("@codecademy/variance").Scale<{
867
+ minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
868
868
  readonly property: {
869
869
  readonly physical: "minWidth";
870
870
  readonly logical: "minInlineSize";
@@ -872,30 +872,30 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
872
872
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
873
873
  readonly transform: (value: string | number) => string | 0;
874
874
  }>;
875
- opacity?: import("@codecademy/variance").Scale<{
875
+ opacity?: import("@codecademy/variance/dist/types/config").Scale<{
876
876
  readonly property: "opacity";
877
877
  }>;
878
- order?: import("@codecademy/variance").Scale<{
878
+ order?: import("@codecademy/variance/dist/types/config").Scale<{
879
879
  readonly property: "order";
880
880
  }>;
881
- overflowX?: import("@codecademy/variance").Scale<{
881
+ overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
882
882
  readonly property: {
883
883
  readonly physical: "overflowX";
884
884
  readonly logical: "overflowInline";
885
885
  };
886
886
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
887
887
  }>;
888
- overflowY?: import("@codecademy/variance").Scale<{
888
+ overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
889
889
  readonly property: {
890
890
  readonly physical: "overflowY";
891
891
  readonly logical: "overflowBlock";
892
892
  };
893
893
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
894
894
  }>;
895
- position?: import("@codecademy/variance").Scale<{
895
+ position?: import("@codecademy/variance/dist/types/config").Scale<{
896
896
  readonly property: "position";
897
897
  }>;
898
- right?: import("@codecademy/variance").Scale<{
898
+ right?: import("@codecademy/variance/dist/types/config").Scale<{
899
899
  readonly property: {
900
900
  readonly physical: "right";
901
901
  readonly logical: "insetInlineEnd";
@@ -903,11 +903,11 @@ export declare const VariableProvider: 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
- rowGap?: import("@codecademy/variance").Scale<{
906
+ rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
907
907
  readonly property: "rowGap";
908
908
  readonly scale: "spacing";
909
909
  }>;
910
- top?: import("@codecademy/variance").Scale<{
910
+ top?: import("@codecademy/variance/dist/types/config").Scale<{
911
911
  readonly property: {
912
912
  readonly physical: "top";
913
913
  readonly logical: "insetBlockStart";
@@ -915,10 +915,10 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
915
915
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
916
916
  readonly transform: (value: string | number) => string | 0;
917
917
  }>;
918
- verticalAlign?: import("@codecademy/variance").Scale<{
918
+ verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
919
919
  readonly property: "verticalAlign";
920
920
  }>;
921
- width?: import("@codecademy/variance").Scale<{
921
+ width?: import("@codecademy/variance/dist/types/config").Scale<{
922
922
  readonly property: {
923
923
  readonly physical: "width";
924
924
  readonly logical: "inlineSize";
@@ -926,13 +926,13 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
926
926
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
927
927
  readonly transform: (value: string | number) => string | 0;
928
928
  }>;
929
- zIndex?: import("@codecademy/variance").Scale<{
929
+ zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
930
930
  readonly property: "zIndex";
931
931
  }>;
932
- backgroundPosition?: import("@codecademy/variance").Scale<{
932
+ backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
933
933
  readonly property: "backgroundPosition";
934
934
  }>;
935
- borderBottom?: import("@codecademy/variance").Scale<{
935
+ borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
936
936
  readonly property: {
937
937
  readonly physical: "borderBottom";
938
938
  readonly logical: "borderBlockEnd";
@@ -940,11 +940,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
940
940
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
941
941
  readonly scale: "borders";
942
942
  }>;
943
- borderColor?: import("@codecademy/variance").Scale<{
943
+ borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
944
944
  readonly property: "borderColor";
945
945
  readonly scale: "colors";
946
946
  }>;
947
- borderLeft?: import("@codecademy/variance").Scale<{
947
+ borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
948
948
  readonly property: {
949
949
  readonly physical: "borderLeft";
950
950
  readonly logical: "borderInlineStart";
@@ -952,11 +952,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
952
952
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
953
953
  readonly scale: "borders";
954
954
  }>;
955
- borderRadius?: import("@codecademy/variance").Scale<{
955
+ borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
956
956
  readonly property: "borderRadius";
957
957
  readonly scale: "borderRadii";
958
958
  }>;
959
- borderRight?: import("@codecademy/variance").Scale<{
959
+ borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
960
960
  readonly property: {
961
961
  readonly physical: "borderRight";
962
962
  readonly logical: "borderInlineEnd";
@@ -964,10 +964,10 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
964
964
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
965
965
  readonly scale: "borders";
966
966
  }>;
967
- borderStyle?: import("@codecademy/variance").Scale<{
967
+ borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
968
968
  readonly property: "borderStyle";
969
969
  }>;
970
- borderTop?: import("@codecademy/variance").Scale<{
970
+ borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
971
971
  readonly property: {
972
972
  readonly physical: "borderTop";
973
973
  readonly logical: "borderBlockStart";
@@ -975,26 +975,26 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
975
975
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
976
976
  readonly scale: "borders";
977
977
  }>;
978
- borderWidth?: import("@codecademy/variance").Scale<{
978
+ borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
979
979
  readonly property: "borderWidth";
980
980
  }>;
981
- flex?: import("@codecademy/variance").Scale<{
981
+ flex?: import("@codecademy/variance/dist/types/config").Scale<{
982
982
  readonly property: "flex";
983
983
  }>;
984
- gap?: import("@codecademy/variance").Scale<{
984
+ gap?: import("@codecademy/variance/dist/types/config").Scale<{
985
985
  readonly property: "gap";
986
986
  readonly scale: "spacing";
987
987
  }>;
988
- gridArea?: import("@codecademy/variance").Scale<{
988
+ gridArea?: import("@codecademy/variance/dist/types/config").Scale<{
989
989
  readonly property: "gridArea";
990
990
  }>;
991
- gridColumn?: import("@codecademy/variance").Scale<{
991
+ gridColumn?: import("@codecademy/variance/dist/types/config").Scale<{
992
992
  readonly property: "gridColumn";
993
993
  }>;
994
- gridRow?: import("@codecademy/variance").Scale<{
994
+ gridRow?: import("@codecademy/variance/dist/types/config").Scale<{
995
995
  readonly property: "gridRow";
996
996
  }>;
997
- inset?: import("@codecademy/variance").Scale<{
997
+ inset?: import("@codecademy/variance/dist/types/config").Scale<{
998
998
  readonly property: "inset";
999
999
  readonly properties: {
1000
1000
  readonly physical: readonly ["top", "right", "bottom", "left"];
@@ -1003,10 +1003,10 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1003
1003
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1004
1004
  readonly transform: (value: string | number) => string | 0;
1005
1005
  }>;
1006
- overflow?: import("@codecademy/variance").Scale<{
1006
+ overflow?: import("@codecademy/variance/dist/types/config").Scale<{
1007
1007
  readonly property: "overflow";
1008
1008
  }>;
1009
- dimensions?: import("@codecademy/variance").Scale<{
1009
+ dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
1010
1010
  readonly property: "width";
1011
1011
  readonly properties: {
1012
1012
  readonly physical: readonly ["width", "height"];
@@ -1015,15 +1015,15 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1015
1015
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1016
1016
  readonly transform: (value: string | number) => string | 0;
1017
1017
  }>;
1018
- textColor?: import("@codecademy/variance").Scale<{
1018
+ textColor?: import("@codecademy/variance/dist/types/config").Scale<{
1019
1019
  readonly property: "color";
1020
1020
  readonly scale: "colors";
1021
1021
  }>;
1022
- bg?: import("@codecademy/variance").Scale<{
1022
+ bg?: import("@codecademy/variance/dist/types/config").Scale<{
1023
1023
  readonly property: "backgroundColor";
1024
1024
  readonly scale: "colors";
1025
1025
  }>;
1026
- borderColorX?: import("@codecademy/variance").Scale<{
1026
+ borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
1027
1027
  readonly property: "borderColor";
1028
1028
  readonly properties: {
1029
1029
  readonly physical: readonly ["borderLeftColor", "borderRightColor"];
@@ -1032,7 +1032,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1032
1032
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1033
1033
  readonly scale: "colors";
1034
1034
  }>;
1035
- borderColorY?: import("@codecademy/variance").Scale<{
1035
+ borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
1036
1036
  readonly property: "borderColor";
1037
1037
  readonly properties: {
1038
1038
  readonly physical: readonly ["borderTopColor", "borderBottomColor"];
@@ -1041,27 +1041,27 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1041
1041
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1042
1042
  readonly scale: "colors";
1043
1043
  }>;
1044
- borderColorLeft?: import("@codecademy/variance").Scale<{
1044
+ borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1045
1045
  readonly property: "borderLeftColor";
1046
1046
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1047
1047
  readonly scale: "colors";
1048
1048
  }>;
1049
- borderColorRight?: import("@codecademy/variance").Scale<{
1049
+ borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
1050
1050
  readonly property: "borderRightColor";
1051
1051
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1052
1052
  readonly scale: "colors";
1053
1053
  }>;
1054
- borderColorTop?: import("@codecademy/variance").Scale<{
1054
+ borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
1055
1055
  readonly property: "borderTopColor";
1056
1056
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1057
1057
  readonly scale: "colors";
1058
1058
  }>;
1059
- borderColorBottom?: import("@codecademy/variance").Scale<{
1059
+ borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1060
1060
  readonly property: "borderBottomColor";
1061
1061
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1062
1062
  readonly scale: "colors";
1063
1063
  }>;
1064
- px?: import("@codecademy/variance").Scale<{
1064
+ px?: import("@codecademy/variance/dist/types/config").Scale<{
1065
1065
  readonly property: "padding";
1066
1066
  readonly properties: {
1067
1067
  readonly physical: readonly ["paddingLeft", "paddingRight"];
@@ -1070,7 +1070,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1070
1070
  readonly scale: "spacing";
1071
1071
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1072
1072
  }>;
1073
- py?: import("@codecademy/variance").Scale<{
1073
+ py?: import("@codecademy/variance/dist/types/config").Scale<{
1074
1074
  readonly property: "padding";
1075
1075
  readonly properties: {
1076
1076
  readonly physical: readonly ["paddingTop", "paddingBottom"];
@@ -1079,7 +1079,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1079
1079
  readonly scale: "spacing";
1080
1080
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1081
1081
  }>;
1082
- pt?: import("@codecademy/variance").Scale<{
1082
+ pt?: import("@codecademy/variance/dist/types/config").Scale<{
1083
1083
  readonly property: {
1084
1084
  readonly physical: "paddingTop";
1085
1085
  readonly logical: "paddingBlockStart";
@@ -1087,7 +1087,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1087
1087
  readonly scale: "spacing";
1088
1088
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1089
1089
  }>;
1090
- pb?: import("@codecademy/variance").Scale<{
1090
+ pb?: import("@codecademy/variance/dist/types/config").Scale<{
1091
1091
  readonly property: {
1092
1092
  readonly physical: "paddingBottom";
1093
1093
  readonly logical: "paddingBlockEnd";
@@ -1095,7 +1095,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1095
1095
  readonly scale: "spacing";
1096
1096
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1097
1097
  }>;
1098
- pr?: import("@codecademy/variance").Scale<{
1098
+ pr?: import("@codecademy/variance/dist/types/config").Scale<{
1099
1099
  readonly property: {
1100
1100
  readonly physical: "paddingRight";
1101
1101
  readonly logical: "paddingInlineEnd";
@@ -1103,7 +1103,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1103
1103
  readonly scale: "spacing";
1104
1104
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1105
1105
  }>;
1106
- pl?: import("@codecademy/variance").Scale<{
1106
+ pl?: import("@codecademy/variance/dist/types/config").Scale<{
1107
1107
  readonly property: {
1108
1108
  readonly physical: "paddingLeft";
1109
1109
  readonly logical: "paddingInlineStart";
@@ -1111,11 +1111,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1111
1111
  readonly scale: "spacing";
1112
1112
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1113
1113
  }>;
1114
- m?: import("@codecademy/variance").Scale<{
1114
+ m?: import("@codecademy/variance/dist/types/config").Scale<{
1115
1115
  readonly property: "margin";
1116
1116
  readonly scale: "spacing";
1117
1117
  }>;
1118
- mx?: import("@codecademy/variance").Scale<{
1118
+ mx?: import("@codecademy/variance/dist/types/config").Scale<{
1119
1119
  readonly property: "margin";
1120
1120
  readonly properties: {
1121
1121
  readonly physical: readonly ["marginLeft", "marginRight"];
@@ -1124,7 +1124,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1124
1124
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1125
1125
  readonly scale: "spacing";
1126
1126
  }>;
1127
- my?: import("@codecademy/variance").Scale<{
1127
+ my?: import("@codecademy/variance/dist/types/config").Scale<{
1128
1128
  readonly property: "margin";
1129
1129
  readonly properties: {
1130
1130
  readonly physical: readonly ["marginTop", "marginBottom"];
@@ -1133,7 +1133,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1133
1133
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1134
1134
  readonly scale: "spacing";
1135
1135
  }>;
1136
- mt?: import("@codecademy/variance").Scale<{
1136
+ mt?: import("@codecademy/variance/dist/types/config").Scale<{
1137
1137
  readonly property: {
1138
1138
  readonly physical: "marginTop";
1139
1139
  readonly logical: "marginBlockStart";
@@ -1141,7 +1141,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1141
1141
  readonly scale: "spacing";
1142
1142
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1143
1143
  }>;
1144
- mb?: import("@codecademy/variance").Scale<{
1144
+ mb?: import("@codecademy/variance/dist/types/config").Scale<{
1145
1145
  readonly property: {
1146
1146
  readonly physical: "marginBottom";
1147
1147
  readonly logical: "marginBlockEnd";
@@ -1149,7 +1149,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1149
1149
  readonly scale: "spacing";
1150
1150
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1151
1151
  }>;
1152
- mr?: import("@codecademy/variance").Scale<{
1152
+ mr?: import("@codecademy/variance/dist/types/config").Scale<{
1153
1153
  readonly property: {
1154
1154
  readonly physical: "marginRight";
1155
1155
  readonly logical: "marginInlineEnd";
@@ -1157,7 +1157,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1157
1157
  readonly scale: "spacing";
1158
1158
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1159
1159
  }>;
1160
- ml?: import("@codecademy/variance").Scale<{
1160
+ ml?: import("@codecademy/variance/dist/types/config").Scale<{
1161
1161
  readonly property: {
1162
1162
  readonly physical: "marginLeft";
1163
1163
  readonly logical: "marginInlineStart";
@@ -1165,7 +1165,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1165
1165
  readonly scale: "spacing";
1166
1166
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1167
1167
  }>;
1168
- borderX?: import("@codecademy/variance").Scale<{
1168
+ borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1169
1169
  readonly property: "border";
1170
1170
  readonly properties: {
1171
1171
  readonly physical: readonly ["borderLeft", "borderRight"];
@@ -1174,7 +1174,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1174
1174
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1175
1175
  readonly scale: "borders";
1176
1176
  }>;
1177
- borderY?: import("@codecademy/variance").Scale<{
1177
+ borderY?: import("@codecademy/variance/dist/types/config").Scale<{
1178
1178
  readonly property: "border";
1179
1179
  readonly properties: {
1180
1180
  readonly physical: readonly ["borderTop", "borderBottom"];
@@ -1183,7 +1183,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1183
1183
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1184
1184
  readonly scale: "borders";
1185
1185
  }>;
1186
- borderWidthX?: import("@codecademy/variance").Scale<{
1186
+ borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
1187
1187
  readonly property: "borderWidth";
1188
1188
  readonly properties: {
1189
1189
  readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
@@ -1191,7 +1191,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1191
1191
  };
1192
1192
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1193
1193
  }>;
1194
- borderWidthY?: import("@codecademy/variance").Scale<{
1194
+ borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
1195
1195
  readonly property: "borderWidth";
1196
1196
  readonly properties: {
1197
1197
  readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
@@ -1199,35 +1199,35 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1199
1199
  };
1200
1200
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1201
1201
  }>;
1202
- borderWidthLeft?: import("@codecademy/variance").Scale<{
1202
+ borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1203
1203
  readonly property: {
1204
1204
  readonly physical: "borderLeftWidth";
1205
1205
  readonly logical: "borderInlineStartWidth";
1206
1206
  };
1207
1207
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1208
1208
  }>;
1209
- borderWidthRight?: import("@codecademy/variance").Scale<{
1209
+ borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
1210
1210
  readonly property: {
1211
1211
  readonly physical: "borderRightWidth";
1212
1212
  readonly logical: "borderInlineEndWidth";
1213
1213
  };
1214
1214
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1215
1215
  }>;
1216
- borderWidthTop?: import("@codecademy/variance").Scale<{
1216
+ borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
1217
1217
  readonly property: {
1218
1218
  readonly physical: "borderTopWidth";
1219
1219
  readonly logical: "borderBlockStartWidth";
1220
1220
  };
1221
1221
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1222
1222
  }>;
1223
- borderWidthBottom?: import("@codecademy/variance").Scale<{
1223
+ borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1224
1224
  readonly property: {
1225
1225
  readonly physical: "borderBottomWidth";
1226
1226
  readonly logical: "borderBlockEndWidth";
1227
1227
  };
1228
1228
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1229
1229
  }>;
1230
- borderRadiusLeft?: import("@codecademy/variance").Scale<{
1230
+ borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1231
1231
  readonly property: "borderRadius";
1232
1232
  readonly properties: {
1233
1233
  readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
@@ -1236,7 +1236,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1236
1236
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1237
1237
  readonly scale: "borderRadii";
1238
1238
  }>;
1239
- borderRadiusTop?: import("@codecademy/variance").Scale<{
1239
+ borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
1240
1240
  readonly property: "borderRadius";
1241
1241
  readonly properties: {
1242
1242
  readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
@@ -1245,7 +1245,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1245
1245
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1246
1246
  readonly scale: "borderRadii";
1247
1247
  }>;
1248
- borderRadiusBottom?: import("@codecademy/variance").Scale<{
1248
+ borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1249
1249
  readonly property: "borderRadius";
1250
1250
  readonly properties: {
1251
1251
  readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
@@ -1254,7 +1254,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1254
1254
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1255
1255
  readonly scale: "borderRadii";
1256
1256
  }>;
1257
- borderRadiusRight?: import("@codecademy/variance").Scale<{
1257
+ borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1258
1258
  readonly property: "borderRadius";
1259
1259
  readonly properties: {
1260
1260
  readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
@@ -1263,7 +1263,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1263
1263
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1264
1264
  readonly scale: "borderRadii";
1265
1265
  }>;
1266
- borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
1266
+ borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1267
1267
  readonly property: {
1268
1268
  readonly physical: "borderTopLeftRadius";
1269
1269
  readonly logical: "borderStartStartRadius";
@@ -1271,7 +1271,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1271
1271
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1272
1272
  readonly scale: "borderRadii";
1273
1273
  }>;
1274
- borderRadiusTopRight?: import("@codecademy/variance").Scale<{
1274
+ borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1275
1275
  readonly property: {
1276
1276
  readonly physical: "borderTopRightRadius";
1277
1277
  readonly logical: "borderStartEndRadius";
@@ -1279,7 +1279,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1279
1279
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1280
1280
  readonly scale: "borderRadii";
1281
1281
  }>;
1282
- borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
1282
+ borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1283
1283
  readonly property: {
1284
1284
  readonly physical: "borderBottomRightRadius";
1285
1285
  readonly logical: "borderEndEndRadius";
@@ -1287,7 +1287,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1287
1287
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1288
1288
  readonly scale: "borderRadii";
1289
1289
  }>;
1290
- borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
1290
+ borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1291
1291
  readonly property: {
1292
1292
  readonly physical: "borderBottomLeftRadius";
1293
1293
  readonly logical: "borderEndStartRadius";
@@ -1295,7 +1295,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1295
1295
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1296
1296
  readonly scale: "borderRadii";
1297
1297
  }>;
1298
- borderStyleX?: import("@codecademy/variance").Scale<{
1298
+ borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1299
1299
  readonly property: "borderStyle";
1300
1300
  readonly properties: {
1301
1301
  readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
@@ -1303,7 +1303,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1303
1303
  };
1304
1304
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1305
1305
  }>;
1306
- borderStyleY?: import("@codecademy/variance").Scale<{
1306
+ borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1307
1307
  readonly property: "borderStyle";
1308
1308
  readonly properties: {
1309
1309
  readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
@@ -1311,28 +1311,28 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
1311
1311
  };
1312
1312
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1313
1313
  }>;
1314
- borderStyleLeft?: import("@codecademy/variance").Scale<{
1314
+ borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1315
1315
  readonly property: {
1316
1316
  readonly physical: "borderLeftStyle";
1317
1317
  readonly logical: "borderInlineStartStyle";
1318
1318
  };
1319
1319
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1320
1320
  }>;
1321
- borderStyleRight?: import("@codecademy/variance").Scale<{
1321
+ borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1322
1322
  readonly property: {
1323
1323
  readonly physical: "borderRightStyle";
1324
1324
  readonly logical: "borderInlineEndStyle";
1325
1325
  };
1326
1326
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1327
1327
  }>;
1328
- borderStyleTop?: import("@codecademy/variance").Scale<{
1328
+ borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1329
1329
  readonly property: {
1330
1330
  readonly physical: "borderTopStyle";
1331
1331
  readonly logical: "borderBlockStartStyle";
1332
1332
  };
1333
1333
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1334
1334
  }>;
1335
- borderStyleBottom?: import("@codecademy/variance").Scale<{
1335
+ borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1336
1336
  readonly property: {
1337
1337
  readonly physical: "borderBottomStyle";
1338
1338
  readonly logical: "borderBlockEndStyle";
@@ -1349,40 +1349,40 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1349
1349
  theme?: Theme;
1350
1350
  as?: React.ElementType;
1351
1351
  } & {
1352
- color?: import("@codecademy/variance").Scale<{
1352
+ color?: import("@codecademy/variance/dist/types/config").Scale<{
1353
1353
  readonly property: "color";
1354
1354
  readonly scale: "colors";
1355
1355
  }>;
1356
- background?: import("@codecademy/variance").Scale<{
1356
+ background?: import("@codecademy/variance/dist/types/config").Scale<{
1357
1357
  readonly property: "background";
1358
1358
  }>;
1359
- border?: import("@codecademy/variance").Scale<{
1359
+ border?: import("@codecademy/variance/dist/types/config").Scale<{
1360
1360
  readonly property: "border";
1361
1361
  readonly scale: "borders";
1362
1362
  }>;
1363
- p?: import("@codecademy/variance").Scale<{
1363
+ p?: import("@codecademy/variance/dist/types/config").Scale<{
1364
1364
  readonly property: "padding";
1365
1365
  readonly scale: "spacing";
1366
1366
  }>;
1367
- alignContent?: import("@codecademy/variance").Scale<{
1367
+ alignContent?: import("@codecademy/variance/dist/types/config").Scale<{
1368
1368
  readonly property: "alignContent";
1369
1369
  }>;
1370
- alignItems?: import("@codecademy/variance").Scale<{
1370
+ alignItems?: import("@codecademy/variance/dist/types/config").Scale<{
1371
1371
  readonly property: "alignItems";
1372
1372
  }>;
1373
- alignSelf?: import("@codecademy/variance").Scale<{
1373
+ alignSelf?: import("@codecademy/variance/dist/types/config").Scale<{
1374
1374
  readonly property: "alignSelf";
1375
1375
  }>;
1376
- backgroundImage?: import("@codecademy/variance").Scale<{
1376
+ backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
1377
1377
  readonly property: "backgroundImage";
1378
1378
  }>;
1379
- backgroundRepeat?: import("@codecademy/variance").Scale<{
1379
+ backgroundRepeat?: import("@codecademy/variance/dist/types/config").Scale<{
1380
1380
  readonly property: "backgroundRepeat";
1381
1381
  }>;
1382
- backgroundSize?: import("@codecademy/variance").Scale<{
1382
+ backgroundSize?: import("@codecademy/variance/dist/types/config").Scale<{
1383
1383
  readonly property: "backgroundSize";
1384
1384
  }>;
1385
- bottom?: import("@codecademy/variance").Scale<{
1385
+ bottom?: import("@codecademy/variance/dist/types/config").Scale<{
1386
1386
  readonly property: {
1387
1387
  readonly physical: "bottom";
1388
1388
  readonly logical: "insetBlockEnd";
@@ -1390,65 +1390,65 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1390
1390
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1391
1391
  readonly transform: (value: string | number) => string | 0;
1392
1392
  }>;
1393
- columnGap?: import("@codecademy/variance").Scale<{
1393
+ columnGap?: import("@codecademy/variance/dist/types/config").Scale<{
1394
1394
  readonly property: "columnGap";
1395
1395
  readonly scale: "spacing";
1396
1396
  }>;
1397
- containerType?: import("@codecademy/variance").Scale<{
1397
+ containerType?: import("@codecademy/variance/dist/types/config").Scale<{
1398
1398
  readonly property: "containerType";
1399
1399
  }>;
1400
- direction?: import("@codecademy/variance").Scale<{
1400
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
1401
1401
  readonly property: "direction";
1402
1402
  }>;
1403
- display?: import("@codecademy/variance").Scale<{
1403
+ display?: import("@codecademy/variance/dist/types/config").Scale<{
1404
1404
  readonly property: "display";
1405
1405
  }>;
1406
- flexBasis?: import("@codecademy/variance").Scale<{
1406
+ flexBasis?: import("@codecademy/variance/dist/types/config").Scale<{
1407
1407
  readonly property: "flexBasis";
1408
1408
  }>;
1409
- flexDirection?: import("@codecademy/variance").Scale<{
1409
+ flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
1410
1410
  readonly property: "flexDirection";
1411
1411
  }>;
1412
- flexGrow?: import("@codecademy/variance").Scale<{
1412
+ flexGrow?: import("@codecademy/variance/dist/types/config").Scale<{
1413
1413
  readonly property: "flexGrow";
1414
1414
  }>;
1415
- flexShrink?: import("@codecademy/variance").Scale<{
1415
+ flexShrink?: import("@codecademy/variance/dist/types/config").Scale<{
1416
1416
  readonly property: "flexShrink";
1417
1417
  }>;
1418
- flexWrap?: import("@codecademy/variance").Scale<{
1418
+ flexWrap?: import("@codecademy/variance/dist/types/config").Scale<{
1419
1419
  readonly property: "flexWrap";
1420
1420
  }>;
1421
- gridAutoColumns?: import("@codecademy/variance").Scale<{
1421
+ gridAutoColumns?: import("@codecademy/variance/dist/types/config").Scale<{
1422
1422
  readonly property: "gridAutoColumns";
1423
1423
  }>;
1424
- gridAutoFlow?: import("@codecademy/variance").Scale<{
1424
+ gridAutoFlow?: import("@codecademy/variance/dist/types/config").Scale<{
1425
1425
  readonly property: "gridAutoFlow";
1426
1426
  }>;
1427
- gridAutoRows?: import("@codecademy/variance").Scale<{
1427
+ gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
1428
1428
  readonly property: "gridAutoRows";
1429
1429
  }>;
1430
- gridColumnEnd?: import("@codecademy/variance").Scale<{
1430
+ gridColumnEnd?: import("@codecademy/variance/dist/types/config").Scale<{
1431
1431
  readonly property: "gridColumnEnd";
1432
1432
  }>;
1433
- gridColumnStart?: import("@codecademy/variance").Scale<{
1433
+ gridColumnStart?: import("@codecademy/variance/dist/types/config").Scale<{
1434
1434
  readonly property: "gridColumnStart";
1435
1435
  }>;
1436
- gridRowEnd?: import("@codecademy/variance").Scale<{
1436
+ gridRowEnd?: import("@codecademy/variance/dist/types/config").Scale<{
1437
1437
  readonly property: "gridRowEnd";
1438
1438
  }>;
1439
- gridRowStart?: import("@codecademy/variance").Scale<{
1439
+ gridRowStart?: import("@codecademy/variance/dist/types/config").Scale<{
1440
1440
  readonly property: "gridRowStart";
1441
1441
  }>;
1442
- gridTemplateAreas?: import("@codecademy/variance").Scale<{
1442
+ gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
1443
1443
  readonly property: "gridTemplateAreas";
1444
1444
  }>;
1445
- gridTemplateColumns?: import("@codecademy/variance").Scale<{
1445
+ gridTemplateColumns?: import("@codecademy/variance/dist/types/config").Scale<{
1446
1446
  readonly property: "gridTemplateColumns";
1447
1447
  }>;
1448
- gridTemplateRows?: import("@codecademy/variance").Scale<{
1448
+ gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
1449
1449
  readonly property: "gridTemplateRows";
1450
1450
  }>;
1451
- height?: import("@codecademy/variance").Scale<{
1451
+ height?: import("@codecademy/variance/dist/types/config").Scale<{
1452
1452
  readonly property: {
1453
1453
  readonly physical: "height";
1454
1454
  readonly logical: "blockSize";
@@ -1456,16 +1456,16 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1456
1456
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1457
1457
  readonly transform: (value: string | number) => string | 0;
1458
1458
  }>;
1459
- justifyContent?: import("@codecademy/variance").Scale<{
1459
+ justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
1460
1460
  readonly property: "justifyContent";
1461
1461
  }>;
1462
- justifyItems?: import("@codecademy/variance").Scale<{
1462
+ justifyItems?: import("@codecademy/variance/dist/types/config").Scale<{
1463
1463
  readonly property: "justifyItems";
1464
1464
  }>;
1465
- justifySelf?: import("@codecademy/variance").Scale<{
1465
+ justifySelf?: import("@codecademy/variance/dist/types/config").Scale<{
1466
1466
  readonly property: "justifySelf";
1467
1467
  }>;
1468
- left?: import("@codecademy/variance").Scale<{
1468
+ left?: import("@codecademy/variance/dist/types/config").Scale<{
1469
1469
  readonly property: {
1470
1470
  readonly physical: "left";
1471
1471
  readonly logical: "insetInlineStart";
@@ -1473,7 +1473,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1473
1473
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1474
1474
  readonly transform: (value: string | number) => string | 0;
1475
1475
  }>;
1476
- maxHeight?: import("@codecademy/variance").Scale<{
1476
+ maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1477
1477
  readonly property: {
1478
1478
  readonly physical: "maxHeight";
1479
1479
  readonly logical: "maxBlockSize";
@@ -1481,7 +1481,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1481
1481
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1482
1482
  readonly transform: (value: string | number) => string | 0;
1483
1483
  }>;
1484
- maxWidth?: import("@codecademy/variance").Scale<{
1484
+ maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1485
1485
  readonly property: {
1486
1486
  readonly physical: "maxWidth";
1487
1487
  readonly logical: "maxInlineSize";
@@ -1489,7 +1489,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1489
1489
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1490
1490
  readonly transform: (value: string | number) => string | 0;
1491
1491
  }>;
1492
- minHeight?: import("@codecademy/variance").Scale<{
1492
+ minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1493
1493
  readonly property: {
1494
1494
  readonly physical: "minHeight";
1495
1495
  readonly logical: "minBlockSize";
@@ -1497,7 +1497,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1497
1497
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1498
1498
  readonly transform: (value: string | number) => string | 0;
1499
1499
  }>;
1500
- minWidth?: import("@codecademy/variance").Scale<{
1500
+ minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1501
1501
  readonly property: {
1502
1502
  readonly physical: "minWidth";
1503
1503
  readonly logical: "minInlineSize";
@@ -1505,30 +1505,30 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1505
1505
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1506
1506
  readonly transform: (value: string | number) => string | 0;
1507
1507
  }>;
1508
- opacity?: import("@codecademy/variance").Scale<{
1508
+ opacity?: import("@codecademy/variance/dist/types/config").Scale<{
1509
1509
  readonly property: "opacity";
1510
1510
  }>;
1511
- order?: import("@codecademy/variance").Scale<{
1511
+ order?: import("@codecademy/variance/dist/types/config").Scale<{
1512
1512
  readonly property: "order";
1513
1513
  }>;
1514
- overflowX?: import("@codecademy/variance").Scale<{
1514
+ overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
1515
1515
  readonly property: {
1516
1516
  readonly physical: "overflowX";
1517
1517
  readonly logical: "overflowInline";
1518
1518
  };
1519
1519
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1520
1520
  }>;
1521
- overflowY?: import("@codecademy/variance").Scale<{
1521
+ overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
1522
1522
  readonly property: {
1523
1523
  readonly physical: "overflowY";
1524
1524
  readonly logical: "overflowBlock";
1525
1525
  };
1526
1526
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1527
1527
  }>;
1528
- position?: import("@codecademy/variance").Scale<{
1528
+ position?: import("@codecademy/variance/dist/types/config").Scale<{
1529
1529
  readonly property: "position";
1530
1530
  }>;
1531
- right?: import("@codecademy/variance").Scale<{
1531
+ right?: import("@codecademy/variance/dist/types/config").Scale<{
1532
1532
  readonly property: {
1533
1533
  readonly physical: "right";
1534
1534
  readonly logical: "insetInlineEnd";
@@ -1536,11 +1536,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1536
1536
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1537
1537
  readonly transform: (value: string | number) => string | 0;
1538
1538
  }>;
1539
- rowGap?: import("@codecademy/variance").Scale<{
1539
+ rowGap?: import("@codecademy/variance/dist/types/config").Scale<{
1540
1540
  readonly property: "rowGap";
1541
1541
  readonly scale: "spacing";
1542
1542
  }>;
1543
- top?: import("@codecademy/variance").Scale<{
1543
+ top?: import("@codecademy/variance/dist/types/config").Scale<{
1544
1544
  readonly property: {
1545
1545
  readonly physical: "top";
1546
1546
  readonly logical: "insetBlockStart";
@@ -1548,10 +1548,10 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1548
1548
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1549
1549
  readonly transform: (value: string | number) => string | 0;
1550
1550
  }>;
1551
- verticalAlign?: import("@codecademy/variance").Scale<{
1551
+ verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
1552
1552
  readonly property: "verticalAlign";
1553
1553
  }>;
1554
- width?: import("@codecademy/variance").Scale<{
1554
+ width?: import("@codecademy/variance/dist/types/config").Scale<{
1555
1555
  readonly property: {
1556
1556
  readonly physical: "width";
1557
1557
  readonly logical: "inlineSize";
@@ -1559,13 +1559,13 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1559
1559
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1560
1560
  readonly transform: (value: string | number) => string | 0;
1561
1561
  }>;
1562
- zIndex?: import("@codecademy/variance").Scale<{
1562
+ zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
1563
1563
  readonly property: "zIndex";
1564
1564
  }>;
1565
- backgroundPosition?: import("@codecademy/variance").Scale<{
1565
+ backgroundPosition?: import("@codecademy/variance/dist/types/config").Scale<{
1566
1566
  readonly property: "backgroundPosition";
1567
1567
  }>;
1568
- borderBottom?: import("@codecademy/variance").Scale<{
1568
+ borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1569
1569
  readonly property: {
1570
1570
  readonly physical: "borderBottom";
1571
1571
  readonly logical: "borderBlockEnd";
@@ -1573,11 +1573,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1573
1573
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1574
1574
  readonly scale: "borders";
1575
1575
  }>;
1576
- borderColor?: import("@codecademy/variance").Scale<{
1576
+ borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
1577
1577
  readonly property: "borderColor";
1578
1578
  readonly scale: "colors";
1579
1579
  }>;
1580
- borderLeft?: import("@codecademy/variance").Scale<{
1580
+ borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1581
1581
  readonly property: {
1582
1582
  readonly physical: "borderLeft";
1583
1583
  readonly logical: "borderInlineStart";
@@ -1585,11 +1585,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1585
1585
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1586
1586
  readonly scale: "borders";
1587
1587
  }>;
1588
- borderRadius?: import("@codecademy/variance").Scale<{
1588
+ borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
1589
1589
  readonly property: "borderRadius";
1590
1590
  readonly scale: "borderRadii";
1591
1591
  }>;
1592
- borderRight?: import("@codecademy/variance").Scale<{
1592
+ borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
1593
1593
  readonly property: {
1594
1594
  readonly physical: "borderRight";
1595
1595
  readonly logical: "borderInlineEnd";
@@ -1597,10 +1597,10 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1597
1597
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1598
1598
  readonly scale: "borders";
1599
1599
  }>;
1600
- borderStyle?: import("@codecademy/variance").Scale<{
1600
+ borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1601
1601
  readonly property: "borderStyle";
1602
1602
  }>;
1603
- borderTop?: import("@codecademy/variance").Scale<{
1603
+ borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
1604
1604
  readonly property: {
1605
1605
  readonly physical: "borderTop";
1606
1606
  readonly logical: "borderBlockStart";
@@ -1608,26 +1608,26 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1608
1608
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1609
1609
  readonly scale: "borders";
1610
1610
  }>;
1611
- borderWidth?: import("@codecademy/variance").Scale<{
1611
+ borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1612
1612
  readonly property: "borderWidth";
1613
1613
  }>;
1614
- flex?: import("@codecademy/variance").Scale<{
1614
+ flex?: import("@codecademy/variance/dist/types/config").Scale<{
1615
1615
  readonly property: "flex";
1616
1616
  }>;
1617
- gap?: import("@codecademy/variance").Scale<{
1617
+ gap?: import("@codecademy/variance/dist/types/config").Scale<{
1618
1618
  readonly property: "gap";
1619
1619
  readonly scale: "spacing";
1620
1620
  }>;
1621
- gridArea?: import("@codecademy/variance").Scale<{
1621
+ gridArea?: import("@codecademy/variance/dist/types/config").Scale<{
1622
1622
  readonly property: "gridArea";
1623
1623
  }>;
1624
- gridColumn?: import("@codecademy/variance").Scale<{
1624
+ gridColumn?: import("@codecademy/variance/dist/types/config").Scale<{
1625
1625
  readonly property: "gridColumn";
1626
1626
  }>;
1627
- gridRow?: import("@codecademy/variance").Scale<{
1627
+ gridRow?: import("@codecademy/variance/dist/types/config").Scale<{
1628
1628
  readonly property: "gridRow";
1629
1629
  }>;
1630
- inset?: import("@codecademy/variance").Scale<{
1630
+ inset?: import("@codecademy/variance/dist/types/config").Scale<{
1631
1631
  readonly property: "inset";
1632
1632
  readonly properties: {
1633
1633
  readonly physical: readonly ["top", "right", "bottom", "left"];
@@ -1636,10 +1636,10 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1636
1636
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1637
1637
  readonly transform: (value: string | number) => string | 0;
1638
1638
  }>;
1639
- overflow?: import("@codecademy/variance").Scale<{
1639
+ overflow?: import("@codecademy/variance/dist/types/config").Scale<{
1640
1640
  readonly property: "overflow";
1641
1641
  }>;
1642
- dimensions?: import("@codecademy/variance").Scale<{
1642
+ dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
1643
1643
  readonly property: "width";
1644
1644
  readonly properties: {
1645
1645
  readonly physical: readonly ["width", "height"];
@@ -1648,15 +1648,15 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1648
1648
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1649
1649
  readonly transform: (value: string | number) => string | 0;
1650
1650
  }>;
1651
- textColor?: import("@codecademy/variance").Scale<{
1651
+ textColor?: import("@codecademy/variance/dist/types/config").Scale<{
1652
1652
  readonly property: "color";
1653
1653
  readonly scale: "colors";
1654
1654
  }>;
1655
- bg?: import("@codecademy/variance").Scale<{
1655
+ bg?: import("@codecademy/variance/dist/types/config").Scale<{
1656
1656
  readonly property: "backgroundColor";
1657
1657
  readonly scale: "colors";
1658
1658
  }>;
1659
- borderColorX?: import("@codecademy/variance").Scale<{
1659
+ borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
1660
1660
  readonly property: "borderColor";
1661
1661
  readonly properties: {
1662
1662
  readonly physical: readonly ["borderLeftColor", "borderRightColor"];
@@ -1665,7 +1665,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1665
1665
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1666
1666
  readonly scale: "colors";
1667
1667
  }>;
1668
- borderColorY?: import("@codecademy/variance").Scale<{
1668
+ borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
1669
1669
  readonly property: "borderColor";
1670
1670
  readonly properties: {
1671
1671
  readonly physical: readonly ["borderTopColor", "borderBottomColor"];
@@ -1674,27 +1674,27 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1674
1674
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1675
1675
  readonly scale: "colors";
1676
1676
  }>;
1677
- borderColorLeft?: import("@codecademy/variance").Scale<{
1677
+ borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1678
1678
  readonly property: "borderLeftColor";
1679
1679
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1680
1680
  readonly scale: "colors";
1681
1681
  }>;
1682
- borderColorRight?: import("@codecademy/variance").Scale<{
1682
+ borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
1683
1683
  readonly property: "borderRightColor";
1684
1684
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1685
1685
  readonly scale: "colors";
1686
1686
  }>;
1687
- borderColorTop?: import("@codecademy/variance").Scale<{
1687
+ borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
1688
1688
  readonly property: "borderTopColor";
1689
1689
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1690
1690
  readonly scale: "colors";
1691
1691
  }>;
1692
- borderColorBottom?: import("@codecademy/variance").Scale<{
1692
+ borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1693
1693
  readonly property: "borderBottomColor";
1694
1694
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1695
1695
  readonly scale: "colors";
1696
1696
  }>;
1697
- px?: import("@codecademy/variance").Scale<{
1697
+ px?: import("@codecademy/variance/dist/types/config").Scale<{
1698
1698
  readonly property: "padding";
1699
1699
  readonly properties: {
1700
1700
  readonly physical: readonly ["paddingLeft", "paddingRight"];
@@ -1703,7 +1703,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1703
1703
  readonly scale: "spacing";
1704
1704
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1705
1705
  }>;
1706
- py?: import("@codecademy/variance").Scale<{
1706
+ py?: import("@codecademy/variance/dist/types/config").Scale<{
1707
1707
  readonly property: "padding";
1708
1708
  readonly properties: {
1709
1709
  readonly physical: readonly ["paddingTop", "paddingBottom"];
@@ -1712,7 +1712,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1712
1712
  readonly scale: "spacing";
1713
1713
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1714
1714
  }>;
1715
- pt?: import("@codecademy/variance").Scale<{
1715
+ pt?: import("@codecademy/variance/dist/types/config").Scale<{
1716
1716
  readonly property: {
1717
1717
  readonly physical: "paddingTop";
1718
1718
  readonly logical: "paddingBlockStart";
@@ -1720,7 +1720,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1720
1720
  readonly scale: "spacing";
1721
1721
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1722
1722
  }>;
1723
- pb?: import("@codecademy/variance").Scale<{
1723
+ pb?: import("@codecademy/variance/dist/types/config").Scale<{
1724
1724
  readonly property: {
1725
1725
  readonly physical: "paddingBottom";
1726
1726
  readonly logical: "paddingBlockEnd";
@@ -1728,7 +1728,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1728
1728
  readonly scale: "spacing";
1729
1729
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1730
1730
  }>;
1731
- pr?: import("@codecademy/variance").Scale<{
1731
+ pr?: import("@codecademy/variance/dist/types/config").Scale<{
1732
1732
  readonly property: {
1733
1733
  readonly physical: "paddingRight";
1734
1734
  readonly logical: "paddingInlineEnd";
@@ -1736,7 +1736,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1736
1736
  readonly scale: "spacing";
1737
1737
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1738
1738
  }>;
1739
- pl?: import("@codecademy/variance").Scale<{
1739
+ pl?: import("@codecademy/variance/dist/types/config").Scale<{
1740
1740
  readonly property: {
1741
1741
  readonly physical: "paddingLeft";
1742
1742
  readonly logical: "paddingInlineStart";
@@ -1744,11 +1744,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1744
1744
  readonly scale: "spacing";
1745
1745
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1746
1746
  }>;
1747
- m?: import("@codecademy/variance").Scale<{
1747
+ m?: import("@codecademy/variance/dist/types/config").Scale<{
1748
1748
  readonly property: "margin";
1749
1749
  readonly scale: "spacing";
1750
1750
  }>;
1751
- mx?: import("@codecademy/variance").Scale<{
1751
+ mx?: import("@codecademy/variance/dist/types/config").Scale<{
1752
1752
  readonly property: "margin";
1753
1753
  readonly properties: {
1754
1754
  readonly physical: readonly ["marginLeft", "marginRight"];
@@ -1757,7 +1757,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1757
1757
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1758
1758
  readonly scale: "spacing";
1759
1759
  }>;
1760
- my?: import("@codecademy/variance").Scale<{
1760
+ my?: import("@codecademy/variance/dist/types/config").Scale<{
1761
1761
  readonly property: "margin";
1762
1762
  readonly properties: {
1763
1763
  readonly physical: readonly ["marginTop", "marginBottom"];
@@ -1766,7 +1766,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1766
1766
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1767
1767
  readonly scale: "spacing";
1768
1768
  }>;
1769
- mt?: import("@codecademy/variance").Scale<{
1769
+ mt?: import("@codecademy/variance/dist/types/config").Scale<{
1770
1770
  readonly property: {
1771
1771
  readonly physical: "marginTop";
1772
1772
  readonly logical: "marginBlockStart";
@@ -1774,7 +1774,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1774
1774
  readonly scale: "spacing";
1775
1775
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1776
1776
  }>;
1777
- mb?: import("@codecademy/variance").Scale<{
1777
+ mb?: import("@codecademy/variance/dist/types/config").Scale<{
1778
1778
  readonly property: {
1779
1779
  readonly physical: "marginBottom";
1780
1780
  readonly logical: "marginBlockEnd";
@@ -1782,7 +1782,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1782
1782
  readonly scale: "spacing";
1783
1783
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1784
1784
  }>;
1785
- mr?: import("@codecademy/variance").Scale<{
1785
+ mr?: import("@codecademy/variance/dist/types/config").Scale<{
1786
1786
  readonly property: {
1787
1787
  readonly physical: "marginRight";
1788
1788
  readonly logical: "marginInlineEnd";
@@ -1790,7 +1790,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1790
1790
  readonly scale: "spacing";
1791
1791
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1792
1792
  }>;
1793
- ml?: import("@codecademy/variance").Scale<{
1793
+ ml?: import("@codecademy/variance/dist/types/config").Scale<{
1794
1794
  readonly property: {
1795
1795
  readonly physical: "marginLeft";
1796
1796
  readonly logical: "marginInlineStart";
@@ -1798,7 +1798,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1798
1798
  readonly scale: "spacing";
1799
1799
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1800
1800
  }>;
1801
- borderX?: import("@codecademy/variance").Scale<{
1801
+ borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1802
1802
  readonly property: "border";
1803
1803
  readonly properties: {
1804
1804
  readonly physical: readonly ["borderLeft", "borderRight"];
@@ -1807,7 +1807,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1807
1807
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1808
1808
  readonly scale: "borders";
1809
1809
  }>;
1810
- borderY?: import("@codecademy/variance").Scale<{
1810
+ borderY?: import("@codecademy/variance/dist/types/config").Scale<{
1811
1811
  readonly property: "border";
1812
1812
  readonly properties: {
1813
1813
  readonly physical: readonly ["borderTop", "borderBottom"];
@@ -1816,7 +1816,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1816
1816
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1817
1817
  readonly scale: "borders";
1818
1818
  }>;
1819
- borderWidthX?: import("@codecademy/variance").Scale<{
1819
+ borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
1820
1820
  readonly property: "borderWidth";
1821
1821
  readonly properties: {
1822
1822
  readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
@@ -1824,7 +1824,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1824
1824
  };
1825
1825
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1826
1826
  }>;
1827
- borderWidthY?: import("@codecademy/variance").Scale<{
1827
+ borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
1828
1828
  readonly property: "borderWidth";
1829
1829
  readonly properties: {
1830
1830
  readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
@@ -1832,35 +1832,35 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1832
1832
  };
1833
1833
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1834
1834
  }>;
1835
- borderWidthLeft?: import("@codecademy/variance").Scale<{
1835
+ borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1836
1836
  readonly property: {
1837
1837
  readonly physical: "borderLeftWidth";
1838
1838
  readonly logical: "borderInlineStartWidth";
1839
1839
  };
1840
1840
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1841
1841
  }>;
1842
- borderWidthRight?: import("@codecademy/variance").Scale<{
1842
+ borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
1843
1843
  readonly property: {
1844
1844
  readonly physical: "borderRightWidth";
1845
1845
  readonly logical: "borderInlineEndWidth";
1846
1846
  };
1847
1847
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1848
1848
  }>;
1849
- borderWidthTop?: import("@codecademy/variance").Scale<{
1849
+ borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
1850
1850
  readonly property: {
1851
1851
  readonly physical: "borderTopWidth";
1852
1852
  readonly logical: "borderBlockStartWidth";
1853
1853
  };
1854
1854
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1855
1855
  }>;
1856
- borderWidthBottom?: import("@codecademy/variance").Scale<{
1856
+ borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1857
1857
  readonly property: {
1858
1858
  readonly physical: "borderBottomWidth";
1859
1859
  readonly logical: "borderBlockEndWidth";
1860
1860
  };
1861
1861
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1862
1862
  }>;
1863
- borderRadiusLeft?: import("@codecademy/variance").Scale<{
1863
+ borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1864
1864
  readonly property: "borderRadius";
1865
1865
  readonly properties: {
1866
1866
  readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
@@ -1869,7 +1869,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1869
1869
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1870
1870
  readonly scale: "borderRadii";
1871
1871
  }>;
1872
- borderRadiusTop?: import("@codecademy/variance").Scale<{
1872
+ borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
1873
1873
  readonly property: "borderRadius";
1874
1874
  readonly properties: {
1875
1875
  readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
@@ -1878,7 +1878,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1878
1878
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1879
1879
  readonly scale: "borderRadii";
1880
1880
  }>;
1881
- borderRadiusBottom?: import("@codecademy/variance").Scale<{
1881
+ borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1882
1882
  readonly property: "borderRadius";
1883
1883
  readonly properties: {
1884
1884
  readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
@@ -1887,7 +1887,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1887
1887
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1888
1888
  readonly scale: "borderRadii";
1889
1889
  }>;
1890
- borderRadiusRight?: import("@codecademy/variance").Scale<{
1890
+ borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1891
1891
  readonly property: "borderRadius";
1892
1892
  readonly properties: {
1893
1893
  readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
@@ -1896,7 +1896,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1896
1896
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1897
1897
  readonly scale: "borderRadii";
1898
1898
  }>;
1899
- borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
1899
+ borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1900
1900
  readonly property: {
1901
1901
  readonly physical: "borderTopLeftRadius";
1902
1902
  readonly logical: "borderStartStartRadius";
@@ -1904,7 +1904,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1904
1904
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1905
1905
  readonly scale: "borderRadii";
1906
1906
  }>;
1907
- borderRadiusTopRight?: import("@codecademy/variance").Scale<{
1907
+ borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1908
1908
  readonly property: {
1909
1909
  readonly physical: "borderTopRightRadius";
1910
1910
  readonly logical: "borderStartEndRadius";
@@ -1912,7 +1912,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1912
1912
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1913
1913
  readonly scale: "borderRadii";
1914
1914
  }>;
1915
- borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
1915
+ borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1916
1916
  readonly property: {
1917
1917
  readonly physical: "borderBottomRightRadius";
1918
1918
  readonly logical: "borderEndEndRadius";
@@ -1920,7 +1920,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1920
1920
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1921
1921
  readonly scale: "borderRadii";
1922
1922
  }>;
1923
- borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
1923
+ borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1924
1924
  readonly property: {
1925
1925
  readonly physical: "borderBottomLeftRadius";
1926
1926
  readonly logical: "borderEndStartRadius";
@@ -1928,7 +1928,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1928
1928
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1929
1929
  readonly scale: "borderRadii";
1930
1930
  }>;
1931
- borderStyleX?: import("@codecademy/variance").Scale<{
1931
+ borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1932
1932
  readonly property: "borderStyle";
1933
1933
  readonly properties: {
1934
1934
  readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
@@ -1936,7 +1936,7 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1936
1936
  };
1937
1937
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1938
1938
  }>;
1939
- borderStyleY?: import("@codecademy/variance").Scale<{
1939
+ borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1940
1940
  readonly property: "borderStyle";
1941
1941
  readonly properties: {
1942
1942
  readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
@@ -1944,28 +1944,28 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1944
1944
  };
1945
1945
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1946
1946
  }>;
1947
- borderStyleLeft?: import("@codecademy/variance").Scale<{
1947
+ borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1948
1948
  readonly property: {
1949
1949
  readonly physical: "borderLeftStyle";
1950
1950
  readonly logical: "borderInlineStartStyle";
1951
1951
  };
1952
1952
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1953
1953
  }>;
1954
- borderStyleRight?: import("@codecademy/variance").Scale<{
1954
+ borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1955
1955
  readonly property: {
1956
1956
  readonly physical: "borderRightStyle";
1957
1957
  readonly logical: "borderInlineEndStyle";
1958
1958
  };
1959
1959
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1960
1960
  }>;
1961
- borderStyleTop?: import("@codecademy/variance").Scale<{
1961
+ borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1962
1962
  readonly property: {
1963
1963
  readonly physical: "borderTopStyle";
1964
1964
  readonly logical: "borderBlockStartStyle";
1965
1965
  };
1966
1966
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1967
1967
  }>;
1968
- borderStyleBottom?: import("@codecademy/variance").Scale<{
1968
+ borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1969
1969
  readonly property: {
1970
1970
  readonly physical: "borderBottomStyle";
1971
1971
  readonly logical: "borderBlockEndStyle";