@elastic/eui 87.1.0 → 88.0.0

package/test-env/components/resizable_container/resizable_collapse_button.styles.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiResizableCollapseButtonStyles = void 0;
+var _react = require("@emotion/react");
+var _global_styling = require("../../global_styling");
+var _amsterdam = require("../../themes/amsterdam");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /*
+                                                                                                                                                                                                                                                                                           * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+                                                                                                                                                                                                                                                                                           * or more contributor license agreements. Licensed under the Elastic License
+                                                                                                                                                                                                                                                                                           * 2.0 and the Server Side Public License, v 1; you may not use this file except
+                                                                                                                                                                                                                                                                                           * in compliance with, at your election, the Elastic License 2.0 or the Server
+                                                                                                                                                                                                                                                                                           * Side Public License, v 1.
+                                                                                                                                                                                                                                                                                           */
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "fuwsll-euiResizableCollapseButton",
+  styles: "z-index:2;position:absolute;&:focus{animation:none;};label:euiResizableCollapseButton;"
+} : {
+  name: "fuwsll-euiResizableCollapseButton",
+  styles: "z-index:2;position:absolute;&:focus{animation:none;};label:euiResizableCollapseButton;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var euiResizableCollapseButtonStyles = function euiResizableCollapseButtonStyles(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme;
+  var buttonSize = euiTheme.size.l;
+  var centeringOffset = (0, _global_styling.mathWithUnits)(buttonSize, function (x) {
+    return x / -2;
+  }); // Use negative margins instead of transforms to avoid having to override EuiButtonIcon's CSS
+  var buttonOffset = euiTheme.size.base;
+  return {
+    euiResizableCollapseButton: _ref,
+    collapsible: {
+      collapsible: /*#__PURE__*/(0, _react.css)("background:", euiTheme.colors.emptyShade, ";", (0, _amsterdam.euiShadowXSmall)(euiThemeContext), " &:focus{", (0, _amsterdam.euiSlightShadowHover)(euiThemeContext), ";};label:collapsible;"),
+      horizontal: {
+        after: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('right', 0), " ", (0, _global_styling.logicalCSS)('margin-right', centeringOffset), ";;label:after;"),
+        before: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('left', 0), " ", (0, _global_styling.logicalCSS)('margin-left', centeringOffset), ";;label:before;"),
+        middle: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('top', '50%'), " ", (0, _global_styling.logicalCSS)('margin-top', centeringOffset), ";;label:middle;"),
+        top: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('top', 0), " ", (0, _global_styling.logicalCSS)('margin-top', buttonOffset), ";;label:top;"),
+        bottom: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('bottom', 0), " ", (0, _global_styling.logicalCSS)('margin-bottom', buttonOffset), ";;label:bottom;"),
+        // `left/right` aren't valid positions for the horizontal direction,
+        // so we're using getters to fall back to the `middle` CSS
+        get left() {
+          return this.middle;
+        },
+        get right() {
+          return this.middle;
+        }
+      },
+      vertical: {
+        after: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('top', '100%'), " ", (0, _global_styling.logicalCSS)('margin-top', centeringOffset), ";;label:after;"),
+        before: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('bottom', '100%'), " ", (0, _global_styling.logicalCSS)('margin-bottom', centeringOffset), ";;label:before;"),
+        middle: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('left', '50%'), " ", (0, _global_styling.logicalCSS)('margin-left', centeringOffset), ";;label:middle;"),
+        left: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('left', 0), " ", (0, _global_styling.logicalCSS)('margin-left', buttonOffset), ";;label:left;"),
+        right: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('right', 0), " ", (0, _global_styling.logicalCSS)('margin-right', buttonOffset), ";;label:right;"),
+        // `top/bottom` aren't valid positions for the horizontal direction,
+        // so we're using getters to fall back to the `middle` CSS
+        get top() {
+          return this.middle;
+        },
+        get bottom() {
+          return this.middle;
+        }
+      }
+    },
+    collapsed: {
+      // When collapsed, the button itself is the full collapsed area
+      // and we use flex to align the icon within
+      collapsed: /*#__PURE__*/(0, _react.css)("border-radius:0;", (0, _global_styling.logicalCSS)('top', 0), ";;label:collapsed;"),
+      horizontal: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', '100%'), ";;label:horizontal;"),
+      vertical: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('width', '100%'), ";;label:vertical;"),
+      horizontalPositions: {
+        top: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('padding-top', buttonOffset), " align-items:flex-start;;label:top;"),
+        bottom: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('padding-bottom', buttonOffset), " align-items:flex-end;;label:bottom;"),
+        middle: /*#__PURE__*/(0, _react.css)(";label:middle;"),
+        left: /*#__PURE__*/(0, _react.css)(";label:left;"),
+        right: /*#__PURE__*/(0, _react.css)(";label:right;")
+      },
+      verticalPositions: {
+        left: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('padding-left', buttonOffset), " justify-content:flex-start;;label:left;"),
+        right: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('padding-right', buttonOffset), " justify-content:flex-end;;label:right;"),
+        middle: /*#__PURE__*/(0, _react.css)(";label:middle;"),
+        top: /*#__PURE__*/(0, _react.css)(";label:top;"),
+        bottom: /*#__PURE__*/(0, _react.css)(";label:bottom;")
+      }
+    }
+  };
+};
+exports.euiResizableCollapseButtonStyles = euiResizableCollapseButtonStyles;

package/test-env/components/steps/step.styles.js

@@ -48,7 +48,7 @@ exports.euiStepStyles = euiStepStyles;
 var euiStepContentStyles = function euiStepContentStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   var euiStep = euiStepVariables(euiTheme);
-  var styles = {
+  return {
     euiStep__content: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('margin-top', euiTheme.size.s), " ", (0, _global_styling.logicalCSS)('padding-top', euiTheme.size.base), " ", (0, _global_styling.logicalCSS)('padding-bottom', (0, _global_styling.mathWithUnits)([euiTheme.size.xl, euiTheme.size.s], function (x, y) {
       return x + y;
     })), " ", (0, _global_styling.logicalCSS)('padding-right', euiTheme.size.base), ";;label:euiStep__content;"),
@@ -58,16 +58,16 @@ var euiStepContentStyles = function euiStepContentStyles(euiThemeContext) {
     })), (0, _global_styling.logicalCSS)('margin-left', (0, _global_styling.mathWithUnits)(euiStep.numberSize, function (x) {
       return x / 2;
     })), ";;label:m;"),
-    s: /*#__PURE__*/(0, _react.css)(";label:s;"),
-    // s is the same as m, so we'll programmatically duplicate it below
+    // `s` is the same as `m` - use a getter to duplicate its content
+    get s() {
+      return this.m;
+    },
     xs: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('padding-left', (0, _global_styling.mathWithUnits)([euiStep.numberXSSize, euiStep.numberMargin], function (x, y) {
       return x / 2 + y;
     })), (0, _global_styling.logicalCSS)('margin-left', (0, _global_styling.mathWithUnits)(euiStep.numberXSSize, function (x) {
       return x / 2;
     })), ";;label:xs;")
   };
-  styles.s = styles.m;
-  return styles;
 };
 exports.euiStepContentStyles = euiStepContentStyles;
 var euiStepTitleStyles = function euiStepTitleStyles(euiThemeContext) {

package/test-env/components/suggest/suggest.js

@@ -49,6 +49,22 @@ var statusMap = {
 
 // keys of _EuiSuggestItemPropsBase
 var suggestItemPropsKeys = ['label', 'type', 'description', 'labelDisplay', 'labelWidth', 'descriptionDisplay'];
+
+/**
+ * @deprecated
+ */
+
+/**
+ * @deprecated
+ */
+
+/**
+ * @deprecated - EuiSuggest is scheduled for deprecation due to low internal usage and high
+ * overlap with other existing EUI components. We recommend using EuiSelectable instead,
+ * or copying this component into your own application for usage if necessary.
+ *
+ * The component will be permanently removed in October 2023.
+ */
 var EuiSuggest = function EuiSuggest(_ref) {
   var onItemClick = _ref.onItemClick,
     onBlur = _ref.onBlur,

package/test-env/components/suggest/suggest_item.js

@@ -21,6 +21,9 @@ var _excluded = ["className", "label", "type", "labelWidth", "description", "tru
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+/**
+ * @deprecated
+ */
 var colorToClassNameMap = {
   tint0: 'euiSuggestItem__type--tint0',
   tint1: 'euiSuggestItem__type--tint1',
@@ -35,6 +38,14 @@ var colorToClassNameMap = {
   tint10: 'euiSuggestItem__type--tint10'
 };
 var COLORS = (0, _common.keysOf)(colorToClassNameMap);
+
+/**
+ * @deprecated - EuiSuggest is scheduled for deprecation due to low internal usage and high
+ * overlap with other existing EUI components. We recommend using EuiSelectable instead,
+ * or copying this component into your own application for usage if necessary.
+ *
+ * The component will be permanently removed in October 2023.
+ */
 exports.COLORS = COLORS;
 var EuiSuggestItem = function EuiSuggestItem(_ref) {
   var className = _ref.className,

package/test-env/services/color_picker/color_picker.js

@@ -20,6 +20,10 @@ var generateRandomColor = function generateRandomColor() {
     "#".concat(Math.floor(Math.random() * 16777215).toString(16))
   );
 };
+
+/**
+ * @deprecated
+ */
 var useColorStopsState = function useColorStopsState() {
   var useRandomColor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var initialColorStops = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [{

package/test-env/themes/amsterdam/global_styling/mixins/shadow.js

@@ -87,7 +87,6 @@ var euiShadowXLarge = function euiShadowXLarge(_ref9) {
 
 /**
  * slightShadowHover
- * TODO: I think this is only used by panels/cards in the Amsterdam theme, move there
  */
 exports.euiShadowXLarge = euiShadowXLarge;
 var euiSlightShadowHover = function euiSlightShadowHover(_ref11) {

package/src/components/key_pad_menu/_index.scss

@@ -1,5 +0,0 @@
-// Key pad is a phone like nav comprised of an svg icon and a title.
-
-@import 'variables';
-
-@import 'key_pad_menu_item';

package/src/components/key_pad_menu/_key_pad_menu_item.scss

@@ -1,123 +0,0 @@
-/**
- * 1. If this class is applied to a button, we need to override the Chrome default font.
- * 2. If it has a BetaBadge, make sure only the first letter shows
- */
-.euiKeyPadMenuItem {
-  @include euiFont; /* 1 */
-  display: block;
-  padding: $euiSizeXS;
-  height: $euiKeyPadMenuSize;
-  width: $euiKeyPadMenuSize;
-  border: $euiBorderThin;
-  border-color: transparent;
-  border-radius: $euiBorderRadius;
-  color: $euiTextColor; // Override possible link color
-
-  @include euiCanAnimate {
-    transition:
-      background-color $euiAnimSpeedFast ease-in,
-      border-color $euiAnimSpeedFast ease-in,
-      box-shadow $euiAnimSpeedFast ease-in;
-  }
-
-  // Focus and Hover states (when not disabled)
-  &:not(.euiKeyPadMenuItem-isDisabled) {
-    &:hover,
-    &:focus,
-    &:focus-within {
-      @include euiHoverState;
-      @include euiSlightShadow;
-      border-color: $euiBorderColor;
-
-      @include euiCanAnimate {
-        .euiKeyPadMenuItem__icon {
-          transform: translateY(0);
-        }
-      }
-    }
-
-    &:focus {
-      @include euiFocusState;
-    }
-  }
-
-  // Disabled state
-  &.euiKeyPadMenuItem-isDisabled {
-    @include euiDisabledState;
-
-    .euiKeyPadMenuItem__icon {
-      filter: grayscale(100%);
-
-      svg * { // stylelint-disable-line max-nesting-depth
-        fill: $euiButtonColorDisabledText;
-      }
-    }
-  }
-
-  // Selected state (when not disabled)
-  &.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled) {
-    @include euiSlightShadow;
-    color: $euiTitleColor;
-  }
-
-  // Selected (even if disabled)
-  &.euiKeyPadMenuItem-isSelected {
-    border-color: $euiBorderColor;
-  }
-
-  // Hide the input if not selected, or being interacted with
-  &:not(:hover):not(:focus):not(:focus-within):not(.euiKeyPadMenuItem-isSelected),
-  // Also specifically if disabled but not selected
-  &.euiKeyPadMenuItem-isDisabled:not(.euiKeyPadMenuItem-isSelected) {
-    .euiKeyPadMenuItem__checkableInput {
-      @include euiScreenReaderOnly;
-    }
-  }
-}
-
-.euiKeyPadMenuItem__inner {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-
-  .euiKeyPadMenuItem__checkableInput {
-    transform: scale(.75);
-    transform-origin: top right;
-  }
-
-  .euiKeyPadMenuItem__checkableInput,
-  .euiKeyPadMenuItem__betaBadge {
-    position: absolute;
-    top: $euiSizeXS;
-    right: $euiSizeXS;
-    z-index: 3;
-  }
-}
-
-.euiKeyPadMenuItem__icon {
-  transition: transform $euiAnimSpeedNormal $euiAnimSlightBounce;
-  margin-bottom: $euiSizeM;
-  transform: translateY(2px);
-}
-
-.euiKeyPadMenuItem__label {
-  font-size: $euiFontSizeXS;
-  font-weight: $euiFontWeightMedium;
-  line-height: $euiSize;
-  text-align: center;
-}
-
-.euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled) {
-  &,
-  &:hover,
-  &:focus,
-  &:focus-within {
-    @include euiFocusBackground;
-    color: $euiColorPrimaryText;
-    border-color: $euiColorPrimaryText;
-  }
-}

package/src/components/key_pad_menu/_variables.scss

@@ -1,2 +0,0 @@
-$euiKeyPadMenuSize: $euiSize * 6 !default;
-$euiKeyPadMenuMarginSize: $euiSizeXS !default;

package/src/components/resizable_container/_index.scss

@@ -1,3 +0,0 @@
-@import 'variables';
-@import 'resizable_button';
-@import 'resizable_collapse_button';

package/src/components/resizable_container/_resizable_button.scss

@@ -1,129 +0,0 @@
-// Mimics the "grab" icon with CSS psuedo-elements.
-// The "grab" icon transforms into a 2px straight line on :hover and :focus.
-.euiResizableButton {
-  position: relative;
-  flex-shrink: 0;
-  z-index: 1;
-
-  &::before,
-  &::after {
-    content: '';
-    display: block;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    background-color: $euiColorDarkestShade;
-    transition:
-      width $euiResizableButtonTransitionSpeed ease,
-      height $euiResizableButtonTransitionSpeed ease,
-      transform $euiResizableButtonTransitionSpeed ease,
-      background-color $euiResizableButtonTransitionSpeed ease
-    ;
-  }
-
-  &.euiResizableButton--horizontal {
-    cursor: col-resize;
-    width: $euiResizableButtonSize;
-    margin-left: -($euiResizableButtonSize / 2);
-    margin-right: -($euiResizableButtonSize / 2);
-
-    &::before,
-    &::after {
-      width: 1px;
-      height: $euiSizeM;
-    }
-
-    &::before {
-      transform: translate(-2px, -50%);
-    }
-
-    &::after {
-      transform: translate(1px, -50%);
-    }
-  }
-
-  &.euiResizableButton--vertical {
-    cursor: row-resize;
-    height: $euiResizableButtonSize;
-    margin-top: -($euiResizableButtonSize / 2);
-    margin-bottom: -($euiResizableButtonSize / 2);
-
-    &::before,
-    &::after {
-      width: $euiSizeM;
-      height: 1px;
-    }
-
-    &::before {
-      transform: translate(-50%, -2px);
-    }
-
-    &::after {
-      transform: translate(-50%, 1px);
-    }
-  }
-
-  // Lighten the "grab" icon on :hover
-  &:hover:not(:disabled) {
-    &::before,
-    &::after {
-      background-color: $euiColorMediumShade;
-      transition-delay: $euiResizableButtonTransitionSpeed; // Delay transition on hover so animation is not accidentally triggered on mouse over
-    }
-  }
-
-  // Add a transparent background to the container and emphasis the "grab" icon with primary color on :focus
-  &:focus:not(:disabled) {
-    background-color: transparentize($euiColorPrimary, .9);
-
-    &::before,
-    &::after {
-      background-color: $euiColorPrimary;
-      // Overrides default transition so that "grab" icon background-color doesn't animate
-      transition:
-        width $euiResizableButtonTransitionSpeed ease,
-        height $euiResizableButtonTransitionSpeed ease,
-        transform $euiResizableButtonTransitionSpeed ease
-      ;
-      transition-delay: $euiResizableButtonTransitionSpeed / 2;
-    }
-  }
-
-  // Morph the "grab" icon into a fluid 2px straight line on :hover and :focus
-  &:hover:not(:disabled),
-  &:focus:not(:disabled) {
-    &.euiResizableButton--horizontal {
-      &::before,
-      &::after {
-        height: 100%;
-      }
-
-      &::before {
-        transform: translate(-1px, -50%);
-      }
-
-      &::after {
-        transform: translate(0, -50%);
-      }
-    }
-
-    &.euiResizableButton--vertical {
-      &::before,
-      &::after {
-        width: 100%;
-      }
-
-      &::before {
-        transform: translate(-50%, -1px);
-      }
-
-      &::after {
-        transform: translate(-50%, 0);
-      }
-    }
-  }
-
-  &:disabled {
-    display: none !important; // stylelint-disable-line declaration-no-important
-  }
-}

package/src/components/resizable_container/_resizable_collapse_button.scss

@@ -1,145 +0,0 @@
-// This file has lots of modifiers and is somewhat nesty by nature because of positioning
-// stylelint-disable max-nesting-depth
-
-/**
- * 1. The default position of the button should always be `middle`, so
- *    those position styles aren't restricted to a class
- * 2. When collpsed, the button itself is the full collapsed area and we use
- *    flex to align the icon within
- */
-
-.euiResizableToggleButton {
-  @include euiSlightShadow;
-  position: absolute;
-  z-index: 2;
-  // Remove animations from EuiButtonIcon because of the custom transforms
-  animation: none !important; // stylelint-disable-line declaration-no-important
-  // Remove transition from EuiButtonIcon because of the custom transforms
-  transition-property: background, box-shadow;
-  background: $euiColorEmptyShade;
-
-  &:focus {
-    @include euiSlightShadowHover;
-  }
-
-  &-isCollapsed {
-    box-shadow: none;
-    background: transparent;
-    border-radius: 0;
-  }
-
-  &:not(:focus):not(:active):not(.euiResizableToggleButton-isVisible):not(.euiResizableToggleButton-isCollapsed) {
-    @include euiScreenReaderOnly;
-  }
-}
-
-.euiResizableToggleButton--horizontal {
-  &.euiResizableToggleButton { // Extra layer of nesting to override EuiButtonIcon transforms on hover
-    &.euiResizableToggleButton--after {
-      right: 0;
-      top: 50%; /* 1 */
-      transform: translate(50%, -50%); /* 1 */
-
-      &.euiResizableToggleButton--top {
-        top: 0;
-        transform: translate(50%, $euiSize);
-      }
-
-      &.euiResizableToggleButton--bottom {
-        top: auto;
-        bottom: 0;
-        transform: translate(50%, -$euiSize);
-      }
-    }
-
-    &.euiResizableToggleButton--before {
-      left: 0;
-      top: 50%; /* 1 */
-      transform: translate(-50%, -50%); /* 1 */
-
-      &.euiResizableToggleButton--top {
-        top: 0;
-        transform: translate(-50%, $euiSize);
-      }
-
-      &.euiResizableToggleButton--bottom {
-        top: auto;
-        bottom: 0;
-        transform: translate(-50%, -$euiSize);
-      }
-    }
-
-    &.euiResizableToggleButton-isCollapsed {
-      top: 0 !important; // stylelint-disable-line declaration-no-important
-      bottom: 0 !important; // stylelint-disable-line declaration-no-important
-      transform: none !important; // stylelint-disable-line declaration-no-important
-      height: 100%;
-
-      &.euiResizableToggleButton--top {
-        padding-top: $euiSize;
-        align-items: flex-start;  /* 2 */
-      }
-
-      &.euiResizableToggleButton--bottom {
-        padding-bottom: $euiSize;
-        align-items: flex-end;  /* 2 */
-      }
-    }
-  }
-}
-
-.euiResizableToggleButton--vertical {
-  &.euiResizableToggleButton { // Extra layer of nesting to override EuiButtonIcon transforms on hover
-    &.euiResizableToggleButton--after {
-      top: 100%;
-      left: 50%; /* 1 */
-      transform: translate(-50%, -50%); /* 1 */
-
-      &.euiResizableToggleButton--left {
-        left: 0;
-        transform: translate($euiSize, -50%);
-      }
-
-      &.euiResizableToggleButton--right {
-        left: auto;
-        right: 0;
-        transform: translate(-$euiSize, -50%);
-      }
-    }
-
-    &.euiResizableToggleButton--before {
-      bottom: 100%;
-      left: 50%; /* 1 */
-      transform: translate(-50%, 50%); /* 1 */
-
-      &.euiResizableToggleButton--left {
-        left: 0;
-        transform: translate($euiSize, 50%);
-      }
-
-      &.euiResizableToggleButton--right {
-        left: auto;
-        right: 0;
-        transform: translate(-$euiSize, 50%);
-      }
-    }
-
-    &.euiResizableToggleButton-isCollapsed {
-      top: 0 !important; // stylelint-disable-line declaration-no-important
-      bottom: 0 !important; // stylelint-disable-line declaration-no-important
-      left: 0 !important; // stylelint-disable-line declaration-no-important
-      transform: none !important; // stylelint-disable-line declaration-no-important
-      width: 100%;
-
-      &.euiResizableToggleButton--left {
-        padding-left: $euiSize;
-        justify-content: flex-start; /* 2 */
-      }
-
-      &.euiResizableToggleButton--right {
-        padding-right: $euiSize;
-        justify-content: flex-end; /* 2 */
-      }
-    }
-  }
-}

package/src/components/resizable_container/_variables.scss

@@ -1,2 +0,0 @@
-$euiResizableButtonTransitionSpeed: $euiAnimSpeedFast !default;
-$euiResizableButtonSize: $euiSize !default;

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

@@ -1,46 +0,0 @@
-.euiKeyPadMenuItem {
-  border: none !important; // stylelint-disable-line declaration-no-important
-  box-shadow: none;
-
-  // Focus and Hover states (when not disabled)
-  &:not(.euiKeyPadMenuItem-isDisabled) {
-    &:hover,
-    &:focus:hover,
-    &:focus-within {
-      @include euiBottomShadowSmall;
-    }
-
-    &:focus {
-      box-shadow: none;
-    }
-  }
-
-  &.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled) {
-    box-shadow: none;
-
-    &:hover {
-      @include euiBottomShadowSmall;
-    }
-
-    &,
-    &:hover,
-    &:focus,
-    &:focus-within {
-      @include euiFocusBackground;
-      // Calculate the right text contrast ratio based on focus transparency
-      $backgroundColorSimulated: mix($euiColorEmptyShade, $euiColorPrimary, $euiFocusTransparencyPercent);
-      color: makeHighContrastColor($euiColorPrimaryText, $backgroundColorSimulated);
-    }
-  }
-
-  &.euiKeyPadMenuItem-isSelected.euiKeyPadMenuItem-isDisabled {
-    @include euiFocusBackground($euiColorDisabled);
-    // Calculate the right text contrast ratio based on focus transparency
-    $backgroundColorSimulated: mix($euiColorEmptyShade, $euiColorDisabled, $euiFocusTransparencyPercent);
-    color: makeDisabledContrastColor($euiColorDisabledText, $backgroundColorSimulated);
-  }
-}
-
-.euiKeyPadMenuItem__label {
-  font-weight: $euiFontWeightSemiBold;
-}