Revert "feat: Transitions, spacing, scroll fade, prompt area update (#11168)" (#11461)

Co-authored-by: adamelmore <[email protected]>

1 files changed, 24 insertions, 20 deletions

diff --git a/packages/ui/src/components/collapsible.css b/packages/ui/src/components/collapsible.css
index cc62b2b87..1f20cf85d 100644
--- a/packages/ui/src/components/collapsible.css
+++ b/packages/ui/src/components/collapsible.css
@@ -4,9 +4,7 @@
   flex-direction: column;
   background-color: var(--surface-inset-base);
   border: 1px solid var(--border-weaker-base);
-  transition-property: background-color, border-color;
-  transition-duration: var(--transition-duration);
-  transition-timing-function: var(--transition-easing);
+  transition: background-color 0.15s ease;
   border-radius: var(--radius-md);
   overflow: clip;
 
@@ -46,28 +44,16 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      color: var(--text-weak);
     }
   }
 
   [data-slot="collapsible-content"] {
-    display: grid;
-    grid-template-rows: 0fr;
-    transition-property: grid-template-rows, opacity;
-    transition-duration: var(--transition-duration);
-    transition-timing-function: var(--transition-easing);
+    overflow: hidden;
+    /* animation: slideUp 250ms ease-out; */
 
-    > * {
-      overflow: hidden;
-    }
-
-    &[data-expanded] {
-      grid-template-rows: 1fr;
-    }
-
-    &[data-closed] {
-      grid-template-rows: 0fr;
-    }
+    /* &[data-expanded] { */
+    /*   animation: slideDown 250ms ease-out; */
+    /* } */
   }
 
   &[data-variant="ghost"] {
@@ -97,3 +83,21 @@
     }
   }
 }
+
+@keyframes slideDown {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--kb-collapsible-content-height);
+  }
+}
+
+@keyframes slideUp {
+  from {
+    height: var(--kb-collapsible-content-height);
+  }
+  to {
+    height: 0;
+  }
+}