@codecademy/gamut 68.0.1-alpha.4aeb6d.0 → 68.0.1-alpha.588625.0

package/dist/Pagination/utils.d.ts

@@ -31,11 +31,19 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
     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;
@@ -304,6 +312,9 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
     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";
     }>;
@@ -336,19 +347,35 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
         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<{
@@ -381,19 +408,11 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
         readonly property: "zIndex";
     }>;
     borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderBottom";
-            readonly logical: "borderBlockEnd";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderBottom";
         readonly scale: "borders";
     }>;
     borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderLeft";
-            readonly logical: "borderInlineStart";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderLeft";
         readonly scale: "borders";
     }>;
     borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -401,22 +420,14 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
         readonly scale: "borderRadii";
     }>;
     borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderRight";
-            readonly logical: "borderInlineEnd";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderRight";
         readonly scale: "borders";
     }>;
     borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderStyle";
     }>;
     borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderTop";
-            readonly logical: "borderBlockStart";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderTop";
         readonly scale: "borders";
     }>;
     borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -550,177 +561,89 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
     }>;
     borderX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "border";
-        readonly properties: {
-            readonly physical: readonly ["borderLeft", "borderRight"];
-            readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderLeft", "borderRight"];
         readonly scale: "borders";
     }>;
     borderY?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "border";
-        readonly properties: {
-            readonly physical: readonly ["borderTop", "borderBottom"];
-            readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderTop", "borderBottom"];
         readonly scale: "borders";
     }>;
     borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderWidth";
-        readonly properties: {
-            readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
-            readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
     }>;
     borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderWidth";
-        readonly properties: {
-            readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
-            readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
     }>;
     borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderLeftWidth";
-            readonly logical: "borderInlineStartWidth";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderLeftWidth";
     }>;
     borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderRightWidth";
-            readonly logical: "borderInlineEndWidth";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderRightWidth";
     }>;
     borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderTopWidth";
-            readonly logical: "borderBlockStartWidth";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderTopWidth";
     }>;
     borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderBottomWidth";
-            readonly logical: "borderBlockEndWidth";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderBottomWidth";
     }>;
     borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
-        readonly properties: {
-            readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
-            readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
         readonly scale: "borderRadii";
     }>;
     borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
-        readonly properties: {
-            readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
-            readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
         readonly scale: "borderRadii";
     }>;
     borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
-        readonly properties: {
-            readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
-            readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
         readonly scale: "borderRadii";
     }>;
     borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRadius";
-        readonly properties: {
-            readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
-            readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
         readonly scale: "borderRadii";
     }>;
     borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderTopLeftRadius";
-            readonly logical: "borderStartStartRadius";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderTopLeftRadius";
         readonly scale: "borderRadii";
     }>;
     borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderTopRightRadius";
-            readonly logical: "borderStartEndRadius";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderTopRightRadius";
         readonly scale: "borderRadii";
     }>;
     borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderBottomRightRadius";
-            readonly logical: "borderEndEndRadius";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderBottomRightRadius";
         readonly scale: "borderRadii";
     }>;
     borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderBottomLeftRadius";
-            readonly logical: "borderEndStartRadius";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderBottomLeftRadius";
         readonly scale: "borderRadii";
     }>;
     borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderStyle";
-        readonly properties: {
-            readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
-            readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
     }>;
     borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderStyle";
-        readonly properties: {
-            readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
-            readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
     }>;
     borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderLeftStyle";
-            readonly logical: "borderInlineStartStyle";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderLeftStyle";
     }>;
     borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderRightStyle";
-            readonly logical: "borderInlineEndStyle";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderRightStyle";
     }>;
     borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderTopStyle";
-            readonly logical: "borderBlockStartStyle";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderTopStyle";
     }>;
     borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "borderBottomStyle";
-            readonly logical: "borderBlockEndStyle";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "borderBottomStyle";
     }>;
     dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "width";

package/dist/Pagination/utils.js

@@ -47,7 +47,7 @@ export const wrapWithSlideAnimation = WrappedComponent => {
       children: props.showButton === 'shown' && /*#__PURE__*/_jsx(motion.div, {
         animate: props.showButton,
         exit: "hidden",
-        initial: props.direction === 'forward' && isFirstRender.current ? 'shown' : 'hidden',
+        initial: props.buttonDirection === 'forward' && isFirstRender.current ? 'shown' : 'hidden',
         transition: {
           duration: 0.3
         },

package/dist/Tabs/props.d.ts

@@ -71,32 +71,59 @@ export declare const tabElementBaseProps: import("@codecademy/variance/dist/type
         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/Tag/types.d.ts

@@ -173,32 +173,59 @@ export declare const tagProps: 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 fontFamily: {
         readonly property: "fontFamily";

package/dist/Toggle/elements.d.ts

@@ -143,40 +143,28 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
     }>;
     borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderColor";
-        readonly properties: {
-            readonly physical: readonly ["borderLeftColor", "borderRightColor"];
-            readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderLeftColor", "borderRightColor"];
         readonly scale: "colors";
     }>;
     borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderColor";
-        readonly properties: {
-            readonly physical: readonly ["borderTopColor", "borderBottomColor"];
-            readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderTopColor", "borderBottomColor"];
         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";
     }>;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/Typography/Text.d.ts

@@ -73,32 +73,59 @@ declare const textProps: import("@codecademy/variance/dist/types/config").Parser
         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";
@@ -153,40 +180,28 @@ declare const textProps: import("@codecademy/variance/dist/types/config").Parser
     };
     readonly borderColorX: {
         readonly property: "borderColor";
-        readonly properties: {
-            readonly physical: readonly ["borderLeftColor", "borderRightColor"];
-            readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderLeftColor", "borderRightColor"];
         readonly scale: "colors";
     };
     readonly borderColorY: {
         readonly property: "borderColor";
-        readonly properties: {
-            readonly physical: readonly ["borderTopColor", "borderBottomColor"];
-            readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly properties: readonly ["borderTopColor", "borderBottomColor"];
         readonly scale: "colors";
     };
     readonly borderColorLeft: {
         readonly property: "borderLeftColor";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     };
     readonly borderColorRight: {
         readonly property: "borderRightColor";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     };
     readonly borderColorTop: {
         readonly property: "borderTopColor";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     };
     readonly borderColorBottom: {
         readonly property: "borderBottomColor";
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "68.0.1-alpha.4aeb6d.0",
+  "version": "68.0.1-alpha.588625.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
-    "@codecademy/gamut-icons": "9.54.3-alpha.4aeb6d.0",
-    "@codecademy/gamut-illustrations": "0.58.3-alpha.4aeb6d.0",
-    "@codecademy/gamut-patterns": "0.10.22-alpha.4aeb6d.0",
-    "@codecademy/gamut-styles": "17.11.3-alpha.4aeb6d.0",
-    "@codecademy/variance": "0.25.3-alpha.4aeb6d.0",
+    "@codecademy/gamut-icons": "9.54.3-alpha.588625.0",
+    "@codecademy/gamut-illustrations": "0.58.3-alpha.588625.0",
+    "@codecademy/gamut-patterns": "0.10.22-alpha.588625.0",
+    "@codecademy/gamut-styles": "17.11.3-alpha.588625.0",
+    "@codecademy/variance": "0.25.3-alpha.588625.0",
     "@types/marked": "^4.0.8",
     "@vidstack/react": "^1.12.12",
     "classnames": "^2.2.5",
@@ -56,5 +56,5 @@
     "dist/**/[A-Z]**/[A-Z]*.js",
     "dist/**/[A-Z]**/index.js"
   ],
-  "gitHead": "c3bacad29ba252b1df9328296dd76c713cd2df16"
+  "gitHead": "2b27f0d68b2b34c30fb172b58607bdb9a63a30c2"
 }