@elastic/eui 71.1.0 → 72.0.0

package/dist/eui_theme_dark.css

@@ -3117,6 +3117,15 @@ The following files still use the Sass version:
   width: 400px;
   max-width: 100%;
 }
+.euiQuickSelectPopover__content .euiQuickSelectPopover__panel:not(:first-child) {
+  border-top: 1px solid #343741;
+  padding-top: 12px;
+  margin-top: 12px;
+}
+.euiQuickSelectPopover__content .euiQuickSelectPopover__panel .euiQuickSelectPopover__panelTitle {
+  float: left;
+  margin-bottom: 12px;
+}
 
 .euiQuickSelectPopover__section {
   scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
@@ -3125,6 +3134,7 @@ The following files still use the Sass version:
   overflow: hidden;
   overflow-y: auto;
   margin: 8px 0 0;
+  clear: both;
 }
 .euiQuickSelectPopover__section::-webkit-scrollbar {
   width: 16px;
@@ -5458,15 +5468,9 @@ The following files still use the Sass version:
 /**
   * 1. Don't block the user from dropping files onto the filepicker.
   * 2. Ensure space for import icon, loading spinner, and clear button (only if it has files)
-  * 3. Delay focus gradient or else it will only partially transition while file chooser opens
   * 4. Static height so that it doesn't shift its surrounding contents around
   */
 .euiFilePicker__prompt {
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
   padding-left: 40px;
   /* 2 */
   height: 40px;
@@ -5474,13 +5478,9 @@ The following files still use the Sass version:
   padding-right: 12px;
   padding-bottom: 12px;
   pointer-events: none; /* 1 */
+  border: 2px dashed #343741;
   border-radius: 6px;
-  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in 150ms; /* 3 */
-}
-@supports (-moz-appearance: none) {
-  .euiFilePicker__prompt {
-    transition-property: box-shadow, background-image, background-size;
-  }
+  transition: border-color 150ms ease-in, background-color 150ms ease-in;
 }
 .euiFilePicker--compressed .euiFilePicker__prompt {
   background-color: #16171c;
@@ -5494,6 +5494,7 @@ The following files still use the Sass version:
   /* 2 */
   height: 32px;
   border-radius: 4px;
+  box-shadow: none;
 }
 @supports (-moz-appearance: none) {
   .euiFilePicker--compressed .euiFilePicker__prompt {
@@ -5516,8 +5517,7 @@ The following files still use the Sass version:
   height: 104px; /* 4 */
 }
 .euiFilePicker-isInvalid .euiFilePicker__prompt {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
+  border: 2px dashed #F86B63;
 }
 
 .euiFilePicker__promptText {
@@ -5531,7 +5531,10 @@ The following files still use the Sass version:
   line-height: 16px;
 }
 .euiFilePicker:not(.euiFilePicker--large):not(.euiFilePicker-hasFiles) .euiFilePicker__promptText {
-  color: #535966;
+  color: #36A2EF;
+}
+.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__promptText {
+  margin-top: -2px;
 }
 
 .euiFilePicker__clearButton,
@@ -5583,19 +5586,7 @@ The following files still use the Sass version:
 
 .euiFilePicker__showDrop .euiFilePicker__prompt,
 .euiFilePicker__input:focus + .euiFilePicker__prompt {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFilePicker--compressed .euiFilePicker__showDrop .euiFilePicker__prompt,
-.euiFilePicker--compressed .euiFilePicker__input:focus + .euiFilePicker__prompt {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+  border-color: #36A2EF;
 }
 
 .euiFilePicker__input:disabled + .euiFilePicker__prompt {
@@ -5604,6 +5595,7 @@ The following files still use the Sass version:
   cursor: not-allowed;
   background: #202128;
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: none;
 }
 .euiFilePicker__input:disabled + .euiFilePicker__prompt::-webkit-input-placeholder {
   color: #535966;