@elastic/eui 83.1.1-rc1.0 → 85.0.0

package/dist/eui_theme_dark.css

@@ -1449,6 +1449,9 @@ The following files still use the Sass version:
 .euiComboBox--compressed .euiComboBoxPill, .euiComboBox--compressed .euiComboBoxPill + .euiComboBoxPill {
   margin: 5px 4px 0 0;
 }
+.euiComboBox--compressed .euiComboBoxPill--plainText {
+  margin-top: 4px;
+}
 .euiComboBoxPill--plainText {
   font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-weight: 400;
@@ -3707,135 +3710,6 @@ The following files still use the Sass version:
   gap: 24px;
 }
 
-.euiFilterGroup {
-  display: -webkit-inline-flex;
-  display: inline-flex;
-  max-width: 100%;
-  border-right: 1px solid rgba(255, 255, 255, 0.1);
-  box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.2), 0 3px 3px -2px rgba(0, 0, 0, 0.2);
-  overflow: hidden;
-}
-.euiFilterGroup > * {
-  -webkit-flex: 1 1 auto;
-          flex: 1 1 auto;
-  min-width: 48px;
-}
-.euiFilterGroup > .euiFilterButton--noGrow {
-  -webkit-flex-grow: 0;
-          flex-grow: 0;
-}
-.euiFilterGroup > .euiFilterButton-hasNotification {
-  min-width: 96px;
-}
-.euiFilterGroup > .euiFilterButton--hasIcon {
-  min-width: 128px;
-}
-.euiFilterGroup .euiPopover__anchor {
-  display: block;
-}
-.euiFilterGroup .euiPopover__anchor .euiFilterButton {
-  width: 100%;
-}
-
-.euiFilterGroup--fullWidth {
-  display: -webkit-flex;
-  display: flex;
-}
-
-.euiFilterGroup__popoverPanel {
-  width: 288px;
-}
-
-@media only screen and (max-width: 574px) {
-  .euiFilterGroup {
-    -webkit-flex-wrap: wrap;
-            flex-wrap: wrap;
-  }
-}
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiFilterGroup {
-    -webkit-flex-wrap: wrap;
-            flex-wrap: wrap;
-  }
-}
-@media only screen and (max-width: 574px) {
-  .euiFilterGroup {
-    display: -webkit-flex;
-    display: flex;
-  }
-  .euiFilterGroup .euiFilterButton {
-    -webkit-flex-grow: 1 !important;
-            flex-grow: 1 !important;
-  }
-}
-.euiFilterButton {
-  background-color: #16171c;
-  height: 40px;
-  width: auto;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-right: none;
-  font-size: 14px;
-}
-.euiFilterButton:disabled {
-  color: #515761;
-  pointer-events: none;
-}
-.euiFilterButton:disabled .euiFilterButton__notification {
-  opacity: 0.5;
-}
-.euiFilterButton:hover:not(:disabled), .euiFilterButton:focus:not(:disabled) {
-  text-decoration: none;
-}
-.euiFilterButton:hover:not(:disabled) .euiFilterButton__textShift, .euiFilterButton:focus:not(:disabled) .euiFilterButton__textShift {
-  text-decoration: underline;
-}
-
-.euiFilterButton-hasActiveFilters {
-  font-weight: 700;
-}
-
-.euiFilterButton--hasIcon .euiButtonEmpty__content {
-  -webkit-justify-content: space-between;
-          justify-content: space-between;
-}
-
-.euiFilterButton--withNext + .euiFilterButton {
-  margin-left: -4px;
-  border-left: none;
-}
-
-.euiFilterButton-isSelected {
-  background-color: #25262E;
-}
-
-.euiFilterButton__text-hasNotification {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-}
-
-.euiFilterButton__notification {
-  margin-left: 8px;
-  vertical-align: text-bottom;
-}
-
-.euiFilterButton__textShift {
-  max-width: 100%;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-  min-width: 48px;
-}
-.euiFilterButton__textShift::after {
-  display: block;
-  content: attr(data-text);
-  font-weight: 700;
-  height: 0;
-  overflow: hidden;
-  visibility: hidden;
-}
-
 .euiFilterSelectItem {
   font-size: 14px;
   font-size: 1rem;
@@ -7722,6 +7596,7 @@ The following files still use the Sass version:
   -webkit-animation: none !important;
           animation: none !important;
   transition-property: background, box-shadow;
+  background: #1D1E24;
 }
 .euiResizableToggleButton:focus {
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
@@ -9622,30 +9497,6 @@ button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus
   line-height: 1.5;
 }
 
-.euiFilterGroup {
-  border: none;
-  border-radius: 6px;
-  background-color: #16171c;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-
-.euiFilterGroup--compressed {
-  border-radius: 4px;
-}
-.euiFilterGroup--compressed .euiFilterButton {
-  height: 32px;
-}
-
-.euiFilterButton {
-  border-radius: 0;
-  border: none;
-  background-color: transparent;
-  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), -1px 0 0 0 rgba(255, 255, 255, 0.1);
-}
-.euiFilterButton--withNext + .euiFilterButton {
-  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
-}
-
 .euiFormControlLayout--group {
   border-radius: 6px;
   background-color: #2c2f37;