chore(autocomplete): css transition visibility

nextui-org · Jun 11, 2024 · 728e4d5 · 728e4d5
1 parent 0e9c104
commit 728e4d5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/core/theme/src/components/autocomplete.ts b/packages/core/theme/src/components/autocomplete.ts
@@ -39,6 +39,7 @@ const autocomplete = tv({
         selectorButton: "transition-none",
       },
       false: {
+        clearButton: "transition-transform-colors-opacity-visibility",
         selectorButton: "transition-transform duration-150 ease motion-reduce:transition-none",
       },
     },

diff --git a/packages/core/theme/src/utilities/transition.ts b/packages/core/theme/src/utilities/transition.ts
@@ -57,4 +57,10 @@ export default {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION,
   },
+  ".transition-transform-colors-opacity-visibility": {
+    "transition-property":
+      "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity, visibility",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION,
+  },
 };