@elastic/eui 83.0.0 → 83.1.0

package/dist/eui_charts_theme.js

@@ -12282,7 +12282,7 @@ for (var COLLECTION_NAME in DOMIterables) {
 /***/ (function(module) {
 
 "use strict";
-module.exports = JSON.parse('{"height":"block-size","width":"inline-size","max-height":"max-block-size","max-width":"max-inline-size","min-height":"min-block-size","min-width":"min-inline-size","top":"inset-block-start","right":"inset-inline-end","bottom":"inset-block-end","left":"inset-inline-start","horizontal":"inset-block","vertical":"inset-inline","margin-left":"margin-inline-start","margin-right":"margin-inline-end","margin-top":"margin-block-start","margin-bottom":"margin-block-end","margin-horizontal":"margin-inline","margin-vertical":"margin-block","padding-left":"padding-inline-start","padding-right":"padding-inline-end","padding-top":"padding-block-start","padding-bottom":"padding-block-end","padding-horizontal":"padding-inline","padding-vertical":"padding-block","overflow-x":"overflow-inline","overflow-y":"overflow-block","border-horizontal":"border-inline","border-horizontal-color":"border-inline-color","border-horizontal-width":"border-inline-width","border-horizontal-style":"border-inline-style","border-vertical":"border-block","border-vertical-color":"border-block-color","border-vertical-width":"border-block-width","border-vertical-style":"border-block-style","border-bottom":"border-block-end","border-bottom-color":"border-block-end-color","border-bottom-style":"border-block-end-style","border-bottom-width":"border-block-end-width","border-top":"border-block-start","border-top-color":"border-block-start-color","border-top-style":"border-block-start-style","border-top-width":"border-block-start-width","border-right":"border-inline-end","border-right-color":"border-inline-end-color","border-right-style":"border-inline-end-style","border-right-width":"border-inline-end-width","border-left":"border-inline-start","border-left-color":"border-inline-start-color","border-left-style":"border-inline-start-style","border-left-width":"border-inline-start-width","border-top-left-radius":"border-start-start-radius","border-top-right-radius":"border-start-end-radius","border-bottom-left-radius":"border-end-start-radius","border-bottom-right-radius":"border-end-end-radius","_shorthands":["margin","scroll-margin","padding","scroll-padding","inset","border-color","border-width","border-style","border-radius"]}');
+module.exports = JSON.parse('{"height":"block-size","width":"inline-size","max-height":"max-block-size","max-width":"max-inline-size","min-height":"min-block-size","min-width":"min-inline-size","top":"inset-block-start","right":"inset-inline-end","bottom":"inset-block-end","left":"inset-inline-start","horizontal":"inset-inline","vertical":"inset-block","margin-left":"margin-inline-start","margin-right":"margin-inline-end","margin-top":"margin-block-start","margin-bottom":"margin-block-end","margin-horizontal":"margin-inline","margin-vertical":"margin-block","padding-left":"padding-inline-start","padding-right":"padding-inline-end","padding-top":"padding-block-start","padding-bottom":"padding-block-end","padding-horizontal":"padding-inline","padding-vertical":"padding-block","overflow-x":"overflow-inline","overflow-y":"overflow-block","border-horizontal":"border-inline","border-horizontal-color":"border-inline-color","border-horizontal-width":"border-inline-width","border-horizontal-style":"border-inline-style","border-vertical":"border-block","border-vertical-color":"border-block-color","border-vertical-width":"border-block-width","border-vertical-style":"border-block-style","border-bottom":"border-block-end","border-bottom-color":"border-block-end-color","border-bottom-style":"border-block-end-style","border-bottom-width":"border-block-end-width","border-top":"border-block-start","border-top-color":"border-block-start-color","border-top-style":"border-block-start-style","border-top-width":"border-block-start-width","border-right":"border-inline-end","border-right-color":"border-inline-end-color","border-right-style":"border-inline-end-style","border-right-width":"border-inline-end-width","border-left":"border-inline-start","border-left-color":"border-inline-start-color","border-left-style":"border-inline-start-style","border-left-width":"border-inline-start-width","border-top-left-radius":"border-start-start-radius","border-top-right-radius":"border-start-end-radius","border-bottom-left-radius":"border-end-start-radius","border-bottom-right-radius":"border-end-end-radius","_shorthands":["margin","scroll-margin","padding","scroll-padding","inset","border-color","border-width","border-style","border-radius"]}');
 
 /***/ })
 

package/dist/eui_theme_dark.css

@@ -2910,6 +2910,16 @@ 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;
@@ -2922,6 +2932,20 @@ 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;
@@ -3112,6 +3136,30 @@ 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;
@@ -6338,61 +6386,6 @@ The following files still use the Sass version:
   resize: none;
 }
 
-.euiHeader {
-  box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
-  height: 49px;
-  position: relative;
-  z-index: 999;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-justify-content: space-between;
-          justify-content: space-between;
-  background: #1D1E24;
-  border-bottom: 1px solid #131417;
-}
-.euiHeader--fixed {
-  z-index: 1000;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-}
-
-.euiHeader--fixed + .euiHeader--fixed {
-  top: 48px;
-}
-
-.euiHeader--dark {
-  background-color: #131317;
-  border-bottom-color: #131417;
-}
-.euiHeader--dark .euiHeaderLogo__text,
-.euiHeader--dark .euiHeaderLink,
-.euiHeader--dark .euiHeaderSectionItemButton {
-  color: #FFF;
-}
-.euiHeader--dark .euiHeaderLink-isActive {
-  color: #36A2EF;
-}
-.euiHeader--dark .euiHeaderSectionItem::after {
-  background: #25262E;
-}
-.euiHeader--dark .euiHeaderLogo:focus,
-.euiHeader--dark .euiHeaderLink:focus,
-.euiHeader--dark .euiHeaderSectionItemButton:focus {
-  background: #1b5178;
-}
-.euiHeader--dark .euiHeaderSectionItemButton__notification--badge {
-  box-shadow: 0 0 0 1px #131317;
-}
-.euiHeader--dark .euiHeaderSectionItemButton__notification--dot {
-  stroke: #131317;
-}
-
-.euiHeaderProfile {
-  padding: 16px;
-}
-
 .euiHeaderLinks {
   display: -webkit-flex;
   display: flex;
@@ -6432,71 +6425,6 @@ The following files still use the Sass version:
           justify-content: flex-start;
 }
 
-.euiHeaderLogo {
-  text-align: left;
-  font-weight: 500;
-  position: relative;
-  height: 40px;
-  line-height: 40px;
-  min-width: 41px;
-  padding: 0 13px 0 12px;
-  display: -webkit-inline-flex;
-  display: inline-flex;
-  -webkit-align-items: center;
-          align-items: center;
-  vertical-align: middle;
-  white-space: nowrap;
-}
-.euiHeaderLogo:hover {
-  text-decoration: underline;
-}
-.euiHeaderLogo:focus {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
-  text-decoration: underline;
-  text-decoration-thickness: 2px !important;
-}
-.euiHeaderLogo:focus:focus-visible {
-  outline-style: auto;
-}
-.euiHeaderLogo:focus:not(:focus-visible) {
-  outline: none;
-}
-.euiHeaderLogo:focus, .euiHeaderLogo:hover {
-  text-decoration: none;
-}
-
-.euiHeaderLogo__text {
-  overflow-wrap: break-word !important;
-  word-break: break-word;
-  color: #DFE5EF;
-  font-size: 22px;
-  font-size: 1.5714285714rem;
-  line-height: 2.2857142857rem;
-  font-weight: 700;
-  padding-left: 16px;
-  font-weight: 300;
-}
-
-@media only screen and (max-width: 574px) {
-  .euiHeaderLogo {
-    padding: 0 12px;
-  }
-  .euiHeaderLogo__icon.euiIcon--xLarge {
-    width: 24px;
-    height: 24px;
-  }
-  .euiHeaderLogo__text {
-    overflow-wrap: break-word !important;
-    word-break: break-word;
-    color: #DFE5EF;
-    font-size: 16px;
-    font-size: 1.1428571429rem;
-    line-height: 1.7142857143rem;
-    font-weight: 700;
-    font-weight: 400;
-  }
-}
 .euiHeaderAlert {
   min-width: 300px;
   position: relative;
@@ -8381,37 +8309,6 @@ The following files still use the Sass version:
   border-radius: 6px;
 }
 
-.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout {
-  background-color: transparent;
-}
-.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout--group,
-.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout input {
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
-}
-.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) {
-  color: #FFF;
-}
-.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input {
-  color: inherit;
-  background-color: transparent;
-}
-.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input::-webkit-input-placeholder {
-  color: #abaeb5;
-  opacity: 1;
-}
-.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input::-moz-placeholder {
-  color: #abaeb5;
-  opacity: 1;
-}
-.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input::placeholder {
-  color: #abaeb5;
-  opacity: 1;
-}
-.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) .euiFormControlLayout__append {
-  background-color: transparent;
-  color: inherit;
-}
-
 .euiSelectableTemplateSitewide__listItem .euiSelectableListItem__text {
   text-decoration: none !important;
 }
@@ -9903,41 +9800,10 @@ button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus
   outline: none;
 }
 
-.euiHeader {
-  height: 48px;
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
 .euiHeaderSectionItem::after {
   display: none !important;
 }
 
-.euiHeaderLogo {
-  padding-left: 8px;
-  padding-right: 8px;
-  min-width: 40px;
-}
-@media only screen and (max-width: 574px) {
-  .euiHeaderLogo {
-    padding-left: 4px;
-  }
-}
-
-.euiHeaderLogo__text {
-  overflow-wrap: break-word !important;
-  word-break: break-word;
-  color: #DFE5EF;
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  font-weight: 700;
-}
-
-.euiHeader--default + .euiHeader--default {
-  border-top: 1px solid #343741;
-}
-
 .euiHue {
   position: relative;
   height: 12px;