@codecademy/gamut 68.0.1-alpha.bd18ee.0 → 68.0.1-alpha.c6600b.0

package/dist/InternalFloatingCard/InternalFloatingCard.d.ts

@@ -13,19 +13,11 @@ declare const CardBody: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
     }>;
     height?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "height";
-            readonly logical: "blockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "height";
         readonly transform: (value: string | number) => string | 0;
     }>;
     width?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "width";
-            readonly logical: "inlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "width";
         readonly transform: (value: string | number) => string | 0;
     }>;
     alignSelf?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -34,9 +26,6 @@ declare const CardBody: 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";
     }>;
@@ -65,35 +54,19 @@ declare const CardBody: import("@emotion/styled").StyledComponent<{
         readonly property: "justifySelf";
     }>;
     maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "maxHeight";
-            readonly logical: "maxBlockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "maxHeight";
         readonly transform: (value: string | number) => string | 0;
     }>;
     maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "maxWidth";
-            readonly logical: "maxInlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "maxWidth";
         readonly transform: (value: string | number) => string | 0;
     }>;
     minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "minHeight";
-            readonly logical: "minBlockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "minHeight";
         readonly transform: (value: string | number) => string | 0;
     }>;
     minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "minWidth";
-            readonly logical: "minInlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "minWidth";
         readonly transform: (value: string | number) => string | 0;
     }>;
     order?: import("@codecademy/variance/dist/types/config").Scale<{

package/dist/Layout/Column.d.ts

@@ -64,59 +64,32 @@ declare const columnProps: import("@codecademy/variance/dist/types/config").Pars
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        readonly property: {
-            readonly physical: "width";
-            readonly logical: "inlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "width";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minWidth: {
-        readonly property: {
-            readonly physical: "minWidth";
-            readonly logical: "minInlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "minWidth";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxWidth: {
-        readonly property: {
-            readonly physical: "maxWidth";
-            readonly logical: "maxInlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "maxWidth";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly height: {
-        readonly property: {
-            readonly physical: "height";
-            readonly logical: "blockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "height";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minHeight: {
-        readonly property: {
-            readonly physical: "minHeight";
-            readonly logical: "minBlockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "minHeight";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxHeight: {
-        readonly property: {
-            readonly physical: "maxHeight";
-            readonly logical: "maxBlockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "maxHeight";
         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/List/elements.d.ts

@@ -286,59 +286,32 @@ declare const space: import("@codecademy/variance/dist/types/config").Parser<imp
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        readonly property: {
-            readonly physical: "width";
-            readonly logical: "inlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "width";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minWidth: {
-        readonly property: {
-            readonly physical: "minWidth";
-            readonly logical: "minInlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "minWidth";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxWidth: {
-        readonly property: {
-            readonly physical: "maxWidth";
-            readonly logical: "maxInlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "maxWidth";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly height: {
-        readonly property: {
-            readonly physical: "height";
-            readonly logical: "blockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "height";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minHeight: {
-        readonly property: {
-            readonly physical: "minHeight";
-            readonly logical: "minBlockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "minHeight";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxHeight: {
-        readonly property: {
-            readonly physical: "maxHeight";
-            readonly logical: "maxBlockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "maxHeight";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly verticalAlign: {
         readonly property: "verticalAlign";
     };
-    readonly direction: {
-        readonly property: "direction";
-    };
 }>>;
 declare const listVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "table" | "default" | "block" | "plain" | "card"> & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -446,19 +419,11 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
     dir?: string | undefined;
     className?: string | undefined;
     height?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "height";
-            readonly logical: "blockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "height";
         readonly transform: (value: string | number) => string | 0;
     }>;
     width?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "width";
-            readonly logical: "inlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "width";
         readonly transform: (value: string | number) => string | 0;
     }>;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -743,9 +708,6 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
     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";
     }>;
@@ -803,35 +765,19 @@ export declare const AnimatedListWrapper: import("@emotion/styled").StyledCompon
         readonly property: "listStyleType";
     }>;
     maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "maxHeight";
-            readonly logical: "maxBlockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "maxHeight";
         readonly transform: (value: string | number) => string | 0;
     }>;
     maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "maxWidth";
-            readonly logical: "maxInlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "maxWidth";
         readonly transform: (value: string | number) => string | 0;
     }>;
     minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "minHeight";
-            readonly logical: "minBlockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "minHeight";
         readonly transform: (value: string | number) => string | 0;
     }>;
     minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "minWidth";
-            readonly logical: "minInlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "minWidth";
         readonly transform: (value: string | number) => string | 0;
     }>;
     opacity?: import("@codecademy/variance/dist/types/config").Scale<{

package/dist/Menu/elements.d.ts

@@ -65,59 +65,32 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        readonly property: {
-            readonly physical: "width";
-            readonly logical: "inlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "width";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minWidth: {
-        readonly property: {
-            readonly physical: "minWidth";
-            readonly logical: "minInlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "minWidth";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxWidth: {
-        readonly property: {
-            readonly physical: "maxWidth";
-            readonly logical: "maxInlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "maxWidth";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly height: {
-        readonly property: {
-            readonly physical: "height";
-            readonly logical: "blockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "height";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minHeight: {
-        readonly property: {
-            readonly physical: "minHeight";
-            readonly logical: "minBlockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "minHeight";
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxHeight: {
-        readonly property: {
-            readonly physical: "maxHeight";
-            readonly logical: "maxBlockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "maxHeight";
         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/Pagination/AnimatedPaginationButtons.d.ts

@@ -19,19 +19,11 @@ export declare const AnimatedFadeButton: (props: {
     dir?: string | undefined;
     className?: string | undefined;
     height?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "height";
-            readonly logical: "blockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "height";
         readonly transform: (value: string | number) => string | 0;
     }>;
     width?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "width";
-            readonly logical: "inlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "width";
         readonly transform: (value: string | number) => string | 0;
     }>;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -300,9 +292,6 @@ export declare const AnimatedFadeButton: (props: {
     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";
     }>;
@@ -335,35 +324,19 @@ export declare const AnimatedFadeButton: (props: {
         readonly transform: (value: string | number) => string | 0;
     }>;
     maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "maxHeight";
-            readonly logical: "maxBlockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "maxHeight";
         readonly transform: (value: string | number) => string | 0;
     }>;
     maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "maxWidth";
-            readonly logical: "maxInlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "maxWidth";
         readonly transform: (value: string | number) => string | 0;
     }>;
     minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "minHeight";
-            readonly logical: "minBlockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "minHeight";
         readonly transform: (value: string | number) => string | 0;
     }>;
     minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "minWidth";
-            readonly logical: "minInlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "minWidth";
         readonly transform: (value: string | number) => string | 0;
     }>;
     opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -665,7 +638,7 @@ export declare const AnimatedSlideButton: (props: (Omit<Omit<{
     href?: string | undefined;
 } & {
     'aria-label': string;
-    buttonDirection: "back" | "forward";
+    direction: "back" | "forward";
 }, "ref"> | Omit<Omit<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -681,5 +654,5 @@ export declare const AnimatedSlideButton: (props: (Omit<Omit<{
     href?: string | undefined;
 } & {
     'aria-label': string;
-    buttonDirection: "back" | "forward";
+    direction: "back" | "forward";
 }, "ref">) & import("react").RefAttributes<import("..").ButtonBaseElements>) => import("react/jsx-runtime").JSX.Element;

package/dist/Pagination/EllipsisButton.d.ts

@@ -3,7 +3,7 @@ import { ButtonBaseElements } from '../ButtonBase/ButtonBase';
 import { PaginationButtonProps } from './PaginationButton';
 export type EllipsisButtonProps = PaginationButtonProps & {
     'aria-label': string;
-    buttonDirection: 'back' | 'forward';
+    direction: 'back' | 'forward';
 };
 export declare const BaseEllipsisButton: import("react").ForwardRefExoticComponent<(Omit<Omit<{
     theme?: import("@emotion/react").Theme | undefined;
@@ -20,7 +20,7 @@ export declare const BaseEllipsisButton: import("react").ForwardRefExoticCompone
     href?: string | undefined;
 } & {
     'aria-label': string;
-    buttonDirection: 'back' | 'forward';
+    direction: 'back' | 'forward';
 }, "ref"> | Omit<Omit<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -36,7 +36,7 @@ export declare const BaseEllipsisButton: import("react").ForwardRefExoticCompone
     href?: string | undefined;
 } & {
     'aria-label': string;
-    buttonDirection: 'back' | 'forward';
+    direction: 'back' | 'forward';
 }, "ref">) & import("react").RefAttributes<ButtonBaseElements>>;
 export declare const EllipsisButton: (props: (Omit<Omit<{
     theme?: import("@emotion/react").Theme | undefined;
@@ -53,7 +53,7 @@ export declare const EllipsisButton: (props: (Omit<Omit<{
     href?: string | undefined;
 } & {
     'aria-label': string;
-    buttonDirection: 'back' | 'forward';
+    direction: 'back' | 'forward';
 }, "ref"> | Omit<Omit<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -69,5 +69,5 @@ export declare const EllipsisButton: (props: (Omit<Omit<{
     href?: string | undefined;
 } & {
     'aria-label': string;
-    buttonDirection: 'back' | 'forward';
+    direction: 'back' | 'forward';
 }, "ref">) & import("react").RefAttributes<ButtonBaseElements>) => import("react/jsx-runtime").JSX.Element;

package/dist/Pagination/EllipsisButton.js

@@ -8,14 +8,14 @@ const ellipsisButtonContents = {
   forward: '»'
 };
 export const BaseEllipsisButton = /*#__PURE__*/forwardRef(({
-  buttonDirection,
+  direction,
   showButton,
   ...props
 }, ref) => {
   const [contents, setContents] = useState(ellipsisButtonContents.ellipsis);
   return /*#__PURE__*/_jsx(PaginationButton, {
     ellipsis: true,
-    onMouseEnter: () => setContents(ellipsisButtonContents[buttonDirection]),
+    onMouseEnter: () => setContents(ellipsisButtonContents[direction]),
     onMouseLeave: () => setContents(ellipsisButtonContents.ellipsis),
     ...props,
     ref: ref,

package/dist/Pagination/index.js

@@ -80,8 +80,8 @@ export const Pagination = ({
     }), showSkipToButtons && /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(AnimatedSlideButton, {
         "aria-label": "Jump back to page 1",
-        buttonDirection: "back",
         buttonType: variant,
+        direction: "back",
         display: hideOnMobile,
         href: navigation,
         showButton: shownPageArray[0] === 1 ? 'hidden' : 'shown',
@@ -89,8 +89,8 @@ export const Pagination = ({
         children: "1"
       }), /*#__PURE__*/_jsx(EllipsisButton, {
         "aria-label": `Jump back to page ${backPageNumber}`,
-        buttonDirection: "back",
         buttonType: variant,
+        direction: "back",
         display: hideOnMobile,
         href: navigation,
         showButton: shownPageArray[0] === 1 ? 'hidden' : 'shown',
@@ -107,8 +107,8 @@ export const Pagination = ({
     }, page)), showSkipToButtons && /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(EllipsisButton, {
         "aria-label": `Jump forward to page ${forwardPageNumber}`,
-        buttonDirection: "forward",
         buttonType: variant,
+        direction: "forward",
         display: hideOnMobile,
         href: navigation,
         showButton: shownPageArray[chapterSize - 1] === totalPages ? 'hidden' : 'shown',
@@ -117,8 +117,8 @@ export const Pagination = ({
         }
       }), /*#__PURE__*/_jsx(AnimatedSlideButton, {
         "aria-label": `Jump forward to last page, page ${totalPages}`,
-        buttonDirection: "forward",
         buttonType: variant,
+        direction: "forward",
         display: hideOnMobile,
         href: navigation,
         showButton: shownPageArray[chapterSize - 1] === totalPages ? 'hidden' : 'shown',

package/dist/Pagination/utils.d.ts

@@ -31,19 +31,11 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
     dir?: string | undefined;
     className?: string | undefined;
     height?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "height";
-            readonly logical: "blockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "height";
         readonly transform: (value: string | number) => string | 0;
     }>;
     width?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "width";
-            readonly logical: "inlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "width";
         readonly transform: (value: string | number) => string | 0;
     }>;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -312,9 +304,6 @@ 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";
     }>;
@@ -347,35 +336,19 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
         readonly transform: (value: string | number) => string | 0;
     }>;
     maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "maxHeight";
-            readonly logical: "maxBlockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "maxHeight";
         readonly transform: (value: string | number) => string | 0;
     }>;
     maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "maxWidth";
-            readonly logical: "maxInlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "maxWidth";
         readonly transform: (value: string | number) => string | 0;
     }>;
     minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "minHeight";
-            readonly logical: "minBlockSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "minHeight";
         readonly transform: (value: string | number) => string | 0;
     }>;
     minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: {
-            readonly physical: "minWidth";
-            readonly logical: "minInlineSize";
-        };
-        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly property: "minWidth";
         readonly transform: (value: string | number) => string | 0;
     }>;
     opacity?: import("@codecademy/variance/dist/types/config").Scale<{

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.buttonDirection === 'forward' && isFirstRender.current ? 'shown' : 'hidden',
+        initial: props.direction === 'forward' && isFirstRender.current ? 'shown' : 'hidden',
         transition: {
           duration: 0.3
         },