@codecademy/gamut

Index: package/dist/Card/styles.d.ts
===================================================================
--- package/dist/Card/styles.d.ts
+++ package/dist/Card/styles.d.ts
@@ -1,9 +1,11 @@
+import { StyleProps } from '@codecademy/variance';
+import { Theme } from '@emotion/react';
 export declare const cardVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "beige" | "hyper" | "navy" | "yellow" | "white" | "default"> & {
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const shadowVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"shadow", false | "outline" | "none" | "patternLeft" | "patternRight"> & {
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const patternFadeInOut: {
     initial: {
         opacity: number;
@@ -19,59 +21,42 @@
             ease: string;
         };
     };
 };
-export declare const hoverShadowLeft: (borderRadius?: string) => {
+export declare const useCardElevation: (shadow: StyleProps<typeof shadowVariants>["shadow"], borderRadius?: string) => {
     initial: {
-        boxShadow: string;
         borderRadius: string | undefined;
         transition: {
-            duration: number;
-            ease: string;
+            readonly duration: number;
+            readonly ease: "easeOut";
         };
-    };
-    initialOutline: {
         boxShadow: string;
-        borderRadius: string | undefined;
-        transition: {
-            duration: number;
-            ease: string;
-        };
+        transform: string;
     };
     animate: {
-        transform: string;
-        boxShadow: string;
         borderRadius: string | undefined;
         transition: {
-            duration: number;
-            ease: string;
+            readonly duration: number;
+            readonly ease: "easeIn";
         };
-    };
-    animateOutline: {
-        transform: string;
         boxShadow: string;
-        borderRadius: string | undefined;
-        transition: {
-            duration: number;
-            ease: string;
-        };
+        transform: string;
     };
-};
-export declare const hoverShadowRight: (borderRadius?: string) => {
-    initial: {
+    initialOutline: {
         boxShadow: string;
         borderRadius: string | undefined;
         transition: {
-            duration: number;
-            ease: string;
+            readonly duration: number;
+            readonly ease: "easeOut";
         };
-    };
-    animate: {
         transform: string;
+    };
+    animateOutline: {
         boxShadow: string;
         borderRadius: string | undefined;
         transition: {
-            duration: number;
-            ease: string;
+            readonly duration: number;
+            readonly ease: "easeIn";
         };
+        transform: string;
     };
 };