@codecademy/gamut-icons 9.54.2 → 9.54.3-alpha.42d772.0

package/dist/props.d.ts

@@ -167,29 +167,53 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
     };
     readonly px: {
         readonly property: "padding";
-        readonly properties: readonly ["paddingLeft", "paddingRight"];
+        readonly properties: {
+            readonly physical: readonly ["paddingLeft", "paddingRight"];
+            readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly py: {
         readonly property: "padding";
-        readonly properties: readonly ["paddingTop", "paddingBottom"];
+        readonly properties: {
+            readonly physical: readonly ["paddingTop", "paddingBottom"];
+            readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly pt: {
-        readonly property: "paddingTop";
+        readonly property: {
+            readonly physical: "paddingTop";
+            readonly logical: "paddingBlockStart";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly pb: {
-        readonly property: "paddingBottom";
+        readonly property: {
+            readonly physical: "paddingBottom";
+            readonly logical: "paddingBlockEnd";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly pr: {
-        readonly property: "paddingRight";
+        readonly property: {
+            readonly physical: "paddingRight";
+            readonly logical: "paddingInlineEnd";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly pl: {
-        readonly property: "paddingLeft";
+        readonly property: {
+            readonly physical: "paddingLeft";
+            readonly logical: "paddingInlineStart";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly m: {
         readonly property: "margin";
@@ -197,29 +221,53 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
     };
     readonly mx: {
         readonly property: "margin";
-        readonly properties: readonly ["marginLeft", "marginRight"];
+        readonly properties: {
+            readonly physical: readonly ["marginLeft", "marginRight"];
+            readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "spacing";
     };
     readonly my: {
         readonly property: "margin";
-        readonly properties: readonly ["marginTop", "marginBottom"];
+        readonly properties: {
+            readonly physical: readonly ["marginTop", "marginBottom"];
+            readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "spacing";
     };
     readonly mt: {
-        readonly property: "marginTop";
+        readonly property: {
+            readonly physical: "marginTop";
+            readonly logical: "marginBlockStart";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly mb: {
-        readonly property: "marginBottom";
+        readonly property: {
+            readonly physical: "marginBottom";
+            readonly logical: "marginBlockEnd";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly mr: {
-        readonly property: "marginRight";
+        readonly property: {
+            readonly physical: "marginRight";
+            readonly logical: "marginInlineEnd";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly ml: {
-        readonly property: "marginLeft";
+        readonly property: {
+            readonly physical: "marginLeft";
+            readonly logical: "marginInlineStart";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly position: {
@@ -259,28 +307,52 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
     };
     readonly borderX: {
         readonly property: "border";
-        readonly properties: readonly ["borderLeft", "borderRight"];
+        readonly properties: {
+            readonly physical: readonly ["borderLeft", "borderRight"];
+            readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     };
     readonly borderY: {
         readonly property: "border";
-        readonly properties: readonly ["borderTop", "borderBottom"];
+        readonly properties: {
+            readonly physical: readonly ["borderTop", "borderBottom"];
+            readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     };
     readonly borderTop: {
-        readonly property: "borderTop";
+        readonly property: {
+            readonly physical: "borderTop";
+            readonly logical: "borderBlockStart";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     };
     readonly borderRight: {
-        readonly property: "borderRight";
+        readonly property: {
+            readonly physical: "borderRight";
+            readonly logical: "borderInlineEnd";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     };
     readonly borderBottom: {
-        readonly property: "borderBottom";
+        readonly property: {
+            readonly physical: "borderBottom";
+            readonly logical: "borderBlockEnd";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     };
     readonly borderLeft: {
-        readonly property: "borderLeft";
+        readonly property: {
+            readonly physical: "borderLeft";
+            readonly logical: "borderInlineStart";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     };
     readonly borderWidth: {
@@ -288,23 +360,47 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
     };
     readonly borderWidthX: {
         readonly property: "borderWidth";
-        readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
+        readonly properties: {
+            readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
+            readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly borderWidthY: {
         readonly property: "borderWidth";
-        readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
+        readonly properties: {
+            readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
+            readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly borderWidthLeft: {
-        readonly property: "borderLeftWidth";
+        readonly property: {
+            readonly physical: "borderLeftWidth";
+            readonly logical: "borderInlineStartWidth";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly borderWidthRight: {
-        readonly property: "borderRightWidth";
+        readonly property: {
+            readonly physical: "borderRightWidth";
+            readonly logical: "borderInlineEndWidth";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly borderWidthTop: {
-        readonly property: "borderTopWidth";
+        readonly property: {
+            readonly physical: "borderTopWidth";
+            readonly logical: "borderBlockStartWidth";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly borderWidthBottom: {
-        readonly property: "borderBottomWidth";
+        readonly property: {
+            readonly physical: "borderBottomWidth";
+            readonly logical: "borderBlockEndWidth";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly borderRadius: {
         readonly property: "borderRadius";
@@ -312,38 +408,70 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
     };
     readonly borderRadiusLeft: {
         readonly property: "borderRadius";
-        readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
+        readonly properties: {
+            readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
+            readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     };
     readonly borderRadiusTop: {
         readonly property: "borderRadius";
-        readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
+        readonly properties: {
+            readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
+            readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     };
     readonly borderRadiusBottom: {
         readonly property: "borderRadius";
-        readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
+        readonly properties: {
+            readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
+            readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     };
     readonly borderRadiusRight: {
         readonly property: "borderRadius";
-        readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
+        readonly properties: {
+            readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
+            readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     };
     readonly borderRadiusTopLeft: {
-        readonly property: "borderTopLeftRadius";
+        readonly property: {
+            readonly physical: "borderTopLeftRadius";
+            readonly logical: "borderStartStartRadius";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     };
     readonly borderRadiusTopRight: {
-        readonly property: "borderTopRightRadius";
+        readonly property: {
+            readonly physical: "borderTopRightRadius";
+            readonly logical: "borderStartEndRadius";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     };
     readonly borderRadiusBottomRight: {
-        readonly property: "borderBottomRightRadius";
+        readonly property: {
+            readonly physical: "borderBottomRightRadius";
+            readonly logical: "borderEndEndRadius";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     };
     readonly borderRadiusBottomLeft: {
-        readonly property: "borderBottomLeftRadius";
+        readonly property: {
+            readonly physical: "borderBottomLeftRadius";
+            readonly logical: "borderEndStartRadius";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     };
     readonly borderStyle: {
@@ -351,23 +479,47 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
     };
     readonly borderStyleX: {
         readonly property: "borderStyle";
-        readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
+        readonly properties: {
+            readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
+            readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly borderStyleY: {
         readonly property: "borderStyle";
-        readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
+        readonly properties: {
+            readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
+            readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly borderStyleLeft: {
-        readonly property: "borderLeftStyle";
+        readonly property: {
+            readonly physical: "borderLeftStyle";
+            readonly logical: "borderInlineStartStyle";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly borderStyleRight: {
-        readonly property: "borderRightStyle";
+        readonly property: {
+            readonly physical: "borderRightStyle";
+            readonly logical: "borderInlineEndStyle";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly borderStyleTop: {
-        readonly property: "borderTopStyle";
+        readonly property: {
+            readonly physical: "borderTopStyle";
+            readonly logical: "borderBlockStartStyle";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
     readonly borderStyleBottom: {
-        readonly property: "borderBottomStyle";
+        readonly property: {
+            readonly physical: "borderBottomStyle";
+            readonly logical: "borderBlockEndStyle";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     };
 }>>]>>;
 export declare const Svg: import("@emotion/styled").StyledComponent<{
@@ -508,29 +660,53 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
     }>;
     px?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "padding";
-        readonly properties: readonly ["paddingLeft", "paddingRight"];
+        readonly properties: {
+            readonly physical: readonly ["paddingLeft", "paddingRight"];
+            readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     py?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "padding";
-        readonly properties: readonly ["paddingTop", "paddingBottom"];
+        readonly properties: {
+            readonly physical: readonly ["paddingTop", "paddingBottom"];
+            readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     pt?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "paddingTop";
+        readonly property: {
+            readonly physical: "paddingTop";
+            readonly logical: "paddingBlockStart";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     pb?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "paddingBottom";
+        readonly property: {
+            readonly physical: "paddingBottom";
+            readonly logical: "paddingBlockEnd";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     pr?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "paddingRight";
+        readonly property: {
+            readonly physical: "paddingRight";
+            readonly logical: "paddingInlineEnd";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     pl?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "paddingLeft";
+        readonly property: {
+            readonly physical: "paddingLeft";
+            readonly logical: "paddingInlineStart";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     m?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
@@ -538,29 +714,53 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
     }>;
     mx?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
-        readonly properties: readonly ["marginLeft", "marginRight"];
+        readonly properties: {
+            readonly physical: readonly ["marginLeft", "marginRight"];
+            readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "spacing";
     }>;
     my?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
-        readonly properties: readonly ["marginTop", "marginBottom"];
+        readonly properties: {
+            readonly physical: readonly ["marginTop", "marginBottom"];
+            readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "spacing";
     }>;
     mt?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "marginTop";
+        readonly property: {
+            readonly physical: "marginTop";
+            readonly logical: "marginBlockStart";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     mb?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "marginBottom";
+        readonly property: {
+            readonly physical: "marginBottom";
+            readonly logical: "marginBlockEnd";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     mr?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "marginRight";
+        readonly property: {
+            readonly physical: "marginRight";
+            readonly logical: "marginInlineEnd";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     ml?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "marginLeft";
+        readonly property: {
+            readonly physical: "marginLeft";
+            readonly logical: "marginInlineStart";
+        };
         readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     position?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "position";
@@ -598,28 +798,52 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
     }>;
     borderX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "border";
-        readonly properties: readonly ["borderLeft", "borderRight"];
+        readonly properties: {
+            readonly physical: readonly ["borderLeft", "borderRight"];
+            readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     }>;
     borderY?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "border";
-        readonly properties: readonly ["borderTop", "borderBottom"];
+        readonly properties: {
+            readonly physical: readonly ["borderTop", "borderBottom"];
+            readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     }>;
     borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "borderTop";
+        readonly property: {
+            readonly physical: "borderTop";
+            readonly logical: "borderBlockStart";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     }>;
     borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "borderRight";
+        readonly property: {
+            readonly physical: "borderRight";
+            readonly logical: "borderInlineEnd";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     }>;
     borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "borderBottom";
+        readonly property: {
+            readonly physical: "borderBottom";
+            readonly logical: "borderBlockEnd";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     }>;
     borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "borderLeft";
+        readonly property: {
+            readonly physical: "borderLeft";
+            readonly logical: "borderInlineStart";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borders";
     }>;
     borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -627,23 +851,47 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
     }>;
     borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderWidth";
-        readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
+        readonly properties: {
+            readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
+            readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderWidth";
-        readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
+        readonly properties: {
+            readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
+            readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "borderLeftWidth";
+        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<{
-        readonly property: "borderRightWidth";
+        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<{
-        readonly property: "borderTopWidth";
+        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<{
-        readonly property: "borderBottomWidth";
+        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<{
         readonly property: "borderRadius";
@@ -651,38 +899,70 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
     }>;
     borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
-        readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
+        readonly properties: {
+            readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
+            readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
     borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
-        readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
+        readonly properties: {
+            readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
+            readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
     borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
-        readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
+        readonly properties: {
+            readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
+            readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
     borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
-        readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
+        readonly properties: {
+            readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
+            readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
     borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "borderTopLeftRadius";
+        readonly property: {
+            readonly physical: "borderTopLeftRadius";
+            readonly logical: "borderStartStartRadius";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
     borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "borderTopRightRadius";
+        readonly property: {
+            readonly physical: "borderTopRightRadius";
+            readonly logical: "borderStartEndRadius";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
     borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "borderBottomRightRadius";
+        readonly property: {
+            readonly physical: "borderBottomRightRadius";
+            readonly logical: "borderEndEndRadius";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
     borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "borderBottomLeftRadius";
+        readonly property: {
+            readonly physical: "borderBottomLeftRadius";
+            readonly logical: "borderEndStartRadius";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "borderRadii";
     }>;
     borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -690,23 +970,47 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
     }>;
     borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderStyle";
-        readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
+        readonly properties: {
+            readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
+            readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderStyle";
-        readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
+        readonly properties: {
+            readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
+            readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
     borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "borderLeftStyle";
+        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<{
-        readonly property: "borderRightStyle";
+        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<{
-        readonly property: "borderTopStyle";
+        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<{
-        readonly property: "borderBottomStyle";
+        readonly property: {
+            readonly physical: "borderBottomStyle";
+            readonly logical: "borderBlockEndStyle";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
 } & {
     theme?: import("@emotion/react").Theme | undefined;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@codecademy/gamut-icons",
   "description": "Icon library for codecademy.com",
-  "version": "9.54.2",
+  "version": "9.54.3-alpha.42d772.0",
   "author": "Codecademy <dev@codecademy.com>",
   "dependencies": {
-    "@codecademy/gamut-styles": "17.11.2",
-    "@codecademy/variance": "0.25.2"
+    "@codecademy/gamut-styles": "17.11.3-alpha.42d772.0",
+    "@codecademy/variance": "0.25.3-alpha.42d772.0"
   },
   "files": [
     "dist"
@@ -29,5 +29,5 @@
   },
   "sideEffects": false,
   "types": "dist/index.d.ts",
-  "gitHead": "dba147a168af471002f2f97b74eea97204bd843f"
+  "gitHead": "966031e40ea496ab35d908bbeeabd37314f5fbed"
 }