@elastic/eui 89.0.0 → 89.1.0

package/dist/eui_theme_dark.css

@@ -2906,16 +2906,6 @@ The following files still use the Sass version:
   z-index: 2;
   pointer-events: none;
 }
-.euiDataGridRowCell:hover {
-  /*
-   * For some incredibly bizarre reason, Safari doesn't correctly update the flex
-   * width of the content (when rows are an undefined height/single flex row),
-   * which causes the action icons to overlap & makes the content less readable.
-   * This workaround "animation" forces a rerender of the flex content width
-   *
-   * TODO: Remove this workaround once https://bugs.webkit.org/show_bug.cgi?id=258539 is resolved
-   */
-}
 .euiDataGridRowCell:hover .euiDataGridRowCell__actionButtonIcon {
   -webkit-animation-duration: 90ms;
           animation-duration: 90ms;
@@ -2928,20 +2918,6 @@ The following files still use the Sass version:
   -webkit-animation-fill-mode: forwards;
           animation-fill-mode: forwards;
 }
-.euiDataGridRowCell:hover .euiDataGridRowCell__expandContent {
-  -webkit-animation-name: euiDataGridCellActionsSafariWorkaround;
-          animation-name: euiDataGridCellActionsSafariWorkaround;
-  -webkit-animation-duration: 1000ms;
-          animation-duration: 1000ms;
-  -webkit-animation-delay: 340ms;
-          animation-delay: 340ms;
-  -webkit-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
-  -webkit-animation-timing-function: linear;
-          animation-timing-function: linear;
-}
 .euiDataGridRowCell:focus .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell:focus-within .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actionButtonIcon {
   -webkit-animation: none;
           animation: none;
@@ -2966,22 +2942,6 @@ The following files still use the Sass version:
 .euiDataGridRowCell.euiDataGridRowCell--capitalize {
   text-transform: capitalize;
 }
-.euiDataGridRowCell .euiDataGridRowCell__definedHeight {
-  overflow-wrap: break-word !important;
-  word-break: break-word;
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-}
-.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__content,
-.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__truncate, .euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn).euiDataGridRowCell__truncate,
-.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__expandContent {
-  max-width: 100%;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-  overflow: hidden;
-  white-space: nowrap;
-}
 
 .euiDataGridRowCell__popover {
   scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
@@ -3008,46 +2968,49 @@ The following files still use the Sass version:
   background-color: transparent;
 }
 
-.euiDataGridRowCell__expandFlex {
+.euiDataGridRowCell__contentWrapper {
   position: relative;
+  height: 100%;
+  overflow: hidden;
+}
+
+.euiDataGridRowCell__defaultHeight {
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: baseline;
           align-items: baseline;
-  height: 100%;
-}
-.euiDataGridRowCell--controlColumn .euiDataGridRowCell__expandFlex {
-  -webkit-align-items: center;
-          align-items: center;
+  max-width: 100%;
 }
-
-.euiDataGridRowCell__expandContent {
+.euiDataGridRowCell__defaultHeight .euiDataGridRowCell__content {
   -webkit-flex-grow: 1;
           flex-grow: 1;
 }
+.euiDataGridRowCell__defaultHeight .euiDataGridRowCell__actions {
+  -webkit-flex-grow: 0;
+          flex-grow: 0;
+}
+.euiDataGridRowCell--controlColumn .euiDataGridRowCell__defaultHeight {
+  height: 100%;
+  -webkit-align-items: center;
+          align-items: center;
+}
 
-.euiDataGridRowCell__contentByHeight {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
+.euiDataGridRowCell__numericalHeight [data-euiportal],
+.euiDataGridRowCell__numericalHeight .euiPopover,
+.euiDataGridRowCell__numericalHeight .euiPopover__anchor {
   height: 100%;
 }
 
-.euiDataGridRowCell__expandActions {
+.euiDataGridRowCell__actions {
   display: -webkit-flex;
   display: flex;
 }
-
-.euiDataGridRowCell__expandContent + .euiDataGridRowCell__expandActions {
-  -webkit-flex-grow: 0;
-          flex-grow: 0;
-}
-
-.euiDataGridRowCell__contentByHeight + .euiDataGridRowCell__expandActions {
-  background-color: #1D1E24;
+.euiDataGridRowCell__actions--overlay {
   position: absolute;
   right: 0;
   top: 0;
   padding: 6px 0;
+  background-color: #1D1E24;
 }
 
 .euiDataGridRowCell__actionButtonIcon {
@@ -3060,17 +3023,13 @@ The following files still use the Sass version:
   border: none;
 }
 
-.euiDataGrid--stripes .euiDataGridRow--striped {
-  background-color: #25262E;
-}
-.euiDataGrid--stripes .euiDataGridRow--striped .euiDataGridRowCell__contentByHeight + .euiDataGridRowCell__expandActions {
+.euiDataGrid--stripes .euiDataGridRow--striped,
+.euiDataGrid--stripes .euiDataGridRow--striped .euiDataGridRowCell__actions--overlay {
   background-color: #25262E;
 }
 
-.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover {
-  background-color: #2E2D25;
-}
-.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover .euiDataGridRowCell__contentByHeight + .euiDataGridRowCell__expandActions {
+.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover,
+.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover .euiDataGridRowCell__actions--overlay {
   background-color: #2E2D25;
 }
 
@@ -3103,10 +3062,10 @@ The following files still use the Sass version:
   padding: 8px;
 }
 
-.euiDataGrid--fontSizeSmall.euiDataGrid--paddingSmall .euiDataGridRowCell__contentByHeight + .euiDataGridRowCell__expandActions {
+.euiDataGrid--fontSizeSmall.euiDataGrid--paddingSmall .euiDataGridRowCell__actions--overlay {
   padding: 2px 0;
 }
-.euiDataGrid--fontSizeSmall.euiDataGrid--paddingSmall .euiDataGridRowCell__expandContent + .euiDataGridRowCell__expandActions {
+.euiDataGrid--fontSizeSmall.euiDataGrid--paddingSmall .euiDataGridRowCell__defaultHeight .euiDataGridRowCell__actions {
   -webkit-transform: translateY(1px);
           transform: translateY(1px);
 }
@@ -3132,30 +3091,6 @@ The following files still use the Sass version:
     width: 12px;
   }
 }
-@-webkit-keyframes euiDataGridCellActionsSafariWorkaround {
-  from {
-    width: 100%;
-    -webkit-flex-basis: 100%;
-            flex-basis: 100%;
-  }
-  to {
-    width: auto;
-    -webkit-flex-basis: auto;
-            flex-basis: auto;
-  }
-}
-@keyframes euiDataGridCellActionsSafariWorkaround {
-  from {
-    width: 100%;
-    -webkit-flex-basis: 100%;
-            flex-basis: 100%;
-  }
-  to {
-    width: auto;
-    -webkit-flex-basis: auto;
-            flex-basis: auto;
-  }
-}
 .euiDataGrid__controls {
   background: #141519;
   position: relative;