@elastic/eui 81.2.0 → 81.3.0

package/README.md

@@ -47,6 +47,8 @@ The EUI team, like everyone else, has a finite amount of time and resources, and
 
 The EUI library was previously built upon Sass and is in the process of migrating to CSS-in-JS (specifically [Emotion](https://emotion.sh)). While this work is in progress, we ask for your patience with our in-between state in areas such as documentation and setup.
 
+If you're a Kibana developer with questions around CSS-in-JS usage in Kibana, please check out our [FAQ discussion](https://github.com/elastic/eui/discussions/6828)!
+
 ## Wiki
 
 Our wiki docs contain instructions and guidelines on multiple areas of EUI usage and development that are too detailed for an initial README. For more information, see:

package/dist/eui_theme_dark.css

@@ -9736,32 +9736,33 @@ button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus
 }
 
 .euiTableRow-isExpandedRow .euiTableCellContent {
-  overflow: hidden;
-  -webkit-animation: 250ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards growExpandedRow;
-          animation: 250ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards growExpandedRow;
+  -webkit-animation: 150ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal none growExpandedRow;
+          animation: 150ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal none growExpandedRow;
 }
 
 @-webkit-keyframes growExpandedRow {
   0% {
-    max-height: 0;
-  }
-  99% {
-    max-height: 100vh;
+    opacity: 0;
+    -webkit-transform: translateY(-12px);
+            transform: translateY(-12px);
   }
   100% {
-    max-height: unset;
+    opacity: 1;
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
   }
 }
 
 @keyframes growExpandedRow {
   0% {
-    max-height: 0;
-  }
-  99% {
-    max-height: 100vh;
+    opacity: 0;
+    -webkit-transform: translateY(-12px);
+            transform: translateY(-12px);
   }
   100% {
-    max-height: unset;
+    opacity: 1;
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
   }
 }
 .euiTableRowCell__mobileHeader {