@elastic/eui 61.0.0 → 62.0.0

package/dist/eui_theme_dark.css

@@ -3486,9 +3486,6 @@ SOFTWARE.
   -webkit-transform: none !important;
           transform: none !important;
   top: 0; }
-  .euiComboBoxOptionsList.euiPopover__panel-isAttached.euiComboBoxOptionsList--top {
-    /* 1 */
-    box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 0 17px rgba(0, 0, 0, 0.075); }
   .euiComboBoxOptionsList .euiFilterSelectItem__content {
     margin-block: 0 !important; }
 
@@ -3640,24 +3637,13 @@ SOFTWARE.
   line-height: 1.71429rem;
   font-weight: 700;
   padding: 12px;
-  border-bottom: 1px solid #343741;
-  padding: 12px;
   width: 100%;
   text-align: left;
-  outline-offset: -2px; }
+  outline-offset: -2px;
+  border-bottom: 1px solid #343741; }
   .euiContextMenuPanelTitle:enabled:hover, .euiContextMenuPanelTitle:enabled:focus {
     text-decoration: underline; }
   .euiContextMenuPanelTitle--small {
-    overflow-wrap: break-word !important;
-    word-wrap: break-word !important;
-    word-break: break-word;
-    color: #DFE5EF;
-    font-size: 14px;
-    font-size: 1rem;
-    line-height: 1.71429rem;
-    font-weight: 700;
-    padding: 12px;
-    border-bottom: 1px solid #343741;
     padding: 6px 8px; }
 
 @-webkit-keyframes euiContextMenuPanelTxInLeft {
@@ -5568,10 +5554,6 @@ SOFTWARE.
 .euiEmptyPrompt--paddingLarge.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
   gap: 24px; }
 
-.euiErrorBoundary {
-  background: repeating-linear-gradient(45deg, rgba(248, 107, 99, 0.25), rgba(248, 107, 99, 0.25) 1px, rgba(248, 107, 99, 0.05) 1px, rgba(248, 107, 99, 0.05) 20px);
-  padding: 16px; }
-
 .euiFilterGroup {
   display: -webkit-inline-flex;
   display: inline-flex;
@@ -9382,165 +9364,6 @@ SOFTWARE.
     height: 16px;
     top: 9%; } }
 
-/**
- * 1. Fix for IE where the image correctly resizes in width but doesn't collapse its height
-      (https://github.com/philipwalton/flexbugs/issues/75#issuecomment-134702421)
- */
-.euiImage {
-  display: inline-block;
-  max-width: 100%;
-  position: relative;
-  min-height: 1px;
-  /* 1 */
-  line-height: 0;
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0; }
-  .euiImage .euiImage__img {
-    margin-bottom: 0;
-    max-width: 100%; }
-  .euiImage.euiImage--hasShadow .euiImage__img {
-    box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
-  .euiImage .euiImage__button {
-    position: relative;
-    cursor: pointer;
-    transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
-    .euiImage .euiImage__button:focus {
-      outline: 2px solid #36A2EF; }
-    .euiImage .euiImage__button:hover .euiImage__icon {
-      visibility: visible;
-      fill-opacity: 1; }
-    .euiImage .euiImage__button--fullWidth {
-      width: 100%; }
-  .euiImage.euiImage--allowFullScreen:hover .euiImage__caption {
-    text-decoration: underline; }
-  .euiImage.euiImage--allowFullScreen:not(.euiImage--hasShadow) .euiImage__button:hover,
-  .euiImage.euiImage--allowFullScreen:not(.euiImage--hasShadow) .euiImage__button:focus {
-    box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
-  .euiImage.euiImage--allowFullScreen.euiImage--hasShadow .euiImage__button:hover,
-  .euiImage.euiImage--allowFullScreen.euiImage--hasShadow .euiImage__button: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); }
-  .euiImage.euiImage--small .euiImage__img {
-    width: 8.57143rem; }
-  .euiImage.euiImage--medium .euiImage__img {
-    width: 14.28571rem; }
-  .euiImage.euiImage--large .euiImage__img {
-    width: 25.71429rem; }
-  .euiImage.euiImage--xlarge .euiImage__img {
-    width: 42.85714rem; }
-  .euiImage.euiImage--fullWidth {
-    width: 100%; }
-  .euiImage.euiImage--original .euiImage__img {
-    width: auto;
-    max-width: 100%; }
-  .euiImage.euiImage--floatLeft {
-    float: left; }
-    .euiImage.euiImage--floatLeft[class*='euiImage--margin'] {
-      margin-left: 0;
-      margin-top: 0; }
-  .euiImage.euiImage--floatRight {
-    float: right; }
-    .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
-      margin-right: 0;
-      margin-top: 0; }
-  .euiImage.euiImage--marginSmall {
-    margin: 8px; }
-  .euiImage.euiImage--marginMedium {
-    margin: 16px; }
-  .euiImage.euiImage--marginLarge {
-    margin: 24px; }
-  .euiImage.euiImage--marginXlarge {
-    margin: 32px; }
-
-.euiImage__img {
-  width: 100%;
-  vertical-align: middle; }
-
-.euiImage__caption {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.71429rem;
-  margin-top: 4px;
-  text-align: center; }
-
-.euiImage__icon {
-  visibility: hidden;
-  fill-opacity: 0;
-  position: absolute;
-  right: 16px;
-  top: 16px;
-  transition: fill-opacity 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-  cursor: pointer; }
-
-.euiImage-isFullScreen {
-  position: relative;
-  max-height: 80vh;
-  max-width: 80vw;
-  -webkit-animation: euiImageFullScreen 500ms cubic-bezier(0.34, 1.61, 0.7, 1);
-          animation: euiImageFullScreen 500ms cubic-bezier(0.34, 1.61, 0.7, 1); }
-  .euiImage-isFullScreen:hover .euiImage__button {
-    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); }
-  .euiImage-isFullScreen:hover .euiImage__caption {
-    text-decoration: underline; }
-  .euiImage-isFullScreen__img {
-    max-height: 80vh;
-    max-width: 80vw;
-    vertical-align: middle;
-    cursor: pointer;
-    transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
-
-.euiImage-isFullScreenCloseIcon {
-  position: absolute;
-  right: 16px;
-  top: 16px;
-  pointer-events: none; }
-
-@-webkit-keyframes euiImageFullScreen {
-  0% {
-    opacity: 0;
-    -webkit-transform: translateY(64px);
-            transform: translateY(64px); }
-  100% {
-    opacity: 1;
-    -webkit-transform: translateY(0);
-            transform: translateY(0); } }
-
-@keyframes euiImageFullScreen {
-  0% {
-    opacity: 0;
-    -webkit-transform: translateY(64px);
-            transform: translateY(64px); }
-  100% {
-    opacity: 1;
-    -webkit-transform: translateY(0);
-            transform: translateY(0); } }
-
-@media only screen and (max-width: 574px) {
-  .euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
-    float: none; }
-    .euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
-      margin-top: inherit;
-      margin-right: inherit;
-      margin-bottom: inherit;
-      margin-left: inherit; } }
-
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
-    float: none; }
-    .euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
-      margin-top: inherit;
-      margin-right: inherit;
-      margin-bottom: inherit;
-      margin-left: inherit; } }
-
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  .euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
-    float: none; }
-    .euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
-      margin-top: inherit;
-      margin-right: inherit;
-      margin-bottom: inherit;
-      margin-left: inherit; } }
-
 /**
  * 1. Default to grid of 3
  */
@@ -11131,215 +10954,6 @@ SOFTWARE.
     .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
       margin-top: 16px; } }
 
-.euiPopover {
-  display: inline-block;
-  position: relative;
-  vertical-align: middle;
-  max-width: 100%; }
-
-.euiPopover__anchor {
-  display: inline-block; }
-
-.euiPopover--displayBlock {
-  display: block; }
-  .euiPopover--displayBlock .euiPopover__anchor {
-    display: block; }
-
-/**
- * 1. Can expand further, but it looks weird if it's smaller than the originating button.
- * 2. Animation happens on the panel. But don't animate when using the attached mode like for inputs
- * 3. Make sure the panel stays within the window.
- */
-.euiPopover__panel {
-  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);
-  position: absolute;
-  min-width: 112px;
-  /* 1 */
-  max-width: calc(100vw - 32px);
-  /* 3 */
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-  pointer-events: none;
-  opacity: 0;
-  /* 2 */
-  transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms;
-  /* 2 */ }
-  .euiPopover__panel:not(.euiPopover__panel-isAttached) {
-    -webkit-transform: translateY(0) translateX(0) translateZ(0);
-            transform: translateY(0) translateX(0) translateZ(0);
-    /* 2 */
-    transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms;
-    transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms;
-    transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms; }
-  .euiPopover__panel.euiPopover__panel-isOpen {
-    opacity: 1;
-    pointer-events: auto; }
-  .euiPopover__panel .euiPopover__panelArrow {
-    position: absolute;
-    width: 0;
-    height: 0; }
-    .euiPopover__panel .euiPopover__panelArrow:before {
-      position: absolute;
-      content: '';
-      height: 0;
-      width: 0; }
-    .euiPopover__panel .euiPopover__panelArrow:after {
-      position: absolute;
-      content: '';
-      height: 0;
-      width: 0; }
-    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:before {
-      bottom: -10px;
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-top: 12px solid #343741; }
-    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
-      bottom: -9px;
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-top: 12px solid #1D1E24; }
-    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:before {
-      left: -12px;
-      top: 50%;
-      border-top: 12px solid transparent;
-      border-bottom: 12px solid transparent;
-      border-right: 12px solid #343741; }
-    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:after {
-      left: -11px;
-      top: 50%;
-      border-top: 12px solid transparent;
-      border-bottom: 12px solid transparent;
-      border-right: 12px solid #1D1E24; }
-    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:before {
-      top: -12px;
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-bottom: 12px solid #343741; }
-    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:after {
-      top: -11px;
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-bottom: 12px solid #1D1E24; }
-    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:before {
-      right: -11px;
-      top: 50%;
-      border-top: 12px solid transparent;
-      border-bottom: 12px solid transparent;
-      border-left: 12px solid #343741; }
-    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:after {
-      right: -10px;
-      top: 50%;
-      border-top: 12px solid transparent;
-      border-bottom: 12px solid transparent;
-      border-left: 12px solid #1D1E24; }
-  .euiPopover__panel.euiPopover__panel-noArrow .euiPopover__panelArrow {
-    display: none; }
-  .euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--bottom {
-    border-top-color: rgba(52, 55, 65, 0.8);
-    border-top-right-radius: 0;
-    border-top-left-radius: 0; }
-  .euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--top {
-    box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 0 17px rgba(0, 0, 0, 0.075);
-    border-bottom-color: rgba(52, 55, 65, 0.8);
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0; }
-
-.euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--top,
-.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--top {
-  -webkit-transform: translateY(8px) translateZ(0);
-          transform: translateY(8px) translateZ(0); }
-
-.euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--bottom,
-.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--bottom {
-  -webkit-transform: translateY(-8px) translateZ(0);
-          transform: translateY(-8px) translateZ(0); }
-
-.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--left {
-  -webkit-transform: translateX(8px) translateZ(0);
-          transform: translateX(8px) translateZ(0); }
-
-.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--right {
-  -webkit-transform: translateX(-8px) translateZ(0);
-          transform: translateX(-8px) translateZ(0); }
-
-.euiPopoverTitle {
-  overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
-  word-break: break-word;
-  color: #DFE5EF;
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.71429rem;
-  font-weight: 700;
-  padding: 12px;
-  border-bottom: 1px solid #343741; }
-
-.euiPopoverTitle--paddingNone {
-  padding: 0; }
-
-.euiPopoverTitle--paddingSmall {
-  padding: 8px; }
-
-.euiPopoverTitle--paddingMedium {
-  padding: 16px; }
-
-.euiPopoverTitle--paddingLarge {
-  padding: 24px; }
-
-.euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle {
-  margin: -8px -8px 8px; }
-  .euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
-    padding: 12px 8px; }
-
-.euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle {
-  margin: -16px -16px 16px; }
-  .euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
-    padding: 12px 16px; }
-
-.euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle {
-  margin: -24px -24px 24px; }
-  .euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
-    padding: 12px 24px; }
-
-.euiPopoverFooter {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.71429rem;
-  padding: 12px;
-  border-top: 1px solid #343741; }
-
-.euiPopoverFooter--paddingNone {
-  padding: 0; }
-
-.euiPopoverFooter--paddingSmall {
-  padding: 8px; }
-
-.euiPopoverFooter--paddingMedium {
-  padding: 16px; }
-
-.euiPopoverFooter--paddingLarge {
-  padding: 24px; }
-
-.euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter {
-  margin: 8px -8px -8px; }
-  .euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
-    padding: 12px 8px; }
-
-.euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter {
-  margin: 16px -16px -16px; }
-  .euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
-    padding: 12px 16px; }
-
-.euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter {
-  margin: 24px -24px -24px; }
-  .euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
-    padding: 12px 24px; }
-
-.euiInputPopover {
-  max-width: 400px; }
-  .euiInputPopover.euiInputPopover--fullWidth {
-    max-width: 100%; }
-
 /**
  * 1. Portal content is absolutely positioned (e.g. tooltips, popovers, flyouts).
  */
@@ -13496,12 +13110,6 @@ button.euiSuggestItem {
 .euiTab__append {
   margin-left: 8px; }
 
-.euiTextDiff del {
-  color: #F86B63; }
-
-.euiTextDiff ins {
-  color: #7DDED8; }
-
 /**
  * 1. Allow list to expand as items are added, but cap it at the screen height.
  * 2. Allow some padding for shadow
@@ -14026,26 +13634,25 @@ button.euiSuggestItem {
   opacity: 0;
   transition: opacity 0s 350ms; }
 
-.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--right .euiTour__beacon {
-  opacity: 1;
+.euiTour[data-popover-open='true'] .euiTour__beacon {
+  opacity: 1; }
+
+.euiTour [data-popover-arrow='right'] .euiTour__beacon {
   top: 6px;
   left: -24px; }
 
-.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--left .euiTour__beacon {
-  opacity: 1;
+.euiTour [data-popover-arrow='left'] .euiTour__beacon {
   top: 6px;
   left: 12px; }
 
-.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
-  border-top-color: #25262E; }
+.euiTour [data-popover-arrow='top']:before {
+  border-top-color: #141519; }
 
-.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--top .euiTour__beacon {
-  opacity: 1;
+.euiTour [data-popover-arrow='top'] .euiTour__beacon {
   top: 12px;
   left: 6px; }
 
-.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--bottom .euiTour__beacon {
-  opacity: 1;
+.euiTour [data-popover-arrow='bottom'] .euiTour__beacon {
   top: -24px;
   left: 6px; }
 
@@ -14802,13 +14409,6 @@ button.euiSuggestItem {
 .euiListGroupItem--medium {
   font-size: 16px; }
 
-.euiImage-isFullScreen .euiImage__caption {
-  color: #FFF;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
-
-.euiImage-isFullScreenCloseIcon {
-  fill: #FFF; }
-
 .euiKeyPadMenuItem {
   border: none !important;
   box-shadow: none; }
@@ -14853,82 +14453,6 @@ button.euiSuggestItem {
 .euiOverlayMask {
   background: rgba(0, 0, 0, 0.5); }
 
-.euiPopover__panel:focus {
-  outline-offset: 0; }
-
-.euiPopover__panel.euiPopover__panel-isAttached {
-  box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
-  .euiPopover__panel.euiPopover__panel-isAttached.euiPanel--borderRadiusNone {
-    border-radius: 0; }
-  .euiPopover__panel.euiPopover__panel-isAttached.euiPanel--borderRadiusMedium {
-    border-radius: 4px; }
-
-.euiPopover__panel .euiPopover__panelArrow:before {
-  -webkit-filter: blur(3px);
-          filter: blur(3px);
-  opacity: .2; }
-
-.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:before {
-  bottom: -12px;
-  border-top-color: #000;
-  -webkit-clip-path: polygon(-4px 0, 28px 0, 28px 16px, -4px 16px);
-          clip-path: polygon(-4px 0, 28px 0, 28px 16px, -4px 16px); }
-
-.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
-  bottom: -11px; }
-
-.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:before {
-  border-right-color: #000;
-  -webkit-clip-path: polygon(-4px -4px, 12px -4px, 12px 28px, -4px 28px);
-          clip-path: polygon(-4px -4px, 12px -4px, 12px 28px, -4px 28px); }
-
-.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:after {
-  left: -11px; }
-
-.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:before {
-  border-bottom-color: #000;
-  -webkit-clip-path: polygon(-4px -4px, 28px -4px, 28px 12px, -4px 12px);
-          clip-path: polygon(-4px -4px, 28px -4px, 28px 12px, -4px 12px); }
-
-.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:after {
-  top: -11px; }
-
-.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:before {
-  right: -12px;
-  border-left-color: #000;
-  -webkit-clip-path: polygon(0 -4px, 16px -4px, 16px 28px, 0 28px);
-          clip-path: polygon(0 -4px, 16px -4px, 16px 28px, 0 28px); }
-
-.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:after {
-  right: -11px; }
-
-.euiPopover__panel:not([class*='euiPanel--padding']) .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
-  padding: 0; }
-
-.euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
-  padding: 8px; }
-
-.euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
-  padding: 16px; }
-
-.euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
-  padding: 24px; }
-
-/**
- * Footer specific overrides
- */
-.euiPopover__panel:not([class*='euiPanel--padding']) .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
-  padding: 0; }
-
-.euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
-  padding: 8px; }
-
-.euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
-  padding: 16px; }
-
-.euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
-  padding: 24px; }
-
 .euiRangeTooltip__value {
   border-radius: 4px; }
 

package/dist/eui_theme_dark.json

@@ -181,8 +181,6 @@
     "large": "22px"
   },
   "euiMarkdownEditorMinHeight": "150px",
-  "euiPopoverArrowSize": "12px",
-  "euiPopoverTranslateDistance": "8px",
   "euiResizableButtonTransitionSpeed": "150ms",
   "euiResizableButtonSize": "16px",
   "euiSelectableListItemBorder": "1px solid #202128",
@@ -301,6 +299,7 @@
     }
   },
   "euiTokenTypeKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9', 'gray'",
+  "euiPopoverArrowSize": "12px",
   "euiContrastRatioText": 4.5,
   "euiContrastRatioGraphic": 3,
   "euiContrastRatioDisabled": 2,

package/dist/eui_theme_dark.json.d.ts

@@ -182,8 +182,6 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
       large: string;
     };
     euiMarkdownEditorMinHeight: string;
-    euiPopoverArrowSize: string;
-    euiPopoverTranslateDistance: string;
     euiResizableButtonTransitionSpeed: string;
     euiResizableButtonSize: string;
     euiSelectableListItemBorder: string;
@@ -302,6 +300,7 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
       };
     };
     euiTokenTypeKeys: string;
+    euiPopoverArrowSize: string;
     euiContrastRatioText: number;
     euiContrastRatioGraphic: number;
     euiContrastRatioDisabled: number;