@elastic/eui 60.2.0 → 62.0.0

package/src/global_styling/mixins/_popover.scss

@@ -1,19 +0,0 @@
-@mixin euiPopoverTitle($size: 'm') {
-  @if ($size == 's') {
-    @include euiTitle('xxxs');
-  } @else if ($size == 'm') {
-    @include euiTitle('xxs');
-  } @else {
-    @warn 'euiPopoverTitle only accepts "s" or "m" sizes';
-  }
-
-  padding: $euiSizeM;
-  text-transform: uppercase;
-  border-bottom: $euiBorderThin;
-}
-
-@mixin euiPopoverFooter {
-  @include euiFontSizeS;
-  padding: $euiSizeM;
-  border-top: $euiBorderThin;
-}

package/src/themes/amsterdam/global_styling/mixins/_popover.scss

@@ -1,5 +0,0 @@
-@mixin euiPopoverTitle($size: null) {
-  @include euiTitle('xxs');
-  padding: $euiSizeM;
-  border-bottom: $euiBorderThin;
-}

package/src/themes/amsterdam/overrides/_comment.scss

@@ -1,3 +0,0 @@
-.euiCommentEvent--regular {
-  box-shadow: none;
-}

package/src/themes/amsterdam/overrides/_image.scss

@@ -1,10 +0,0 @@
-.euiImage-isFullScreen {
-  .euiImage__caption {
-    color: $euiColorGhost;
-    text-shadow: 0 1px 2px transparentize($euiColorInk, .6);
-  }
-}
-
-.euiImage-isFullScreenCloseIcon {
-  fill: $euiColorGhost;
-}

package/src/themes/amsterdam/overrides/_popover.scss

@@ -1,104 +0,0 @@
-.euiPopover__panel {
-  &:focus {
-    outline-offset: 0;
-  }
-
-  &.euiPopover__panel-isAttached {
-    @include euiBottomShadowMedium;
-
-    // Reset border radius to panel's
-    // Specificity also helps override default theme
-    @each $modifier, $amount in $euiPanelBorderRadiusModifiers {
-      &.euiPanel--#{$modifier} {
-        border-radius: $amount;
-      }
-    }
-  }
-
-  .euiPopover__panelArrow {
-    &:before {
-      filter: blur($euiSizeXS - 1px);
-      opacity: .2;
-    }
-
-    $arrowShadowCompensation: $euiSizeXS;
-
-    &.euiPopover__panelArrow--top {
-      &:before {
-        bottom: -$euiPopoverArrowSize;
-        border-top-color: $euiShadowColor;
-        clip-path: polygon(#{-$arrowShadowCompensation} 0, #{$euiPopoverArrowSize * 2 + $arrowShadowCompensation} 0, #{$euiPopoverArrowSize * 2 + $arrowShadowCompensation} #{$euiPopoverArrowSize + $arrowShadowCompensation}, #{-$arrowShadowCompensation} #{$euiPopoverArrowSize + $arrowShadowCompensation});
-      }
-
-      &:after {
-        bottom: -$euiPopoverArrowSize + 1;
-      }
-    }
-
-    &.euiPopover__panelArrow--right {
-      &:before {
-        border-right-color: $euiShadowColor;
-        clip-path: polygon(#{-$arrowShadowCompensation} #{-$arrowShadowCompensation}, $euiPopoverArrowSize #{-$arrowShadowCompensation}, $euiPopoverArrowSize #{$euiPopoverArrowSize * 2 + $arrowShadowCompensation}, #{-$arrowShadowCompensation} #{$euiPopoverArrowSize * 2 + $arrowShadowCompensation});
-      }
-
-      &:after {
-        left: -$euiPopoverArrowSize + 1;
-      }
-    }
-
-    &.euiPopover__panelArrow--bottom {
-      &:before {
-        border-bottom-color: $euiShadowColor;
-        clip-path: polygon(#{-$arrowShadowCompensation} #{-$arrowShadowCompensation}, #{$euiPopoverArrowSize * 2 + $arrowShadowCompensation} #{-$arrowShadowCompensation}, #{$euiPopoverArrowSize * 2 + $arrowShadowCompensation} $euiPopoverArrowSize, #{-$arrowShadowCompensation} $euiPopoverArrowSize);
-      }
-
-      &:after {
-        top: -$euiPopoverArrowSize + 1;
-      }
-    }
-
-    &.euiPopover__panelArrow--left {
-      &:before {
-        right: -$euiPopoverArrowSize;
-        border-left-color: $euiShadowColor;
-        clip-path: polygon(0 #{-$arrowShadowCompensation}, #{$euiPopoverArrowSize + $arrowShadowCompensation} #{-$arrowShadowCompensation}, #{$euiPopoverArrowSize + $arrowShadowCompensation} #{$euiPopoverArrowSize * 2 + $arrowShadowCompensation}, 0 #{$euiPopoverArrowSize * 2 + $arrowShadowCompensation});
-      }
-
-      &:after {
-        right: -$euiPopoverArrowSize + 1;
-      }
-    }
-  }
-}
-
-
-// Mainly for specificity, but don't add padding to the title if
-// neither the the panel nor the title has a padding modifier (aka NONE)
-.euiPopover__panel:not([class*='euiPanel--padding']) .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
-  padding: 0;
-}
-
-// Allow the panel padding to actually modify the all side of the title
-@each $modifier, $amount in $euiPanelPaddingModifiers {
-  .euiPopover__panel.euiPanel--#{$modifier} .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
-    padding: $amount;
-  }
-}
-
-/**
- * Footer specific overrides
- */
-
-// Mainly for specificity, but don't add padding to the footer if
-// neither the the panel nor the footer has a padding modifier (aka NONE)
-.euiPopover__panel:not([class*='euiPanel--padding']) .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
-  padding: 0;
-}
-
-// Allow the panel padding to actually modify the all side of the footer
-@each $modifier, $amount in $euiPanelPaddingModifiers {
-  .euiPopover__panel.euiPanel--#{$modifier} .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
-    padding: $amount;
-  }
-}
-