@elastic/eui 95.6.0 → 95.7.0

package/dist/eui_theme_dark.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 /**
 The MIT License (MIT)
 
@@ -172,416 +171,6 @@ The following files still use the Sass version:
             transform: translateY(1px);
   }
 }
-.euiComboBox {
-  max-width: 400px;
-  width: 100%;
-  height: auto;
-  position: relative;
-  /**
-   * 1. Allow pills to truncate their text with an ellipsis.
-   * 2. Don't allow pills/placeholder to overlap with the caret, loading icon or clear button.
-   * 3. The height on combo can be larger than normal text inputs except for single-selection comboboxes.
-   */
-  /**
-   * 1. Force field height to match other field heights.
-   * 2. Force input height to expand to fill this element.
-   * 3. Reset input appearance to mimic text
-   * 4. Ensure that no input states are visible on the hidden input
-   */
-}
-.euiComboBox--fullWidth {
-  max-width: 100%;
-}
-.euiComboBox--compressed {
-  height: 32px;
-}
-.euiComboBox--inGroup {
-  height: 100%;
-}
-.euiComboBox--compressed:not(.euiComboBox--appended, .euiComboBox--prepended) {
-  height: auto; /* 3 */
-}
-.euiComboBox:not(.euiComboBox--appended, .euiComboBox--prepended) .euiFormControlLayout {
-  height: auto; /* 3 */
-}
-.euiComboBox .euiComboBox__inputWrap {
-  max-width: 400px;
-  width: 100%;
-  height: 40px;
-  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;
-  font-family: "Inter", BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  letter-spacing: normal;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  -webkit-font-kerning: normal;
-          font-kerning: normal;
-  font-size: 14px;
-  color: #DFE5EF;
-  border: none;
-  border-radius: 6px;
-  padding: 12px;
-  max-width: 400px;
-  width: 100%;
-  height: auto;
-  padding: 4px 8px;
-  padding-right: var(--eui-form-control-layout-icons-padding, 8px); /* 2 */
-  display: -webkit-flex;
-  display: flex; /* 1 */
-  outline: none;
-}
-.euiComboBox .euiComboBox__inputWrap--fullWidth {
-  max-width: 100%;
-}
-.euiComboBox .euiComboBox__inputWrap--compressed {
-  height: 32px;
-}
-.euiComboBox .euiComboBox__inputWrap--inGroup {
-  height: 100%;
-}
-@supports (-moz-appearance: none) {
-  .euiComboBox .euiComboBox__inputWrap {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiComboBox .euiComboBox__inputWrap::-webkit-input-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiComboBox .euiComboBox__inputWrap::-moz-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiComboBox .euiComboBox__inputWrap::placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiComboBox .euiComboBox__inputWrap--compressed {
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: 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: 8px;
-  border-radius: 4px;
-}
-@supports (-moz-appearance: none) {
-  .euiComboBox .euiComboBox__inputWrap--compressed {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiComboBox .euiComboBox__inputWrap--inGroup {
-  box-shadow: none !important;
-  border-radius: 0;
-}
-.euiComboBox .euiComboBox__inputWrap--fullWidth {
-  max-width: 100%;
-}
-.euiComboBox .euiComboBox__inputWrap--compressed {
-  height: 32px;
-}
-.euiComboBox .euiComboBox__inputWrap--inGroup {
-  height: 100%;
-}
-.euiComboBox .euiComboBox__inputWrap .euiComboBoxPill {
-  max-width: calc(100% - 2px - 16px);
-}
-.euiComboBox .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap) {
-  padding-top: 4px;
-  padding-bottom: 4px;
-  padding-left: 4px;
-  height: auto; /* 3 */
-  -webkit-flex-wrap: wrap;
-          flex-wrap: wrap; /* 1 */
-  -webkit-align-content: flex-start;
-          align-content: flex-start;
-  cursor: text;
-}
-.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap--noWrap {
-  -webkit-align-items: center;
-          align-items: center;
-}
-.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap--plainText {
-  -webkit-padding-start: 8px;
-          padding-inline-start: 8px;
-}
-.euiComboBox .euiComboBox__inputWrap .euiComboBoxPlainTextSelection__prepend, .euiComboBox .euiComboBox__inputWrap .euiComboBoxPlainTextSelection__append {
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
-  margin-inline: 2px;
-  display: -webkit-flex;
-  display: flex; /* Vertically centers any icons */
-}
-.euiComboBox .euiComboBox__inputWrap .euiComboBoxPlainTextSelection__prepend {
-  -webkit-margin-start: 4px;
-          margin-inline-start: 4px;
-}
-.euiComboBox .euiComboBox__inputWrap .euiComboBoxPlainTextSelection__append {
-  -webkit-margin-end: 4px;
-          margin-inline-end: 4px;
-}
-.euiComboBox .euiComboBox__input {
-  block-size: 24px; /* 2 */
-  min-inline-size: 2px;
-  max-inline-size: 100%;
-  margin: 4px;
-  /* 3 */
-  background: transparent;
-  font-family: "Inter", BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  letter-spacing: normal;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  -webkit-font-kerning: normal;
-          font-kerning: normal;
-  font-size: 14px;
-  color: #DFE5EF;
-  /* 4 */
-  -webkit-appearance: none !important;
-     -moz-appearance: none !important;
-          appearance: none !important;
-  border: none !important;
-  box-shadow: none !important;
-  outline: none !important;
-}
-.euiComboBox .euiComboBox__input::-webkit-input-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiComboBox .euiComboBox__input::-moz-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiComboBox .euiComboBox__input::placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiComboBox .euiComboBox__input:disabled {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiComboBox .euiComboBox__input:disabled::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiComboBox .euiComboBox__input:disabled::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiComboBox .euiComboBox__input:disabled::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiComboBox.euiComboBox-isOpen .euiComboBox__inputWrap {
-  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);
-}
-.euiComboBox.euiComboBox-isOpen .euiComboBox__inputWrap--compressed {
-  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);
-}
-.euiComboBox.euiComboBox-isInvalid .euiComboBox__inputWrap {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-.euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  -webkit-text-fill-color: unset;
-}
-.euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap,
-.euiComboBox.euiComboBox-isDisabled .euiComboBoxPill {
-  cursor: not-allowed;
-}
-.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap {
-  line-height: 32px; /* 2 */
-  padding-block: 0;
-}
-.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap--plainText {
-  -webkit-padding-start: 4px;
-          padding-inline-start: 4px;
-}
-
-/*
- * 1. Overwrites the base styling of EuiBadge, to give it a larger size and margins
- * that make sense in the input wrap.
- */
-.euiComboBoxPill {
-  height: 22px;
-  line-height: 20px;
-  vertical-align: baseline;
-  /* Fix append/prepend vertical alignment */
-}
-.euiComboBoxPill, .euiComboBoxPill + .euiComboBoxPill {
-  margin: 4px;
-}
-.euiComboBox--compressed .euiComboBoxPill, .euiComboBox--compressed .euiComboBoxPill + .euiComboBoxPill {
-  margin: 5px 4px 0 0;
-}
-.euiComboBoxPill__prepend {
-  margin-right: 4px;
-}
-.euiComboBoxPill__append {
-  margin-left: 4px;
-}
-.euiComboBoxPill .euiBadge__text {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-}
-.euiComboBoxPill .euiBadge__text .euiIcon {
-  display: block;
-}
-
-/**
- * 1. Using specificity to override panel shadow
- * 2. Prevent really long input from overflowing the container.
- */
-.euiComboBoxOptionsList {
-  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__virtualization {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-}
-.euiComboBoxOptionsList__virtualization::-webkit-scrollbar {
-  width: 16px;
-  height: 16px;
-}
-.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__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;
-  padding: 4px 8px 4px 16px;
-  width: 100%;
-  text-align: left;
-  border: 1px solid #343741;
-  border-color: transparent;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-  /* Fix vertical alignment of EuiIcons in prepend/append nodes */
-}
-.euiComboBoxOption:hover {
-  text-decoration: underline;
-}
-.euiComboBoxOption.euiComboBoxOption-isFocused {
-  cursor: pointer;
-  color: #36A2EF;
-  background-color: rgba(54, 162, 239, 0.2);
-}
-.euiComboBoxOption.euiComboBoxOption-isDisabled {
-  color: #535966;
-  cursor: not-allowed;
-}
-.euiComboBoxOption.euiComboBoxOption-isDisabled:hover {
-  text-decoration: none;
-}
-.euiComboBoxOption__contentWrapper {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-}
-.euiComboBoxOption__content {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  -webkit-flex: 1;
-          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
- *    works.
- */
-.euiComboBoxTitle {
-  display: -webkit-flex;
-  display: flex;
-  width: 100%;
-  padding: 11px 8px 4px; /* 1 */
-  font-size: 12px;
-  font-weight: 700;
-  color: #FFF;
-}
-
 .euiDataGrid {
   display: -webkit-flex;
   display: flex;
@@ -2480,237 +2069,6 @@ The following files still use the Sass version:
   border-color: #36A2EF;
 }
 
-.euiSelectable {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-          flex-direction: column;
-}
-
-.euiSelectable-fullHeight {
-  height: 100%;
-}
-
-.euiSelectableList:has(:focus-visible) {
-  outline: 2px solid currentColor;
-  outline-style: auto;
-  outline-offset: 1px;
-}
-
-.euiSelectableList-fullHeight {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-}
-
-.euiSelectableList-bordered {
-  overflow: hidden;
-  border: 1px solid #343741;
-  border-radius: 6px;
-}
-
-.euiSelectableList__list {
-  -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
-          mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
-  -webkit-transform: translateZ(0);
-          transform: translateZ(0);
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  overflow: auto;
-  position: relative;
-}
-.euiSelectableList__list::-webkit-scrollbar {
-  width: 16px;
-  height: 16px;
-}
-.euiSelectableList__list::-webkit-scrollbar-thumb {
-  background-color: rgba(152, 162, 179, 0.5);
-  background-clip: content-box;
-  border-radius: 16px;
-  border: 6px solid transparent;
-}
-.euiSelectableList__list::-webkit-scrollbar-corner, .euiSelectableList__list::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-.euiSelectableList__list:focus, .euiSelectableList__list > ul:focus {
-  outline: none;
-}
-
-.euiSelectableList__groupLabel {
-  overflow-wrap: break-word !important;
-  word-break: break-word;
-  color: #DFE5EF;
-  font-size: 12px;
-  font-size: 0.8571428571rem;
-  line-height: 1.1428571429rem;
-  font-weight: 700;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-  border-bottom: 1px solid #202128;
-  padding: 4px 12px;
-}
-
-.euiSelectableListItem {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  display: -webkit-inline-flex;
-  display: inline-flex;
-  width: 100%;
-  text-align: left;
-  cursor: pointer;
-  overflow: hidden;
-}
-.euiSelectableListItem:not(:last-of-type) {
-  border-bottom: 1px solid #202128;
-}
-.euiSelectableListItem-isFocused:not([aria-disabled=true]), .euiSelectableListItem:hover:not([aria-disabled=true]) {
-  color: #36A2EF;
-  background-color: rgba(54, 162, 239, 0.2);
-}
-.euiSelectableListItem-isFocused:not([aria-disabled=true]) .euiSelectableListItem__text, .euiSelectableListItem:hover:not([aria-disabled=true]) .euiSelectableListItem__text {
-  text-decoration: underline;
-}
-.euiSelectableListItem[aria-disabled=true] {
-  color: #535966;
-  cursor: not-allowed;
-}
-.euiSelectableListItem--paddingSmall .euiSelectableListItem__content {
-  padding: 4px 12px;
-}
-
-.euiSelectableListItem__content {
-  width: 100%;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-}
-
-.euiSelectableListItem__icon,
-.euiSelectableListItem__prepend {
-  margin-right: 12px;
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
-}
-
-.euiSelectableListItem__append {
-  margin-left: 12px;
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
-}
-
-.euiSelectableListItem__text {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-}
-.euiSelectableListItem__text--truncate {
-  max-width: 100%;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-}
-
-.euiSelectableListItem__tooltipAnchor {
-  width: 100%;
-}
-
-/**
-  * 1. Prevent really long input from overflowing the container.
-  */
-.euiSelectableMessage {
-  padding: 8px;
-  text-align: center;
-  word-wrap: break-word; /* 1 */
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-          flex-direction: column;
-  -webkit-justify-content: center;
-          justify-content: center;
-  -webkit-align-items: center;
-          align-items: center;
-}
-
-.euiSelectableMessage--bordered {
-  overflow: hidden;
-  border: 1px solid #343741;
-  border-radius: 6px;
-}
-
-.euiSelectableTemplateSitewide {
-  display: block;
-}
-
-.euiSelectableTemplateSitewide__listItem .euiSelectableListItem__text {
-  text-decoration: none !important;
-}
-.euiSelectableTemplateSitewide__listItem[class*=-isFocused]:not([aria-disabled=true]) .euiSelectableTemplateSitewide__listItemTitle, .euiSelectableTemplateSitewide__listItem:hover:not([aria-disabled=true]) .euiSelectableTemplateSitewide__listItemTitle {
-  text-decoration: underline;
-}
-
-.euiSelectableTemplateSitewide__optionMetasList {
-  display: block;
-  margin-top: 4px;
-  font-size: 12px;
-  color: #7a7f89;
-}
-
-.euiSelectableTemplateSitewide__optionMeta:not(:last-of-type)::after {
-  content: "•";
-  margin: 0 4px;
-  color: #7a7f89;
-}
-
-.euiSelectableTemplateSitewide__optionMeta--application {
-  color: #7ea6cc;
-  font-weight: 500;
-}
-
-.euiSelectableTemplateSitewide__optionMeta--deployment {
-  color: #54B399;
-  font-weight: 500;
-}
-
-.euiSelectableTemplateSitewide__optionMeta--article {
-  color: #ae96cb;
-  font-weight: 500;
-}
-
-.euiSelectableTemplateSitewide__optionMeta--case {
-  color: #eb836e;
-  font-weight: 500;
-}
-
-.euiSelectableTemplateSitewide__optionMeta--platform {
-  color: #D6BF57;
-  font-weight: 500;
-}
-
-.euiComboBox--appended .euiFormControlLayout__childrenWrapper {
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
-.euiComboBox--appended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper {
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
-.euiComboBox--appended.euiComboBox--prepended .euiFormControlLayout__childrenWrapper {
-  border-radius: 0;
-}
-.euiComboBox--appended.euiComboBox--prepended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper {
-  border-radius: 0;
-}
-.euiComboBox--prepended .euiFormControlLayout__childrenWrapper {
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}
-.euiComboBox--prepended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper {
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-
 .euiDataGrid--fontSizeLarge .euiDataGridRowCell {
   font-size: 16px;
   font-size: 1.1428571429rem;