@elastic/eui 81.1.0 → 81.2.0

package/dist/eui_theme_dark.css

@@ -2894,47 +2894,51 @@ The following files still use the Sass version:
   min-width: 90px;
 }
 
-.euiSuperDatePicker__flexWrapper {
+.euiSuperDatePicker {
+  display: -webkit-flex;
+  display: flex;
+  gap: 8px;
   max-width: 100%;
   min-width: min(326px, 100%);
   width: 606px;
 }
 @media only screen and (max-width: 574px) {
-  .euiSuperDatePicker__flexWrapper {
+  .euiSuperDatePicker {
     width: 100%;
   }
 }
 @media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiSuperDatePicker__flexWrapper {
+  .euiSuperDatePicker {
     width: 100%;
   }
 }
-.euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--fullWidth {
+.euiSuperDatePicker--isAutoRefreshOnly {
+  min-width: min(200px, 100%);
+  width: 400px;
+}
+.euiSuperDatePicker--noUpdateButton {
+  min-width: min(200px, 100%);
+  width: 480px;
+}
+.euiSuperDatePicker--fullWidth {
   width: 100%;
 }
-.euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--isQuickSelectOnly {
+.euiSuperDatePicker--isQuickSelectOnly {
   min-width: 0;
 }
-.euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--autoWidth {
+.euiSuperDatePicker--autoWidth {
   display: -webkit-inline-flex;
   display: inline-flex;
   width: auto;
 }
-
-.euiSuperDatePicker__flexWrapper--isAutoRefreshOnly {
-  min-width: min(200px, 100%);
-  width: 400px;
-}
-
-.euiSuperDatePicker__flexWrapper--noUpdateButton {
-  min-width: min(200px, 100%);
-  width: 480px;
+.euiSuperDatePicker .euiDatePickerRange {
+  -webkit-flex-grow: 1;
+          flex-grow: 1;
 }
-
-.euiSuperDatePicker {
-  max-width: 100% !important;
+.euiSuperDatePicker .euiFormControlLayout {
+  max-width: 100%;
 }
-.euiSuperDatePicker > .euiFormControlLayout__childrenWrapper {
+.euiSuperDatePicker .euiFormControlLayout__childrenWrapper {
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
@@ -2942,10 +2946,10 @@ The following files still use the Sass version:
   overflow: hidden;
   background-color: #16171c;
 }
-.euiSuperDatePicker > .euiFormControlLayout__childrenWrapper:last-child {
+.euiSuperDatePicker .euiFormControlLayout__childrenWrapper:last-child {
   border-radius: 0 6px 6px 0;
 }
-.euiSuperDatePicker > .euiFormControlLayout__childrenWrapper > .euiFormControlLayoutDelimited__input {
+.euiSuperDatePicker .euiFormControlLayout__childrenWrapper > .euiFormControlLayoutDelimited__input {
   -webkit-flex-grow: 1;
           flex-grow: 1;
 }
@@ -2997,14 +3001,13 @@ The following files still use the Sass version:
 /**
 * Make the arrow delimiter match the colors of `.euiDatePopoverButton-needsUpdating`
 */
-.euiSuperDatePicker--needsUpdating.euiFormControlLayoutDelimited .euiFormControlLayout__childrenWrapper {
+.euiSuperDatePicker--needsUpdating .euiFormControlLayoutDelimited .euiFormControlLayout__childrenWrapper {
   background-color: #264341;
 }
-.euiSuperDatePicker--needsUpdating.euiFormControlLayoutDelimited .euiFormControlLayoutDelimited__delimiter {
+.euiSuperDatePicker--needsUpdating .euiFormControlLayoutDelimited .euiFormControlLayoutDelimited__delimiter {
   color: #7DDED8;
 }
-
-.euiSuperDatePicker .euiFormControlLayout__childrenWrapper {
+.euiSuperDatePicker--needsUpdating .euiFormControlLayout__childrenWrapper {
   transition: background 150ms ease-in;
 }