@codecademy/gamut 68.0.0 → 68.0.1-alpha.097b76.0

package/dist/Card/elements.d.ts

@@ -38,11 +38,19 @@ export declare const MotionBox: import("react").ComponentType<{
     dir?: string | undefined;
     className?: string | undefined;
     height?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        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<{
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -327,6 +335,9 @@ export declare const MotionBox: import("react").ComponentType<{
     containerType?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "containerType";
     }>;
+    direction?: import("@codecademy/variance/dist/types/config").Scale<{
+        readonly property: "direction";
+    }>;
     display?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "display";
     }>;
@@ -384,19 +395,35 @@ export declare const MotionBox: import("react").ComponentType<{
         readonly property: "listStyleType";
     }>;
     maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        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<{
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        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<{
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        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<{
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -446,7 +473,11 @@ export declare const MotionBox: import("react").ComponentType<{
         readonly property: "backgroundPosition";
     }>;
     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";
     }>;
     borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -454,7 +485,11 @@ export declare const MotionBox: import("react").ComponentType<{
         readonly scale: "colors";
     }>;
     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";
     }>;
     borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -462,14 +497,22 @@ export declare const MotionBox: import("react").ComponentType<{
         readonly scale: "borderRadii";
     }>;
     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";
     }>;
     borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderStyle";
     }>;
     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";
     }>;
     borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -501,29 +544,53 @@ export declare const MotionBox: import("react").ComponentType<{
     }>;
     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";
@@ -531,115 +598,227 @@ export declare const MotionBox: import("react").ComponentType<{
     }>;
     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;
     }>;
     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";
     }>;
     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;
     }>;
     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";
     }>;
     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;
     }>;
     dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "width";
@@ -656,28 +835,40 @@ export declare const MotionBox: import("react").ComponentType<{
     }>;
     borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderColor";
-        readonly properties: readonly ["borderLeftColor", "borderRightColor"];
+        readonly properties: {
+            readonly physical: readonly ["borderLeftColor", "borderRightColor"];
+            readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
     borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderColor";
-        readonly properties: readonly ["borderTopColor", "borderBottomColor"];
+        readonly properties: {
+            readonly physical: readonly ["borderTopColor", "borderBottomColor"];
+            readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
     borderColorLeft?: import("@codecademy/variance/dist/types/config").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<{
         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<{
         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<{
         readonly property: "borderBottomColor";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
     theme?: import("@emotion/react").Theme | undefined;
@@ -723,11 +914,19 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
     dir?: string | undefined;
     className?: string | undefined;
     height?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        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<{
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -1012,6 +1211,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
     containerType?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "containerType";
     }>;
+    direction?: import("@codecademy/variance/dist/types/config").Scale<{
+        readonly property: "direction";
+    }>;
     display?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "display";
     }>;
@@ -1069,19 +1271,35 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
         readonly property: "listStyleType";
     }>;
     maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        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<{
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        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<{
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        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<{
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1131,7 +1349,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
         readonly property: "backgroundPosition";
     }>;
     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";
     }>;
     borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1139,7 +1361,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
         readonly scale: "colors";
     }>;
     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";
     }>;
     borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1147,14 +1373,22 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
         readonly scale: "borderRadii";
     }>;
     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";
     }>;
     borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderStyle";
     }>;
     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";
     }>;
     borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1186,29 +1420,53 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
     }>;
     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";
@@ -1216,115 +1474,227 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
     }>;
     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;
     }>;
     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";
     }>;
     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;
     }>;
     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";
     }>;
     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;
     }>;
     dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "width";
@@ -1341,28 +1711,40 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
     }>;
     borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderColor";
-        readonly properties: readonly ["borderLeftColor", "borderRightColor"];
+        readonly properties: {
+            readonly physical: readonly ["borderLeftColor", "borderRightColor"];
+            readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
     borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderColor";
-        readonly properties: readonly ["borderTopColor", "borderBottomColor"];
+        readonly properties: {
+            readonly physical: readonly ["borderTopColor", "borderBottomColor"];
+            readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
     borderColorLeft?: import("@codecademy/variance/dist/types/config").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<{
         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<{
         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<{
         readonly property: "borderBottomColor";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
     theme?: import("@emotion/react").Theme | undefined;
@@ -1394,11 +1776,19 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
     dir?: string | undefined;
     className?: string | undefined;
     height?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        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<{
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -1686,6 +2076,9 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
     containerType?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "containerType";
     }>;
+    direction?: import("@codecademy/variance/dist/types/config").Scale<{
+        readonly property: "direction";
+    }>;
     display?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "display";
     }>;
@@ -1748,19 +2141,35 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
         readonly transform: (value: string | number) => string | 0;
     }>;
     maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        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<{
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        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<{
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        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<{
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1800,7 +2209,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
         readonly property: "backgroundPosition";
     }>;
     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";
     }>;
     borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1808,7 +2221,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
         readonly scale: "colors";
     }>;
     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";
     }>;
     borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1816,14 +2233,22 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
         readonly scale: "borderRadii";
     }>;
     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";
     }>;
     borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderStyle";
     }>;
     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";
     }>;
     borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1855,29 +2280,53 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
     }>;
     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";
@@ -1885,115 +2334,227 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
     }>;
     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;
     }>;
     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";
     }>;
     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;
     }>;
     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";
     }>;
     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;
     }>;
     dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "width";
@@ -2007,28 +2568,40 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
     bg?: "beige" | "blue" | "green" | "hyper" | "lightBlue" | "lightGreen" | "navy" | "orange" | "paleBlue" | "paleGreen" | "palePink" | "paleYellow" | "pink" | "paleRed" | "red" | "yellow" | "black" | "white" | "beige-100" | "blue-0" | "blue-100" | "blue-300" | "blue-400" | "blue-500" | "blue-800" | "navy-100" | "navy-300" | "navy-400" | "navy-500" | "navy-800" | "navy-200" | "navy-600" | "navy-700" | "navy-900" | "green-0" | "green-100" | "green-400" | "green-700" | "green-900" | "yellow-0" | "yellow-400" | "yellow-500" | "yellow-900" | "pink-0" | "pink-400" | "red-0" | "red-300" | "red-400" | "red-500" | "red-600" | "red-900" | "orange-100" | "orange-500" | "hyper-400" | "hyper-500" | "gray-100" | "gray-300" | "gray-800" | "gray-200" | "gray-600" | "gray-900" | "white-100" | "white-300" | "white-400" | "white-500" | "white-200" | "white-600" | "white-700" | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary" | undefined;
     borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderColor";
-        readonly properties: readonly ["borderLeftColor", "borderRightColor"];
+        readonly properties: {
+            readonly physical: readonly ["borderLeftColor", "borderRightColor"];
+            readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
     borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderColor";
-        readonly properties: readonly ["borderTopColor", "borderBottomColor"];
+        readonly properties: {
+            readonly physical: readonly ["borderTopColor", "borderBottomColor"];
+            readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
     borderColorLeft?: import("@codecademy/variance/dist/types/config").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<{
         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<{
         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<{
         readonly property: "borderBottomColor";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
     theme?: import("@emotion/react").Theme | undefined;