@elastic/eui 85.0.1 → 86.0.0-rc1.0

package/dist/eui_theme_dark.css

@@ -1440,8 +1440,9 @@ The following files still use the Sass version:
  */
 .euiComboBoxPill {
   height: 22px;
-  line-height: 22px;
+  line-height: 20px;
   vertical-align: baseline;
+  /* Fix append/prepend vertical alignment */
 }
 .euiComboBoxPill, .euiComboBoxPill + .euiComboBoxPill {
   margin: 4px;
@@ -1469,7 +1470,27 @@ The following files still use the Sass version:
   padding: 0;
   color: #DFE5EF;
   vertical-align: middle;
-  display: inline-block;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  -webkit-align-items: center;
+          align-items: center;
+}
+.euiComboBoxPill__prepend {
+  margin-right: 4px;
+}
+.euiComboBoxPill__append {
+  margin-left: 4px;
+}
+.euiComboBoxPill--plainText,
+.euiComboBoxPill .euiBadge__text {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-align-items: center;
+          align-items: center;
+}
+.euiComboBoxPill--plainText .euiIcon,
+.euiComboBoxPill .euiBadge__text .euiIcon {
+  display: block;
 }
 
 .euiComboBoxPlaceholder {
@@ -1542,6 +1563,7 @@ The following files still use the Sass version:
   display: flex;
   -webkit-align-items: center;
           align-items: center;
+  /* Fix vertical alignment of EuiIcons in prepend/append nodes */
 }
 .euiComboBoxOption:hover {
   text-decoration: underline;
@@ -1558,23 +1580,12 @@ The following files still use the Sass version:
 .euiComboBoxOption.euiComboBoxOption-isDisabled:hover {
   text-decoration: none;
 }
-
 .euiComboBoxOption__contentWrapper {
   display: -webkit-flex;
   display: flex;
+  -webkit-align-items: center;
+          align-items: center;
 }
-.euiComboBoxOption__contentWrapper .euiComboBoxOption__emptyStateText {
-  -webkit-flex: 1;
-          flex: 1;
-  text-align: left;
-  margin-bottom: 0;
-}
-.euiComboBoxOption__contentWrapper .euiComboBoxOption__enterBadge {
-  -webkit-align-self: center;
-          align-self: center;
-  margin-left: 4px;
-}
-
 .euiComboBoxOption__content {
   text-overflow: ellipsis;
   overflow: hidden;
@@ -1583,6 +1594,27 @@ The following files still use the Sass version:
           flex: 1;
   text-align: left;
 }
+.euiComboBoxOption__emptyStateText {
+  -webkit-flex: 1;
+          flex: 1;
+  text-align: left;
+  /* Extra specificity required to override EuiText's <p> styling */
+}
+.euiComboBoxOptionsList__empty .euiComboBoxOption__emptyStateText {
+  margin-bottom: 0;
+}
+.euiComboBoxOption__enterBadge {
+  margin-left: 4px;
+}
+.euiComboBoxOption__prepend {
+  margin-right: 8px;
+}
+.euiComboBoxOption__append {
+  margin-left: 8px;
+}
+.euiComboBoxOption__prepend .euiIcon, .euiComboBoxOption__append .euiIcon {
+  display: block;
+}
 
 /**
  * 1. Force each title to be the same height as an option, so that the virtualized scroll logic
@@ -3710,81 +3742,6 @@ The following files still use the Sass version:
   gap: 24px;
 }
 
-.euiFilterSelectItem {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  padding: 4px 12px;
-  display: block;
-  width: 100%;
-  text-align: left;
-  color: #DFE5EF;
-  border-bottom: 1px solid #343741;
-  border-color: #202128;
-  outline-offset: -2px;
-}
-.euiFilterSelectItem:hover {
-  cursor: pointer;
-  text-decoration: underline;
-}
-.euiFilterSelectItem:focus {
-  cursor: pointer;
-  text-decoration: underline;
-  background-color: rgba(54, 162, 239, 0.2);
-}
-.euiFilterSelectItem:disabled {
-  cursor: not-allowed;
-  text-decoration: none;
-  color: #515761;
-}
-.euiFilterSelectItem:focus, .euiFilterSelectItem-isFocused {
-  background-color: rgba(54, 162, 239, 0.2);
-  color: #36A2EF;
-}
-
-.euiFilterSelectItem__content {
-  max-width: 100%;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-}
-
-.euiFilterSelect__items {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  overflow-y: auto;
-  max-height: 480px;
-}
-.euiFilterSelect__items::-webkit-scrollbar {
-  width: 16px;
-  height: 16px;
-}
-.euiFilterSelect__items::-webkit-scrollbar-thumb {
-  background-color: rgba(152, 162, 179, 0.5);
-  background-clip: content-box;
-  border-radius: 16px;
-  border: 6px solid transparent;
-}
-.euiFilterSelect__items::-webkit-scrollbar-corner, .euiFilterSelect__items::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-
-.euiFilterSelect__note {
-  height: 64px;
-  text-align: center;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-  -webkit-justify-content: space-around;
-          justify-content: space-around;
-}
-
-.euiFilterSelect__noteContent {
-  color: #98A2B3;
-  font-size: 14px;
-}
-
 /**
   * 1. Float above the visual radio and match its dimension, so that when users try to click it
   *    they actually click this input.