@codecademy/gamut-icons 9.57.10-alpha.d2f149.0 → 9.57.10-alpha.d894be.0

package/dist/props.d.ts

@@ -596,69 +596,69 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
-    flexBasis?: import("@codecademy/variance/dist/types/config").Scale<{
+    flexBasis?: import("@codecademy/variance").Scale<{
         readonly property: "flexBasis";
     }>;
-    flexShrink?: import("@codecademy/variance/dist/types/config").Scale<{
+    flexShrink?: import("@codecademy/variance").Scale<{
         readonly property: "flexShrink";
     }>;
-    flexGrow?: import("@codecademy/variance/dist/types/config").Scale<{
+    flexGrow?: import("@codecademy/variance").Scale<{
         readonly property: "flexGrow";
     }>;
-    order?: import("@codecademy/variance/dist/types/config").Scale<{
+    order?: import("@codecademy/variance").Scale<{
         readonly property: "order";
     }>;
-    gridColumn?: import("@codecademy/variance/dist/types/config").Scale<{
+    gridColumn?: import("@codecademy/variance").Scale<{
         readonly property: "gridColumn";
     }>;
-    gridRow?: import("@codecademy/variance/dist/types/config").Scale<{
+    gridRow?: import("@codecademy/variance").Scale<{
         readonly property: "gridRow";
     }>;
-    gridColumnStart?: import("@codecademy/variance/dist/types/config").Scale<{
+    gridColumnStart?: import("@codecademy/variance").Scale<{
         readonly property: "gridColumnStart";
     }>;
-    gridRowStart?: import("@codecademy/variance/dist/types/config").Scale<{
+    gridRowStart?: import("@codecademy/variance").Scale<{
         readonly property: "gridRowStart";
     }>;
-    gridColumnEnd?: import("@codecademy/variance/dist/types/config").Scale<{
+    gridColumnEnd?: import("@codecademy/variance").Scale<{
         readonly property: "gridColumnEnd";
     }>;
-    gridRowEnd?: import("@codecademy/variance/dist/types/config").Scale<{
+    gridRowEnd?: import("@codecademy/variance").Scale<{
         readonly property: "gridRowEnd";
     }>;
-    justifySelf?: import("@codecademy/variance/dist/types/config").Scale<{
+    justifySelf?: import("@codecademy/variance").Scale<{
         readonly property: "justifySelf";
     }>;
-    alignSelf?: import("@codecademy/variance/dist/types/config").Scale<{
+    alignSelf?: import("@codecademy/variance").Scale<{
         readonly property: "alignSelf";
     }>;
-    gridArea?: import("@codecademy/variance/dist/types/config").Scale<{
+    gridArea?: import("@codecademy/variance").Scale<{
         readonly property: "gridArea";
     }>;
-    containerType?: import("@codecademy/variance/dist/types/config").Scale<{
+    containerType?: import("@codecademy/variance").Scale<{
         readonly property: "containerType";
     }>;
-    display?: import("@codecademy/variance/dist/types/config").Scale<{
+    display?: import("@codecademy/variance").Scale<{
         readonly property: "display";
     }>;
-    overflow?: import("@codecademy/variance/dist/types/config").Scale<{
+    overflow?: import("@codecademy/variance").Scale<{
         readonly property: "overflow";
     }>;
-    overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
+    overflowX?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "overflowX";
             readonly logical: "overflowInline";
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
+    overflowY?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "overflowY";
             readonly logical: "overflowBlock";
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
+    dimensions?: import("@codecademy/variance").Scale<{
         readonly property: "width";
         readonly properties: {
             readonly physical: readonly ["width", "height"];
@@ -667,7 +667,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    width?: import("@codecademy/variance/dist/types/config").Scale<{
+    width?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "width";
             readonly logical: "inlineSize";
@@ -675,7 +675,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
+    minWidth?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "minWidth";
             readonly logical: "minInlineSize";
@@ -683,7 +683,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
+    maxWidth?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "maxWidth";
             readonly logical: "maxInlineSize";
@@ -691,7 +691,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    height?: import("@codecademy/variance/dist/types/config").Scale<{
+    height?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "height";
             readonly logical: "blockSize";
@@ -699,7 +699,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
+    minHeight?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "minHeight";
             readonly logical: "minBlockSize";
@@ -707,7 +707,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
+    maxHeight?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "maxHeight";
             readonly logical: "maxBlockSize";
@@ -715,29 +715,29 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
+    verticalAlign?: import("@codecademy/variance").Scale<{
         readonly property: "verticalAlign";
     }>;
-    direction?: import("@codecademy/variance/dist/types/config").Scale<{
+    direction?: import("@codecademy/variance").Scale<{
         readonly property: "direction";
     }>;
-    color?: import("@codecademy/variance/dist/types/config").Scale<{
+    color?: import("@codecademy/variance").Scale<{
         readonly property: "color";
         readonly scale: "colors";
     }>;
-    textColor?: import("@codecademy/variance/dist/types/config").Scale<{
+    textColor?: import("@codecademy/variance").Scale<{
         readonly property: "color";
         readonly scale: "colors";
     }>;
-    bg?: import("@codecademy/variance/dist/types/config").Scale<{
+    bg?: import("@codecademy/variance").Scale<{
         readonly property: "backgroundColor";
         readonly scale: "colors";
     }>;
-    borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderColor?: import("@codecademy/variance").Scale<{
         readonly property: "borderColor";
         readonly scale: "colors";
     }>;
-    borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderColorX?: import("@codecademy/variance").Scale<{
         readonly property: "borderColor";
         readonly properties: {
             readonly physical: readonly ["borderLeftColor", "borderRightColor"];
@@ -746,7 +746,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
-    borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderColorY?: import("@codecademy/variance").Scale<{
         readonly property: "borderColor";
         readonly properties: {
             readonly physical: readonly ["borderTopColor", "borderBottomColor"];
@@ -755,31 +755,31 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
-    borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderColorLeft?: import("@codecademy/variance").Scale<{
         readonly property: "borderLeftColor";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
-    borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderColorRight?: import("@codecademy/variance").Scale<{
         readonly property: "borderRightColor";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
-    borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderColorTop?: import("@codecademy/variance").Scale<{
         readonly property: "borderTopColor";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
-    borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderColorBottom?: import("@codecademy/variance").Scale<{
         readonly property: "borderBottomColor";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
-    p?: import("@codecademy/variance/dist/types/config").Scale<{
+    p?: import("@codecademy/variance").Scale<{
         readonly property: "padding";
         readonly scale: "spacing";
     }>;
-    px?: import("@codecademy/variance/dist/types/config").Scale<{
+    px?: import("@codecademy/variance").Scale<{
         readonly property: "padding";
         readonly properties: {
             readonly physical: readonly ["paddingLeft", "paddingRight"];
@@ -788,7 +788,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    py?: import("@codecademy/variance/dist/types/config").Scale<{
+    py?: import("@codecademy/variance").Scale<{
         readonly property: "padding";
         readonly properties: {
             readonly physical: readonly ["paddingTop", "paddingBottom"];
@@ -797,7 +797,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pt?: import("@codecademy/variance/dist/types/config").Scale<{
+    pt?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "paddingTop";
             readonly logical: "paddingBlockStart";
@@ -805,7 +805,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pb?: import("@codecademy/variance/dist/types/config").Scale<{
+    pb?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "paddingBottom";
             readonly logical: "paddingBlockEnd";
@@ -813,7 +813,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pr?: import("@codecademy/variance/dist/types/config").Scale<{
+    pr?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "paddingRight";
             readonly logical: "paddingInlineEnd";
@@ -821,7 +821,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pl?: import("@codecademy/variance/dist/types/config").Scale<{
+    pl?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "paddingLeft";
             readonly logical: "paddingInlineStart";
@@ -829,11 +829,11 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    m?: import("@codecademy/variance/dist/types/config").Scale<{
+    m?: import("@codecademy/variance").Scale<{
         readonly property: "margin";
         readonly scale: "spacing";
     }>;
-    mx?: import("@codecademy/variance/dist/types/config").Scale<{
+    mx?: import("@codecademy/variance").Scale<{
         readonly property: "margin";
         readonly properties: {
             readonly physical: readonly ["marginLeft", "marginRight"];
@@ -842,7 +842,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "spacing";
     }>;
-    my?: import("@codecademy/variance/dist/types/config").Scale<{
+    my?: import("@codecademy/variance").Scale<{
         readonly property: "margin";
         readonly properties: {
             readonly physical: readonly ["marginTop", "marginBottom"];
@@ -851,7 +851,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "spacing";
     }>;
-    mt?: import("@codecademy/variance/dist/types/config").Scale<{
+    mt?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "marginTop";
             readonly logical: "marginBlockStart";
@@ -859,7 +859,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    mb?: import("@codecademy/variance/dist/types/config").Scale<{
+    mb?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "marginBottom";
             readonly logical: "marginBlockEnd";
@@ -867,7 +867,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    mr?: import("@codecademy/variance/dist/types/config").Scale<{
+    mr?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "marginRight";
             readonly logical: "marginInlineEnd";
@@ -875,7 +875,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    ml?: import("@codecademy/variance/dist/types/config").Scale<{
+    ml?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "marginLeft";
             readonly logical: "marginInlineStart";
@@ -883,10 +883,10 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    position?: import("@codecademy/variance/dist/types/config").Scale<{
+    position?: import("@codecademy/variance").Scale<{
         readonly property: "position";
     }>;
-    inset?: import("@codecademy/variance/dist/types/config").Scale<{
+    inset?: import("@codecademy/variance").Scale<{
         readonly property: "inset";
         readonly properties: {
             readonly physical: readonly ["top", "right", "bottom", "left"];
@@ -895,7 +895,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    top?: import("@codecademy/variance/dist/types/config").Scale<{
+    top?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "top";
             readonly logical: "insetBlockStart";
@@ -903,7 +903,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    right?: import("@codecademy/variance/dist/types/config").Scale<{
+    right?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "right";
             readonly logical: "insetInlineEnd";
@@ -911,7 +911,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    bottom?: import("@codecademy/variance/dist/types/config").Scale<{
+    bottom?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "bottom";
             readonly logical: "insetBlockEnd";
@@ -919,7 +919,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    left?: import("@codecademy/variance/dist/types/config").Scale<{
+    left?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "left";
             readonly logical: "insetInlineStart";
@@ -927,17 +927,17 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
-    zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
+    zIndex?: import("@codecademy/variance").Scale<{
         readonly property: "zIndex";
     }>;
-    opacity?: import("@codecademy/variance/dist/types/config").Scale<{
+    opacity?: import("@codecademy/variance").Scale<{
         readonly property: "opacity";
     }>;
-    border?: import("@codecademy/variance/dist/types/config").Scale<{
+    border?: import("@codecademy/variance").Scale<{
         readonly property: "border";
         readonly scale: "borders";
     }>;
-    borderX?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderX?: import("@codecademy/variance").Scale<{
         readonly property: "border";
         readonly properties: {
             readonly physical: readonly ["borderLeft", "borderRight"];
@@ -946,7 +946,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     }>;
-    borderY?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderY?: import("@codecademy/variance").Scale<{
         readonly property: "border";
         readonly properties: {
             readonly physical: readonly ["borderTop", "borderBottom"];
@@ -955,7 +955,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     }>;
-    borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderTop?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderTop";
             readonly logical: "borderBlockStart";
@@ -963,7 +963,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     }>;
-    borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderRight?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderRight";
             readonly logical: "borderInlineEnd";
@@ -971,7 +971,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     }>;
-    borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderBottom?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderBottom";
             readonly logical: "borderBlockEnd";
@@ -979,7 +979,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     }>;
-    borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderLeft?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderLeft";
             readonly logical: "borderInlineStart";
@@ -987,10 +987,10 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     }>;
-    borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderWidth?: import("@codecademy/variance").Scale<{
         readonly property: "borderWidth";
     }>;
-    borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderWidthX?: import("@codecademy/variance").Scale<{
         readonly property: "borderWidth";
         readonly properties: {
             readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
@@ -998,7 +998,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderWidthY?: import("@codecademy/variance").Scale<{
         readonly property: "borderWidth";
         readonly properties: {
             readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
@@ -1006,39 +1006,39 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderWidthLeft?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderLeftWidth";
             readonly logical: "borderInlineStartWidth";
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderWidthRight?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderRightWidth";
             readonly logical: "borderInlineEndWidth";
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderWidthTop?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderTopWidth";
             readonly logical: "borderBlockStartWidth";
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderWidthBottom?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderBottomWidth";
             readonly logical: "borderBlockEndWidth";
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderRadius?: import("@codecademy/variance").Scale<{
         readonly property: "borderRadius";
         readonly scale: "borderRadii";
     }>;
-    borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderRadiusLeft?: import("@codecademy/variance").Scale<{
         readonly property: "borderRadius";
         readonly properties: {
             readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
@@ -1047,7 +1047,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
-    borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderRadiusTop?: import("@codecademy/variance").Scale<{
         readonly property: "borderRadius";
         readonly properties: {
             readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
@@ -1056,7 +1056,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
-    borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderRadiusBottom?: import("@codecademy/variance").Scale<{
         readonly property: "borderRadius";
         readonly properties: {
             readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
@@ -1065,7 +1065,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
-    borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderRadiusRight?: import("@codecademy/variance").Scale<{
         readonly property: "borderRadius";
         readonly properties: {
             readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
@@ -1074,7 +1074,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
-    borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderRadiusTopLeft?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderTopLeftRadius";
             readonly logical: "borderStartStartRadius";
@@ -1082,7 +1082,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
-    borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderRadiusTopRight?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderTopRightRadius";
             readonly logical: "borderStartEndRadius";
@@ -1090,7 +1090,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
-    borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderRadiusBottomRight?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderBottomRightRadius";
             readonly logical: "borderEndEndRadius";
@@ -1098,7 +1098,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
-    borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderRadiusBottomLeft?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderBottomLeftRadius";
             readonly logical: "borderEndStartRadius";
@@ -1106,10 +1106,10 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
-    borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderStyle?: import("@codecademy/variance").Scale<{
         readonly property: "borderStyle";
     }>;
-    borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderStyleX?: import("@codecademy/variance").Scale<{
         readonly property: "borderStyle";
         readonly properties: {
             readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
@@ -1117,7 +1117,7 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderStyleY?: import("@codecademy/variance").Scale<{
         readonly property: "borderStyle";
         readonly properties: {
             readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
@@ -1125,28 +1125,28 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderStyleLeft?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderLeftStyle";
             readonly logical: "borderInlineStartStyle";
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderStyleRight?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderRightStyle";
             readonly logical: "borderInlineEndStyle";
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderStyleTop?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderTopStyle";
             readonly logical: "borderBlockStartStyle";
         };
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
+    borderStyleBottom?: import("@codecademy/variance").Scale<{
         readonly property: {
             readonly physical: "borderBottomStyle";
             readonly logical: "borderBlockEndStyle";

package/package.json

@@ -1,23 +1,29 @@
 {
   "name": "@codecademy/gamut-icons",
   "description": "Icon library for codecademy.com",
-  "version": "9.57.10-alpha.d2f149.0",
+  "version": "9.57.10-alpha.d894be.0",
   "author": "Codecademy <dev@codecademy.com>",
   "dependencies": {
-    "@codecademy/gamut-styles": "20.0.3-alpha.d2f149.0",
-    "@codecademy/variance": "0.26.2-alpha.d2f149.0"
+    "@codecademy/gamut-styles": "20.0.3-alpha.d894be.0",
+    "@codecademy/variance": "0.26.2-alpha.d894be.0"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
   },
   "files": [
     "dist"
   ],
   "license": "MIT",
   "main": "dist/index.js",
-  "module": "dist/index.js",
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "lodash": "^4.17.23",
-    "react": "^17.0.2 || ^18.3.0"
+    "react": "^17.0.2 || ^18.3.0 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"
@@ -28,5 +34,5 @@
     "format": "svgo -f ./src/svg --pretty --config=.svgo.yml"
   },
   "sideEffects": false,
-  "types": "dist/index.d.ts"
+  "type": "module"
 }