@elastic/eui 88.5.4 → 89.0.0

package/dist/eui_theme_dark.css

@@ -1461,52 +1461,42 @@ The following files still use the Sass version:
  * 2. Prevent really long input from overflowing the container.
  */
 .euiComboBoxOptionsList {
-  -webkit-transform: none !important;
-          transform: none !important;
-  top: 0;
+  max-height: 200px;
+  overflow: hidden;
   /* Kibana FTR affordance - without this, Selenium complains about the overlaid
      text intercepting the button click. Since `title` is always present, and
      users can't highlight or copy combobox options anyway, we might as well
      disable clicks on text */
 }
-.euiComboBoxOptionsList .euiFilterSelectItem__content {
-  margin-block: 0 !important;
-}
-.euiComboBoxOptionsList .euiTextTruncate {
-  pointer-events: none;
-}
-
-.euiComboBoxOptionsList__empty {
-  overflow-wrap: break-word !important;
-  word-break: break-word;
-  /* 2 */
-  padding: 8px;
-  text-align: center;
-  word-wrap: break-word;
-}
-
-.euiComboBoxOptionsList__rowWrap {
-  padding: 0;
-  max-height: 200px;
-  overflow: hidden;
-}
-.euiComboBoxOptionsList__rowWrap > div {
+.euiComboBoxOptionsList__virtualization {
   scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
   scrollbar-width: thin;
 }
-.euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar {
+.euiComboBoxOptionsList__virtualization::-webkit-scrollbar {
   width: 16px;
   height: 16px;
 }
-.euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar-thumb {
+.euiComboBoxOptionsList__virtualization::-webkit-scrollbar-thumb {
   background-color: rgba(152, 162, 179, 0.5);
   background-clip: content-box;
   border-radius: 16px;
   border: 6px solid transparent;
 }
-.euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar-corner, .euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar-track {
+.euiComboBoxOptionsList__virtualization::-webkit-scrollbar-corner, .euiComboBoxOptionsList__virtualization::-webkit-scrollbar-track {
   background-color: transparent;
 }
+.euiComboBoxOptionsList .euiTextTruncate {
+  pointer-events: none;
+}
+
+.euiComboBoxOptionsList__empty {
+  overflow-wrap: break-word !important;
+  word-break: break-word;
+  /* 2 */
+  padding: 8px;
+  text-align: center;
+  word-wrap: break-word;
+}
 
 .euiComboBoxOption {
   font-size: 14px;
@@ -1621,21 +1611,29 @@ The following files still use the Sass version:
   pointer-events: none;
   -webkit-animation: euiContextMenuPanelTxInLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
           animation: euiContextMenuPanelTxInLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
 }
 .euiContextMenuPanel.euiContextMenuPanel-txOutLeft {
   pointer-events: none;
   -webkit-animation: euiContextMenuPanelTxOutLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
           animation: euiContextMenuPanelTxOutLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
 }
 .euiContextMenuPanel.euiContextMenuPanel-txInRight {
   pointer-events: none;
   -webkit-animation: euiContextMenuPanelTxInRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
           animation: euiContextMenuPanelTxInRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
 }
 .euiContextMenuPanel.euiContextMenuPanel-txOutRight {
   pointer-events: none;
   -webkit-animation: euiContextMenuPanelTxOutRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
           animation: euiContextMenuPanelTxOutRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
 }
 
 .euiContextMenuPanel--next {
@@ -7450,504 +7448,6 @@ The following files still use the Sass version:
   font-weight: 500;
 }
 
-.euiSuggestItem {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: flex-start;
-          align-items: flex-start;
-  font-size: 12px;
-  line-height: 16px;
-  color: #DFE5EF;
-  -webkit-flex: 1 1 100%;
-          flex: 1 1 100%;
-  max-width: 100%;
-}
-.euiSuggestItem--truncate .euiSuggestItem__label,
-.euiSuggestItem--truncate .euiSuggestItem__description {
-  max-width: 100%;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-}
-
-button.euiSuggestItem {
-  width: 100%;
-  text-align: left;
-}
-button.euiSuggestItem:hover, button.euiSuggestItem:focus {
-  cursor: pointer;
-  background-color: rgba(54, 162, 239, 0.2);
-}
-button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus .euiSuggestItem__label {
-  text-decoration: underline;
-}
-
-.euiSuggestItem__type--tint0 {
-  background-color: #19362e;
-  color: #54B399;
-}
-
-.euiSuggestItem__type--tint1 {
-  background-color: #1d2c3a;
-  color: #6897c3;
-}
-
-.euiSuggestItem__type--tint2 {
-  background-color: #3f1d28;
-  color: #d77092;
-}
-
-.euiSuggestItem__type--tint3 {
-  background-color: #2c2237;
-  color: #a184c2;
-}
-
-.euiSuggestItem__type--tint4 {
-  background-color: #3d2b34;
-  color: #CA8EAE;
-}
-
-.euiSuggestItem__type--tint5 {
-  background-color: #40391a;
-  color: #D6BF57;
-}
-
-.euiSuggestItem__type--tint6 {
-  background-color: #383229;
-  color: #B9A888;
-}
-
-.euiSuggestItem__type--tint7 {
-  background-color: #412a15;
-  color: #DA8B45;
-}
-
-.euiSuggestItem__type--tint8 {
-  background-color: #331e1a;
-  color: #b67b6e;
-}
-
-.euiSuggestItem__type--tint9 {
-  background-color: #451f17;
-  color: #e86e55;
-}
-
-.euiSuggestItem__type--tint10 {
-  background-color: #2e3136;
-  color: #98A2B3;
-}
-
-.euiSuggestItem__type {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex: 0 0 auto;
-          flex: 0 0 auto;
-  -webkit-justify-content: center;
-          justify-content: center;
-  -webkit-align-items: flex-start;
-          align-items: flex-start;
-  padding-top: 8px;
-  width: 32px;
-  min-height: 32px;
-  -webkit-align-self: stretch;
-          align-self: stretch;
-}
-
-.euiSuggestItem__label,
-.euiSuggestItem__description {
-  overflow-wrap: break-word !important;
-  word-break: break-word;
-  display: inline-block;
-  padding: 8px;
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-}
-
-.euiSuggestItem__label {
-  font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
-}
-.euiSuggestItem__label.euiSuggestItem__label--width20 {
-  -webkit-flex-basis: calc(20% - 16px);
-          flex-basis: calc(20% - 16px);
-  min-width: calc(20% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width21 {
-  -webkit-flex-basis: calc(21% - 16px);
-          flex-basis: calc(21% - 16px);
-  min-width: calc(21% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width22 {
-  -webkit-flex-basis: calc(22% - 16px);
-          flex-basis: calc(22% - 16px);
-  min-width: calc(22% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width23 {
-  -webkit-flex-basis: calc(23% - 16px);
-          flex-basis: calc(23% - 16px);
-  min-width: calc(23% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width24 {
-  -webkit-flex-basis: calc(24% - 16px);
-          flex-basis: calc(24% - 16px);
-  min-width: calc(24% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width25 {
-  -webkit-flex-basis: calc(25% - 16px);
-          flex-basis: calc(25% - 16px);
-  min-width: calc(25% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width26 {
-  -webkit-flex-basis: calc(26% - 16px);
-          flex-basis: calc(26% - 16px);
-  min-width: calc(26% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width27 {
-  -webkit-flex-basis: calc(27% - 16px);
-          flex-basis: calc(27% - 16px);
-  min-width: calc(27% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width28 {
-  -webkit-flex-basis: calc(28% - 16px);
-          flex-basis: calc(28% - 16px);
-  min-width: calc(28% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width29 {
-  -webkit-flex-basis: calc(29% - 16px);
-          flex-basis: calc(29% - 16px);
-  min-width: calc(29% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width30 {
-  -webkit-flex-basis: calc(30% - 16px);
-          flex-basis: calc(30% - 16px);
-  min-width: calc(30% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width31 {
-  -webkit-flex-basis: calc(31% - 16px);
-          flex-basis: calc(31% - 16px);
-  min-width: calc(31% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width32 {
-  -webkit-flex-basis: calc(32% - 16px);
-          flex-basis: calc(32% - 16px);
-  min-width: calc(32% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width33 {
-  -webkit-flex-basis: calc(33% - 16px);
-          flex-basis: calc(33% - 16px);
-  min-width: calc(33% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width34 {
-  -webkit-flex-basis: calc(34% - 16px);
-          flex-basis: calc(34% - 16px);
-  min-width: calc(34% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width35 {
-  -webkit-flex-basis: calc(35% - 16px);
-          flex-basis: calc(35% - 16px);
-  min-width: calc(35% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width36 {
-  -webkit-flex-basis: calc(36% - 16px);
-          flex-basis: calc(36% - 16px);
-  min-width: calc(36% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width37 {
-  -webkit-flex-basis: calc(37% - 16px);
-          flex-basis: calc(37% - 16px);
-  min-width: calc(37% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width38 {
-  -webkit-flex-basis: calc(38% - 16px);
-          flex-basis: calc(38% - 16px);
-  min-width: calc(38% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width39 {
-  -webkit-flex-basis: calc(39% - 16px);
-          flex-basis: calc(39% - 16px);
-  min-width: calc(39% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width40 {
-  -webkit-flex-basis: calc(40% - 16px);
-          flex-basis: calc(40% - 16px);
-  min-width: calc(40% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width41 {
-  -webkit-flex-basis: calc(41% - 16px);
-          flex-basis: calc(41% - 16px);
-  min-width: calc(41% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width42 {
-  -webkit-flex-basis: calc(42% - 16px);
-          flex-basis: calc(42% - 16px);
-  min-width: calc(42% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width43 {
-  -webkit-flex-basis: calc(43% - 16px);
-          flex-basis: calc(43% - 16px);
-  min-width: calc(43% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width44 {
-  -webkit-flex-basis: calc(44% - 16px);
-          flex-basis: calc(44% - 16px);
-  min-width: calc(44% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width45 {
-  -webkit-flex-basis: calc(45% - 16px);
-          flex-basis: calc(45% - 16px);
-  min-width: calc(45% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width46 {
-  -webkit-flex-basis: calc(46% - 16px);
-          flex-basis: calc(46% - 16px);
-  min-width: calc(46% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width47 {
-  -webkit-flex-basis: calc(47% - 16px);
-          flex-basis: calc(47% - 16px);
-  min-width: calc(47% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width48 {
-  -webkit-flex-basis: calc(48% - 16px);
-          flex-basis: calc(48% - 16px);
-  min-width: calc(48% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width49 {
-  -webkit-flex-basis: calc(49% - 16px);
-          flex-basis: calc(49% - 16px);
-  min-width: calc(49% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width50 {
-  -webkit-flex-basis: calc(50% - 16px);
-          flex-basis: calc(50% - 16px);
-  min-width: calc(50% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width51 {
-  -webkit-flex-basis: calc(51% - 16px);
-          flex-basis: calc(51% - 16px);
-  min-width: calc(51% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width52 {
-  -webkit-flex-basis: calc(52% - 16px);
-          flex-basis: calc(52% - 16px);
-  min-width: calc(52% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width53 {
-  -webkit-flex-basis: calc(53% - 16px);
-          flex-basis: calc(53% - 16px);
-  min-width: calc(53% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width54 {
-  -webkit-flex-basis: calc(54% - 16px);
-          flex-basis: calc(54% - 16px);
-  min-width: calc(54% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width55 {
-  -webkit-flex-basis: calc(55% - 16px);
-          flex-basis: calc(55% - 16px);
-  min-width: calc(55% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width56 {
-  -webkit-flex-basis: calc(56% - 16px);
-          flex-basis: calc(56% - 16px);
-  min-width: calc(56% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width57 {
-  -webkit-flex-basis: calc(57% - 16px);
-          flex-basis: calc(57% - 16px);
-  min-width: calc(57% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width58 {
-  -webkit-flex-basis: calc(58% - 16px);
-          flex-basis: calc(58% - 16px);
-  min-width: calc(58% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width59 {
-  -webkit-flex-basis: calc(59% - 16px);
-          flex-basis: calc(59% - 16px);
-  min-width: calc(59% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width60 {
-  -webkit-flex-basis: calc(60% - 16px);
-          flex-basis: calc(60% - 16px);
-  min-width: calc(60% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width61 {
-  -webkit-flex-basis: calc(61% - 16px);
-          flex-basis: calc(61% - 16px);
-  min-width: calc(61% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width62 {
-  -webkit-flex-basis: calc(62% - 16px);
-          flex-basis: calc(62% - 16px);
-  min-width: calc(62% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width63 {
-  -webkit-flex-basis: calc(63% - 16px);
-          flex-basis: calc(63% - 16px);
-  min-width: calc(63% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width64 {
-  -webkit-flex-basis: calc(64% - 16px);
-          flex-basis: calc(64% - 16px);
-  min-width: calc(64% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width65 {
-  -webkit-flex-basis: calc(65% - 16px);
-          flex-basis: calc(65% - 16px);
-  min-width: calc(65% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width66 {
-  -webkit-flex-basis: calc(66% - 16px);
-          flex-basis: calc(66% - 16px);
-  min-width: calc(66% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width67 {
-  -webkit-flex-basis: calc(67% - 16px);
-          flex-basis: calc(67% - 16px);
-  min-width: calc(67% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width68 {
-  -webkit-flex-basis: calc(68% - 16px);
-          flex-basis: calc(68% - 16px);
-  min-width: calc(68% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width69 {
-  -webkit-flex-basis: calc(69% - 16px);
-          flex-basis: calc(69% - 16px);
-  min-width: calc(69% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width70 {
-  -webkit-flex-basis: calc(70% - 16px);
-          flex-basis: calc(70% - 16px);
-  min-width: calc(70% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width71 {
-  -webkit-flex-basis: calc(71% - 16px);
-          flex-basis: calc(71% - 16px);
-  min-width: calc(71% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width72 {
-  -webkit-flex-basis: calc(72% - 16px);
-          flex-basis: calc(72% - 16px);
-  min-width: calc(72% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width73 {
-  -webkit-flex-basis: calc(73% - 16px);
-          flex-basis: calc(73% - 16px);
-  min-width: calc(73% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width74 {
-  -webkit-flex-basis: calc(74% - 16px);
-          flex-basis: calc(74% - 16px);
-  min-width: calc(74% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width75 {
-  -webkit-flex-basis: calc(75% - 16px);
-          flex-basis: calc(75% - 16px);
-  min-width: calc(75% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width76 {
-  -webkit-flex-basis: calc(76% - 16px);
-          flex-basis: calc(76% - 16px);
-  min-width: calc(76% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width77 {
-  -webkit-flex-basis: calc(77% - 16px);
-          flex-basis: calc(77% - 16px);
-  min-width: calc(77% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width78 {
-  -webkit-flex-basis: calc(78% - 16px);
-          flex-basis: calc(78% - 16px);
-  min-width: calc(78% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width79 {
-  -webkit-flex-basis: calc(79% - 16px);
-          flex-basis: calc(79% - 16px);
-  min-width: calc(79% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width80 {
-  -webkit-flex-basis: calc(80% - 16px);
-          flex-basis: calc(80% - 16px);
-  min-width: calc(80% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width81 {
-  -webkit-flex-basis: calc(81% - 16px);
-          flex-basis: calc(81% - 16px);
-  min-width: calc(81% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width82 {
-  -webkit-flex-basis: calc(82% - 16px);
-          flex-basis: calc(82% - 16px);
-  min-width: calc(82% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width83 {
-  -webkit-flex-basis: calc(83% - 16px);
-          flex-basis: calc(83% - 16px);
-  min-width: calc(83% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width84 {
-  -webkit-flex-basis: calc(84% - 16px);
-          flex-basis: calc(84% - 16px);
-  min-width: calc(84% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width85 {
-  -webkit-flex-basis: calc(85% - 16px);
-          flex-basis: calc(85% - 16px);
-  min-width: calc(85% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width86 {
-  -webkit-flex-basis: calc(86% - 16px);
-          flex-basis: calc(86% - 16px);
-  min-width: calc(86% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width87 {
-  -webkit-flex-basis: calc(87% - 16px);
-          flex-basis: calc(87% - 16px);
-  min-width: calc(87% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width88 {
-  -webkit-flex-basis: calc(88% - 16px);
-          flex-basis: calc(88% - 16px);
-  min-width: calc(88% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width89 {
-  -webkit-flex-basis: calc(89% - 16px);
-          flex-basis: calc(89% - 16px);
-  min-width: calc(89% - 16px);
-}
-.euiSuggestItem__label.euiSuggestItem__label--width90 {
-  -webkit-flex-basis: calc(90% - 16px);
-          flex-basis: calc(90% - 16px);
-  min-width: calc(90% - 16px);
-}
-.euiSuggestItem__label--expand {
-  -webkit-flex-basis: auto;
-          flex-basis: auto;
-}
-
-.euiSuggestItem__description {
-  color: #7a7f89;
-  padding-top: 9px;
-  -webkit-flex-basis: auto;
-          flex-basis: auto;
-  -webkit-align-self: baseline;
-          align-self: baseline;
-}
-.euiSuggestItem__description.euiSuggestItem__description--wrap {
-  overflow-wrap: break-word !important;
-  word-break: break-word;
-  white-space: normal !important;
-}
-
-.euiSuggestItemOption[class*=isFocused] .euiSuggestItem__label, .euiSuggestItemOption:hover:not([aria-disabled=true]) .euiSuggestItem__label, .euiSuggestItemOption:focus .euiSuggestItem__label {
-  text-decoration: underline;
-}
-
-.euiSuggestInput__statusIcon {
-  background-color: transparent !important;
-}
-
 .euiTable {
   font-size: 14px;
   font-size: 1rem;