Revert "feat(ui): Select, dropdown, popover styles & transitions (#11675)"

This reverts commit 377bf7ff21a4f05807c38675ac70cd08fe67b516.

1 files changed, 12 insertions, 46 deletions

diff --git a/packages/ui/src/components/popover.css b/packages/ui/src/components/popover.css
index d200fe8b2..b49542afd 100644
--- a/packages/ui/src/components/popover.css
+++ b/packages/ui/src/components/popover.css
@@ -15,35 +15,16 @@
 
   transform-origin: var(--kb-popover-content-transform-origin);
 
-  animation: popoverContentHide var(--transition-duration) var(--transition-easing) forwards;
-
-  @starting-style {
-    animation: none;
-  }
-
-  &[data-expanded] {
-    pointer-events: auto;
-    animation: popoverContentShow var(--transition-duration) var(--transition-easing) forwards;
-  }
-
-  [data-origin-top-right] {
-    transform-origin: top right;
-  }
-
-  [data-origin-top-left] {
-    transform-origin: top left;
-  }
-
-  [data-origin-bottom-right] {
-    transform-origin: bottom right;
+  &:focus-within {
+    outline: none;
   }
 
-  [data-origin-bottom-left] {
-    transform-origin: bottom left;
+  &[data-closed] {
+    animation: popover-close 0.15s ease-out;
   }
 
-  &:focus-within {
-    outline: none;
+  &[data-expanded] {
+    animation: popover-open 0.15s ease-out;
   }
 
   [data-slot="popover-header"] {
@@ -94,39 +75,24 @@
   }
 }
 
-@keyframes popoverContentShow {
+@keyframes popover-open {
   from {
     opacity: 0;
-    transform: scaleY(0.95);
+    transform: scale(0.96);
   }
   to {
     opacity: 1;
-    transform: scaleY(1);
+    transform: scale(1);
   }
 }
 
-@keyframes popoverContentHide {
+@keyframes popover-close {
   from {
     opacity: 1;
-    transform: scaleY(1);
+    transform: scale(1);
   }
   to {
     opacity: 0;
-    transform: scaleY(0.95);
-  }
-}
-
-[data-component="model-popover-content"] {
-  transform-origin: var(--kb-popper-content-transform-origin);
-  pointer-events: none;
-  animation: popoverContentHide var(--transition-duration) var(--transition-easing) forwards;
-
-  @starting-style {
-    animation: none;
-  }
-
-  &[data-expanded] {
-    pointer-events: auto;
-    animation: popoverContentShow var(--transition-duration) var(--transition-easing) forwards;
+    transform: scale(0.96);
   }
 }