@codecademy/gamut 68.0.1-alpha.d8b528.0 → 68.0.1-alpha.e71051.0

package/dist/Anchor/index.d.ts

@@ -68,32 +68,59 @@ declare const anchorProps: import("@codecademy/variance/dist/types/config").Pars
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        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;
     };
     readonly minWidth: {
-        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;
     };
     readonly maxWidth: {
-        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;
     };
     readonly height: {
-        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;
     };
     readonly minHeight: {
-        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;
     };
     readonly maxHeight: {
-        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;
     };
     readonly verticalAlign: {
         readonly property: "verticalAlign";
     };
+    readonly direction: {
+        readonly property: "direction";
+    };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly p: {
         readonly property: "padding";

package/dist/Badge/index.d.ts

@@ -178,32 +178,59 @@ declare const badgeProps: import("@codecademy/variance/dist/types/config").Parse
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        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;
     };
     readonly minWidth: {
-        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;
     };
     readonly maxWidth: {
-        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;
     };
     readonly height: {
-        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;
     };
     readonly minHeight: {
-        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;
     };
     readonly maxHeight: {
-        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;
     };
     readonly verticalAlign: {
         readonly property: "verticalAlign";
     };
+    readonly direction: {
+        readonly property: "direction";
+    };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly fontFamily: {
         readonly property: "fontFamily";

package/dist/Box/props.d.ts

@@ -287,32 +287,59 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        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;
     };
     readonly minWidth: {
-        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;
     };
     readonly maxWidth: {
-        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;
     };
     readonly height: {
-        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;
     };
     readonly minHeight: {
-        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;
     };
     readonly maxHeight: {
-        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;
     };
     readonly verticalAlign: {
         readonly property: "verticalAlign";
     };
+    readonly direction: {
+        readonly property: "direction";
+    };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly color: {
         readonly property: "color";

package/dist/Button/shared/styles.d.ts

@@ -65,32 +65,59 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        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;
     };
     readonly minWidth: {
-        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;
     };
     readonly maxWidth: {
-        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;
     };
     readonly height: {
-        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;
     };
     readonly minHeight: {
-        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;
     };
     readonly maxHeight: {
-        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;
     };
     readonly verticalAlign: {
         readonly property: "verticalAlign";
     };
+    readonly direction: {
+        readonly property: "direction";
+    };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly position: {
         readonly property: "position";

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<{
@@ -771,11 +798,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;
@@ -1060,6 +1095,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";
     }>;
@@ -1117,19 +1155,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<{
@@ -1490,11 +1544,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;
@@ -1782,6 +1844,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";
     }>;
@@ -1844,19 +1909,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<{

package/dist/Form/elements/Form.d.ts

@@ -13,11 +13,19 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
     }>;
     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;
     }>;
     alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | undefined;
@@ -34,6 +42,9 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
     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";
     }>;
@@ -76,19 +87,35 @@ declare const StyledForm: import("@emotion/styled").StyledComponent<{
         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<{

package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts

@@ -221,32 +221,59 @@ declare const hrProps: import("@codecademy/variance/dist/types/config").Parser<i
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        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;
     };
     readonly minWidth: {
-        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;
     };
     readonly maxWidth: {
-        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;
     };
     readonly height: {
-        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;
     };
     readonly minHeight: {
-        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;
     };
     readonly maxHeight: {
-        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;
     };
     readonly verticalAlign: {
         readonly property: "verticalAlign";
     };
+    readonly direction: {
+        readonly property: "direction";
+    };
 }>>]>>;
 export interface HrProps extends StyleProps<typeof hrProps> {
 }