@elastic/eui 63.0.6 → 64.0.2

package/dist/eui_theme_dark.css

@@ -51,6 +51,9 @@ SOFTWARE.
  *    Others like Safari, won't show anything at all.
  * 2. Force the `:focus-visible` when the `tabindex=0` (is tabbable)
  */
+/**
+ * For quickly applying a full-height element whether using flex or not
+ */
 /*
  * Creates the Amsterdam style of button with a transparent background
  */
@@ -126,184 +129,6 @@ SOFTWARE.
     -webkit-transform: translateY(1px);
             transform: translateY(1px); } }
 
-.eui-alignBaseline {
-  vertical-align: baseline !important; }
-
-.eui-alignBottom {
-  vertical-align: bottom !important; }
-
-.eui-alignMiddle {
-  vertical-align: middle !important; }
-
-.eui-alignTop {
-  vertical-align: top !important; }
-
-.eui-displayBlock {
-  display: block !important; }
-
-.eui-displayInline {
-  display: inline !important; }
-
-.eui-displayInlineBlock {
-  display: inline-block !important; }
-
-.eui-fullWidth {
-  display: block !important;
-  width: 100% !important; }
-
-.eui-textCenter {
-  text-align: center !important; }
-
-.eui-textLeft {
-  text-align: left !important; }
-
-.eui-textRight {
-  text-align: right !important; }
-
-.eui-textNoWrap {
-  white-space: nowrap !important; }
-
-.eui-textInheritColor {
-  color: inherit !important; }
-
-.eui-textBreakWord {
-  overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
-  word-break: break-word; }
-
-.eui-textBreakAll {
-  overflow-wrap: break-word !important;
-  word-break: break-all !important; }
-
-.eui-textBreakNormal {
-  overflow-wrap: normal !important;
-  word-wrap: normal !important;
-  word-break: normal !important; }
-
-.eui-textTruncate {
-  max-width: 100%;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-  word-wrap: normal !important; }
-
-.eui-textNumber {
-  font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1; }
-
-/**
- *  Responsive
- *
- *  1. Be sure to hide the element initially
- */
-[class*='eui-showFor'] {
-  display: none !important;
-  /* 1 */ }
-
-@media only screen and (max-width: 574px) {
-  .eui-hideFor--xs {
-    display: none !important; } }
-
-@media only screen and (max-width: 574px) {
-  .eui-showFor--xs {
-    display: inline !important; } }
-
-@media only screen and (max-width: 574px) {
-  .eui-showFor--xs--block {
-    display: block !important; } }
-
-@media only screen and (max-width: 574px) {
-  .eui-showFor--xs--inlineBlock {
-    display: inline-block !important; } }
-
-@media only screen and (max-width: 574px) {
-  .eui-showFor--xs--flex {
-    display: -webkit-flex !important;
-    display: flex !important; } }
-
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .eui-hideFor--s {
-    display: none !important; } }
-
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .eui-showFor--s {
-    display: inline !important; } }
-
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .eui-showFor--s--block {
-    display: block !important; } }
-
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .eui-showFor--s--inlineBlock {
-    display: inline-block !important; } }
-
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .eui-showFor--s--flex {
-    display: -webkit-flex !important;
-    display: flex !important; } }
-
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  .eui-hideFor--m {
-    display: none !important; } }
-
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  .eui-showFor--m {
-    display: inline !important; } }
-
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  .eui-showFor--m--block {
-    display: block !important; } }
-
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  .eui-showFor--m--inlineBlock {
-    display: inline-block !important; } }
-
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  .eui-showFor--m--flex {
-    display: -webkit-flex !important;
-    display: flex !important; } }
-
-@media only screen and (min-width: 992px) and (max-width: 1199px) {
-  .eui-hideFor--l {
-    display: none !important; } }
-
-@media only screen and (min-width: 992px) and (max-width: 1199px) {
-  .eui-showFor--l {
-    display: inline !important; } }
-
-@media only screen and (min-width: 992px) and (max-width: 1199px) {
-  .eui-showFor--l--block {
-    display: block !important; } }
-
-@media only screen and (min-width: 992px) and (max-width: 1199px) {
-  .eui-showFor--l--inlineBlock {
-    display: inline-block !important; } }
-
-@media only screen and (min-width: 992px) and (max-width: 1199px) {
-  .eui-showFor--l--flex {
-    display: -webkit-flex !important;
-    display: flex !important; } }
-
-@media only screen and (min-width: 1200px) {
-  .eui-hideFor--xl {
-    display: none !important; } }
-
-@media only screen and (min-width: 1200px) {
-  .eui-showFor--xl {
-    display: inline !important; } }
-
-@media only screen and (min-width: 1200px) {
-  .eui-showFor--xl--block {
-    display: block !important; } }
-
-@media only screen and (min-width: 1200px) {
-  .eui-showFor--xl--inlineBlock {
-    display: inline-block !important; } }
-
-@media only screen and (min-width: 1200px) {
-  .eui-showFor--xl--flex {
-    display: -webkit-flex !important;
-    display: flex !important; } }
-
 /**
   * IE doesn't properly wrap groups if it is within a flex-item of a flex-group.
   * Adding the following styles to the flex-item that contains the wrapping group, will fix IE.
@@ -318,140 +143,6 @@ SOFTWARE.
     -webkit-flex-basis: 0%;
             flex-basis: 0%; } }
 
-/**
- * Scroll bar only
- */
-.eui-scrollBar {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin; }
-  .eui-scrollBar::-webkit-scrollbar {
-    width: 16px;
-    height: 16px; }
-  .eui-scrollBar::-webkit-scrollbar-thumb {
-    background-color: rgba(152, 162, 179, 0.5);
-    background-clip: content-box;
-    border-radius: 16px;
-    border: 6px solid transparent; }
-  .eui-scrollBar::-webkit-scrollbar-corner, .eui-scrollBar::-webkit-scrollbar-track {
-    background-color: transparent; }
-
-/**
-  * Overflow scrolling
-  */
-.eui-yScroll {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden; }
-  .eui-yScroll::-webkit-scrollbar {
-    width: 16px;
-    height: 16px; }
-  .eui-yScroll::-webkit-scrollbar-thumb {
-    background-color: rgba(152, 162, 179, 0.5);
-    background-clip: content-box;
-    border-radius: 16px;
-    border: 6px solid transparent; }
-  .eui-yScroll::-webkit-scrollbar-corner, .eui-yScroll::-webkit-scrollbar-track {
-    background-color: transparent; }
-  .eui-yScroll:focus {
-    outline: none;
-    /* 1 */ }
-  .eui-yScroll[tabindex='0']:focus:focus-visible {
-    outline-style: auto;
-    /* 2 */ }
-
-.eui-xScroll {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  overflow-x: auto; }
-  .eui-xScroll::-webkit-scrollbar {
-    width: 16px;
-    height: 16px; }
-  .eui-xScroll::-webkit-scrollbar-thumb {
-    background-color: rgba(152, 162, 179, 0.5);
-    background-clip: content-box;
-    border-radius: 16px;
-    border: 6px solid transparent; }
-  .eui-xScroll::-webkit-scrollbar-corner, .eui-xScroll::-webkit-scrollbar-track {
-    background-color: transparent; }
-  .eui-xScroll:focus {
-    outline: none;
-    /* 1 */ }
-  .eui-xScroll[tabindex='0']:focus:focus-visible {
-    outline-style: auto;
-    /* 2 */ }
-
-/**
-  * Overflow scrolling with shadows
-  */
-.eui-yScrollWithShadows {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
-  -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%); }
-  .eui-yScrollWithShadows::-webkit-scrollbar {
-    width: 16px;
-    height: 16px; }
-  .eui-yScrollWithShadows::-webkit-scrollbar-thumb {
-    background-color: rgba(152, 162, 179, 0.5);
-    background-clip: content-box;
-    border-radius: 16px;
-    border: 6px solid transparent; }
-  .eui-yScrollWithShadows::-webkit-scrollbar-corner, .eui-yScrollWithShadows::-webkit-scrollbar-track {
-    background-color: transparent; }
-  .eui-yScrollWithShadows:focus {
-    outline: none;
-    /* 1 */ }
-  .eui-yScrollWithShadows[tabindex='0']:focus:focus-visible {
-    outline-style: auto;
-    /* 2 */ }
-
-.eui-xScrollWithShadows {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  overflow-x: auto;
-  -webkit-mask-image: linear-gradient(to right, 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 right, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%); }
-  .eui-xScrollWithShadows::-webkit-scrollbar {
-    width: 16px;
-    height: 16px; }
-  .eui-xScrollWithShadows::-webkit-scrollbar-thumb {
-    background-color: rgba(152, 162, 179, 0.5);
-    background-clip: content-box;
-    border-radius: 16px;
-    border: 6px solid transparent; }
-  .eui-xScrollWithShadows::-webkit-scrollbar-corner, .eui-xScrollWithShadows::-webkit-scrollbar-track {
-    background-color: transparent; }
-  .eui-xScrollWithShadows:focus {
-    outline: none;
-    /* 1 */ }
-  .eui-xScrollWithShadows[tabindex='0']:focus:focus-visible {
-    outline-style: auto;
-    /* 2 */ }
-
-/**
-  * Forcing focus ring on non-EUI elements
-  */
-.eui-isFocusable:focus {
-  outline: 2px solid currentColor; }
-  .eui-isFocusable:focus:focus-visible {
-    outline-style: auto; }
-  .eui-isFocusable:focus:not(:focus-visible) {
-    outline: none; }
-
-/**
- * For quickly applying a full-height element whether using flex or not
- */
-.eui-fullHeight {
-  height: 100%;
-  -webkit-flex: 1 1 auto;
-          flex: 1 1 auto;
-  overflow: hidden; }
-
 /**
  * LEGEND
  * __day-name : Week headers like Su, Mo, etc
@@ -4692,7 +4383,10 @@ SOFTWARE.
   overflow: auto;
   max-width: 400px !important;
   max-height: 400px !important;
-  z-index: 1000 !important; }
+  z-index: 1000 !important;
+  -webkit-filter: none;
+          filter: none;
+  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); }
   .euiDataGridRowCell__popover::-webkit-scrollbar {
     width: 16px;
     height: 16px; }
@@ -12648,50 +12342,6 @@ button.euiSuggestItem {
     -webkit-transform: translateY(0);
             transform: translateY(0); } }
 
-.euiTourHeader {
-  border-bottom: none;
-  margin-bottom: 8px !important; }
-  .euiTourHeader .euiTourHeader__title {
-    margin-top: 0; }
-
-.euiTourHeader__subtitle {
-  color: #7a7f89; }
-
-.euiTourFooter {
-  background-color: #141519;
-  border-radius: 0 0 6px 6px; }
-
-.euiTour .euiTour__beacon {
-  pointer-events: none;
-  position: absolute;
-  opacity: 0;
-  transition: opacity 0s 350ms; }
-
-.euiTour[data-popover-open='true'] .euiTour__beacon {
-  opacity: 1; }
-
-.euiTour [data-popover-arrow='right'] .euiTour__beacon {
-  top: 6px;
-  left: -24px; }
-
-.euiTour [data-popover-arrow='left'] .euiTour__beacon {
-  top: 6px;
-  left: 12px; }
-
-.euiTour [data-popover-arrow='top']:before {
-  border-top-color: #141519; }
-
-.euiTour [data-popover-arrow='top'] .euiTour__beacon {
-  top: 12px;
-  left: 6px; }
-
-.euiTour [data-popover-arrow='bottom'] .euiTour__beacon {
-  top: -24px;
-  left: 6px; }
-
-.euiTourStepIndicator {
-  display: inline-block; }
-
 .euiButton,
 .euiButtonIcon {
   box-shadow: none !important; }

package/dist/eui_theme_dark.json

@@ -242,7 +242,6 @@
   "euiTableActionsBorderColor": "rgba(83, 89, 102, 0.09999999999999998)",
   "euiTableHoverClickableColor": "rgba(54, 162, 239, 0.050000000000000044)",
   "euiTableFocusClickableColor": "rgba(54, 162, 239, 0.09999999999999998)",
-  "euiPopoverArrowSize": "12px",
   "euiContrastRatioText": 4.5,
   "euiContrastRatioGraphic": 3,
   "euiContrastRatioDisabled": 2,

package/dist/eui_theme_dark.json.d.ts

@@ -243,7 +243,6 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
     euiTableActionsBorderColor: string;
     euiTableHoverClickableColor: string;
     euiTableFocusClickableColor: string;
-    euiPopoverArrowSize: string;
     euiContrastRatioText: number;
     euiContrastRatioGraphic: number;
     euiContrastRatioDisabled: number;