@elastic/eui 71.1.0 → 72.1.0

package/dist/eui_theme_dark.css

@@ -1706,110 +1706,6 @@ The following files still use the Sass version:
   border-color: #36A2EF;
 }
 
-.euiColorStops:not(.euiColorStops-isDisabled):focus {
-  outline: 2px solid #36A2EF;
-}
-
-.euiColorStops__addContainer {
-  display: block;
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 50%;
-  height: 16px;
-  margin-top: -8px;
-}
-.euiColorStops__addContainer:hover:not(.euiColorStops__addContainer-isDisabled) {
-  cursor: pointer;
-}
-.euiColorStops__addContainer:hover:not(.euiColorStops__addContainer-isDisabled) .euiColorStops__addTarget {
-  opacity: 0.7;
-}
-
-.euiColorStops__addTarget {
-  padding: 7px;
-  border: 1px solid #66676d;
-  background: #1D1E24 no-repeat center;
-  border-radius: 14px;
-  transition: background-color 150ms ease-in, border-color 150ms ease-in;
-  box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
-  border: 2px solid #1D1E24;
-  cursor: pointer;
-  background-color: #98A2B3;
-  padding: 0;
-  height: 16px;
-  width: 16px;
-  box-sizing: border-box;
-  position: absolute;
-  top: 0;
-  height: 16px;
-  width: 16px;
-  background-color: #25262E;
-  pointer-events: none;
-  opacity: 0;
-  transition: opacity 150ms;
-}
-
-.euiColorStop {
-  width: 152px;
-}
-
-.euiColorStopPopover.euiPopover {
-  position: absolute;
-  top: 50%;
-  width: 16px;
-  height: 16px;
-  margin-top: -8px;
-}
-
-.euiColorStopPopover-hasFocus {
-  z-index: 3;
-}
-
-.euiColorStopPopover__anchor {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-.euiColorStopPopover__anchor::before {
-  content: "";
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  height: 16px;
-  width: 16px;
-  border-radius: 16px;
-  background: #1D1E24;
-}
-
-.euiColorStopThumb.euiRangeThumb:not(:disabled) {
-  top: 0;
-  margin-top: 0;
-  pointer-events: auto;
-  cursor: -webkit-grab;
-  cursor: grab;
-  border: solid 3px #1D1E24;
-  box-shadow: 0 0 0 1px #535966, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
-}
-.euiColorStopThumb.euiRangeThumb:not(:disabled):active {
-  cursor: -webkit-grabbing;
-  cursor: grabbing;
-}
-
-.euiColorStopPopover-isLoadingPanel {
-  visibility: hidden !important;
-}
-
-.euiColorStops.euiColorStops-isDragging:not(.euiColorStops-isDisabled):not(.euiColorStops-isReadOnly) {
-  cursor: -webkit-grabbing;
-  cursor: grabbing;
-}
-
-.euiColorStops__highlight {
-  color: #343741;
-}
-
 .euiColorPalettePicker__itemTitle {
   font-size: 12px;
   font-size: 0.8571428571rem;
@@ -3117,6 +3013,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 +3030,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 +5364,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 +5374,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 +5390,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 +5413,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 +5427,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 +5482,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 +5491,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;
@@ -10707,50 +10595,6 @@ button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus
     display: block;
   }
 }
-.euiColorStops__addTarget,
-.euiColorStops__addContainer {
-  z-index: 3;
-}
-
-.euiColorStops__addTarget {
-  border: 1px solid #98A2B3;
-  box-shadow: none;
-}
-
-.euiColorStopThumb.euiRangeThumb:not(:disabled) {
-  border: 2px solid #1D1E24;
-  box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
-}
-.euiColorStopThumb.euiRangeThumb:not(:disabled):focus {
-  box-shadow: 0 0 0 2px #36A2EF;
-  outline: none;
-}
-.euiColorStopThumb.euiRangeThumb:not(:disabled):focus:not(:focus-visible) {
-  box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
-  outline: none;
-}
-
-.euiColorStops:not(.euiColorStops-isDisabled) .euiRangeTrack::after {
-  transition-property: box-shadow;
-  transition-delay: 90ms;
-}
-.euiColorStops:not(.euiColorStops-isDisabled):focus {
-  outline: none;
-}
-.euiColorStops:not(.euiColorStops-isDisabled):focus .euiRangeTrack::after {
-  box-shadow: 0 0 0 1px rgba(29, 30, 36, 0.8), 0 0 0 3px #36A2EF;
-}
-.euiColorStops:not(.euiColorStops-isDisabled):focus:not(:focus-visible) .euiRangeTrack::after {
-  box-shadow: none;
-}
-
-.euiColorStops__highlight {
-  color: #343741;
-}
-.euiColorStops__highlight .euiRangeHighlight__progress {
-  background-color: #343741;
-}
-
 .euiComboBox--appended .euiFormControlLayout__childrenWrapper {
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;