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