From c89a3b939ce3f3d4b1037929eed9db488bf3168a Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Mon, 18 Sep 2023 12:17:38 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Add=20Dialog=20animation=20(#870?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/landing/package.json | 1 -
 apps/web/package.json     | 1 -
 package.json              | 1 +
 packages/ui/dialog.tsx    | 5 +++--
 yarn.lock                 | 8 ++++----
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/landing/package.json b/apps/landing/package.json
index c2c9ce8e6..1285b8885 100644
--- a/apps/landing/package.json
+++ b/apps/landing/package.json
@@ -24,7 +24,6 @@
     "autoprefixer": "^10.4.13",
     "class-variance-authority": "^0.6.0",
     "dayjs": "^1.11.7",
-    "framer-motion": "^10.12.18",
     "gray-matter": "^4.0.3",
     "i18next": "^22.4.9",
     "i18next-icu": "^2.3.0",
diff --git a/apps/web/package.json b/apps/web/package.json
index 56627c717..27faf6d9b 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -40,7 +40,6 @@
     "color-hash": "^2.0.2",
     "crypto": "^1.0.1",
     "dayjs": "^1.11.8",
-    "framer-motion": "^10.12.18",
     "i18next": "^22.4.9",
     "i18next-icu": "^2.3.0",
     "ics": "^3.1.0",
diff --git a/package.json b/package.json
index 28f0871fb..d9a10694b 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "packages/*"
   ],
   "dependencies": {
+    "framer-motion": "^10.16.4",
     "next": "^13.2.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/packages/ui/dialog.tsx b/packages/ui/dialog.tsx
index ea22f902a..25edf54c4 100644
--- a/packages/ui/dialog.tsx
+++ b/packages/ui/dialog.tsx
@@ -31,7 +31,8 @@ const DialogOverlay = React.forwardRef<
   <DialogPrimitive.Overlay
     ref={ref}
     className={cn(
-      "data-[state=closed]:animate-out data-[state=closed]:fade-out animate-in data-[state=open]:fade-in fixed inset-0 z-50 bg-gray-900/25 transition-all duration-100",
+      "fixed inset-0 z-50 bg-gray-900/10",
+      "animate-in fade-in duration-500",
       className,
     )}
     {...props}
@@ -51,7 +52,7 @@ const DialogContent = React.forwardRef<
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
-        "sm:zoom-in-90 shadow-huge fixed z-50 grid w-full gap-4 overflow-hidden bg-white p-5 sm:rounded-md",
+        "animate-in sm:zoom-in-90 slide-in-from-top-1/4 data-[state=open]:fade-in shadow-huge fixed z-50 grid w-full gap-4 overflow-hidden bg-white p-5 sm:rounded-md",
         {
           "sm:max-w-sm": size === "sm",
           "sm:max-w-md": size === "md",
diff --git a/yarn.lock b/yarn.lock
index 5a03eda88..833dc2a39 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6202,10 +6202,10 @@ fraction.js@^4.2.0:
   resolved "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz"
   integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
 
-framer-motion@^10.12.18:
-  version "10.12.18"
-  resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-10.12.18.tgz#92015860b6468a82e76c4739fcae81e1f6723b3f"
-  integrity sha512-cfhiUpPbj+0eEWKjuD+5cz5cMqH71xOtMxGiS/cSGfHn2OlHIEAqFnFyzEMENw5PxWR9bMVhatzzpD6lexmHZQ==
+framer-motion@^10.16.4:
+  version "10.16.4"
+  resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-10.16.4.tgz#30279ef5499b8d85db3a298ee25c83429933e9f8"
+  integrity sha512-p9V9nGomS3m6/CALXqv6nFGMuFOxbWsmaOrdmhyQimMIlLl3LC7h7l86wge/Js/8cRu5ktutS/zlzgR7eBOtFA==
   dependencies:
     tslib "^2.4.0"
   optionalDependencies: