fix(Primitive): slot prevents out transition for non-modal dropdown a…

…nd select components (#801) * fix: slot prevents out transition for non-modal dropdown and select components * chore: add out animations to dropdown story component with tailwindcss-animate
radix-vue · Apr 1, 2024 · 94d09a7 · 94d09a7
1 parent bef617e
commit 94d09a7
Show file tree

Hide file tree

Showing 5 changed files with 126 additions and 244 deletions.
diff --git a/.histoire/package.json b/.histoire/package.json
@@ -20,7 +20,8 @@
     "eslint": "^8.56.0",
     "histoire": "^0.17.14",
     "postcss": "^8.4.33",
-    "tailwindcss": "^3.4.1"
+    "tailwindcss": "^3.4.1",
+    "tailwindcss-animate": "1.0.7"
   },
   "peerDependencies": {
     "@vitejs/plugin-vue": "*",

diff --git a/.histoire/tailwind.config.js b/.histoire/tailwind.config.js
@@ -1,5 +1,6 @@
-const { blackA, green, grass, mauve, slate, violet, red, indigo, purple, teal } = require("@radix-ui/colors");
-const plugin = require("tailwindcss/plugin");
+import { blackA, green, grass, mauve, slate, violet, red, indigo, purple, teal } from "@radix-ui/colors";
+import plugin from "tailwindcss/plugin";
+import animate from "tailwindcss-animate";
 
 /** @type {import('tailwindcss').Config} */
 export default {
@@ -158,6 +159,7 @@ export default {
     },
   },
   plugins: [
+    animate,
     plugin(({ matchUtilities }) => {
       matchUtilities({
         perspective: (value) => ({