@elastic/eui 95.6.0 → 95.7.0

package/lib/components/combo_box/combo_box_options_list/combo_box_option.js

@@ -1,160 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiComboBoxOption = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _services = require("../../../services");
-var _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "disabled", "isFocused", "onClick", "onEnterKey", "option", "optionRef"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
- * 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 EuiComboBoxOption = exports.EuiComboBoxOption = /*#__PURE__*/function (_Component) {
-  function EuiComboBoxOption() {
-    var _this;
-    _classCallCheck(this, EuiComboBoxOption);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, EuiComboBoxOption, [].concat(args));
-    _defineProperty(_this, "onClick", function () {
-      var _this$props = _this.props,
-        onClick = _this$props.onClick,
-        option = _this$props.option,
-        disabled = _this$props.disabled;
-      if (disabled) {
-        return;
-      }
-      onClick(option);
-    });
-    _defineProperty(_this, "onKeyDown", function (event) {
-      if (event.key === _services.keys.ENTER || event.key === _services.keys.SPACE) {
-        event.preventDefault();
-        event.stopPropagation();
-        var _this$props2 = _this.props,
-          onEnterKey = _this$props2.onEnterKey,
-          option = _this$props2.option,
-          disabled = _this$props2.disabled;
-        if (disabled) {
-          return;
-        }
-        onEnterKey(option);
-      }
-    });
-    return _this;
-  }
-  _inherits(EuiComboBoxOption, _Component);
-  return _createClass(EuiComboBoxOption, [{
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-        children = _this$props3.children,
-        className = _this$props3.className,
-        disabled = _this$props3.disabled,
-        isFocused = _this$props3.isFocused,
-        onClick = _this$props3.onClick,
-        onEnterKey = _this$props3.onEnterKey,
-        option = _this$props3.option,
-        optionRef = _this$props3.optionRef,
-        rest = _objectWithoutProperties(_this$props3, _excluded);
-      var classes = (0, _classnames.default)('euiComboBoxOption', className, {
-        'euiComboBoxOption-isDisabled': disabled,
-        'euiComboBoxOption-isFocused': isFocused
-      });
-      var label = option.label;
-      return (0, _react2.jsx)("button", _extends({
-        "aria-disabled": disabled,
-        "aria-selected": isFocused,
-        className: classes,
-        onClick: this.onClick,
-        onKeyDown: this.onKeyDown,
-        ref: optionRef,
-        role: "option",
-        title: label,
-        type: "button"
-      }, rest), children);
-    }
-  }]);
-}(_react.Component);
-EuiComboBoxOption.propTypes = {
-  children: _propTypes.default.node,
-  className: _propTypes.default.string,
-  disabled: _propTypes.default.bool,
-  isFocused: _propTypes.default.bool.isRequired,
-  onClick: _propTypes.default.func.isRequired,
-  onEnterKey: _propTypes.default.func.isRequired,
-  option: _propTypes.default.shape({
-    isGroupLabelOption: _propTypes.default.bool,
-    label: _propTypes.default.string.isRequired,
-    key: _propTypes.default.string,
-    options: _propTypes.default.arrayOf(_propTypes.default.shape({
-      isGroupLabelOption: _propTypes.default.bool,
-      label: _propTypes.default.string.isRequired,
-      key: _propTypes.default.string,
-      options: _propTypes.default.arrayOf(_propTypes.default.any.isRequired),
-      value: _propTypes.default.any,
-      prepend: _propTypes.default.node,
-      append: _propTypes.default.node,
-      truncationProps: _propTypes.default.any,
-      /**
-         * Optional custom tooltip content for the button
-         */
-      toolTipContent: _propTypes.default.node,
-      /**
-         * Optional props to pass to the underlying **[EuiToolTip](/#/display/tooltip)**
-         */
-      toolTipProps: _propTypes.default.any,
-      className: _propTypes.default.string,
-      "aria-label": _propTypes.default.string,
-      "data-test-subj": _propTypes.default.string,
-      css: _propTypes.default.any
-    }).isRequired),
-    value: _propTypes.default.any,
-    prepend: _propTypes.default.node,
-    append: _propTypes.default.node,
-    truncationProps: _propTypes.default.any,
-    /**
-       * Optional custom tooltip content for the button
-       */
-    toolTipContent: _propTypes.default.node,
-    /**
-       * Optional props to pass to the underlying **[EuiToolTip](/#/display/tooltip)**
-       */
-    toolTipProps: _propTypes.default.any,
-    className: _propTypes.default.string,
-    "aria-label": _propTypes.default.string,
-    "data-test-subj": _propTypes.default.string,
-    css: _propTypes.default.any
-  }).isRequired,
-  optionRef: _propTypes.default.any,
-  "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string,
-  css: _propTypes.default.any
-};

package/optimize/es/components/combo_box/combo_box_options_list/combo_box_option.js

@@ -1,90 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "className", "disabled", "isFocused", "onClick", "onEnterKey", "option", "optionRef"];
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-/*
- * 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.
- */
-
-import React, { Component } from 'react';
-import classNames from 'classnames';
-import { keys } from '../../../services';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiComboBoxOption = /*#__PURE__*/function (_Component) {
-  function EuiComboBoxOption() {
-    var _this;
-    _classCallCheck(this, EuiComboBoxOption);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, EuiComboBoxOption, [].concat(args));
-    _defineProperty(_this, "onClick", function () {
-      var _this$props = _this.props,
-        onClick = _this$props.onClick,
-        option = _this$props.option,
-        disabled = _this$props.disabled;
-      if (disabled) {
-        return;
-      }
-      onClick(option);
-    });
-    _defineProperty(_this, "onKeyDown", function (event) {
-      if (event.key === keys.ENTER || event.key === keys.SPACE) {
-        event.preventDefault();
-        event.stopPropagation();
-        var _this$props2 = _this.props,
-          onEnterKey = _this$props2.onEnterKey,
-          option = _this$props2.option,
-          disabled = _this$props2.disabled;
-        if (disabled) {
-          return;
-        }
-        onEnterKey(option);
-      }
-    });
-    return _this;
-  }
-  _inherits(EuiComboBoxOption, _Component);
-  return _createClass(EuiComboBoxOption, [{
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-        children = _this$props3.children,
-        className = _this$props3.className,
-        disabled = _this$props3.disabled,
-        isFocused = _this$props3.isFocused,
-        onClick = _this$props3.onClick,
-        onEnterKey = _this$props3.onEnterKey,
-        option = _this$props3.option,
-        optionRef = _this$props3.optionRef,
-        rest = _objectWithoutProperties(_this$props3, _excluded);
-      var classes = classNames('euiComboBoxOption', className, {
-        'euiComboBoxOption-isDisabled': disabled,
-        'euiComboBoxOption-isFocused': isFocused
-      });
-      var label = option.label;
-      return ___EmotionJSX("button", _extends({
-        "aria-disabled": disabled,
-        "aria-selected": isFocused,
-        className: classes,
-        onClick: this.onClick,
-        onKeyDown: this.onKeyDown,
-        ref: optionRef,
-        role: "option",
-        title: label,
-        type: "button"
-      }, rest), children);
-    }
-  }]);
-}(Component);

package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_option.js

@@ -1,98 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiComboBoxOption = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _services = require("../../../services");
-var _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "disabled", "isFocused", "onClick", "onEnterKey", "option", "optionRef"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /*
- * 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 EuiComboBoxOption = exports.EuiComboBoxOption = /*#__PURE__*/function (_Component) {
-  function EuiComboBoxOption() {
-    var _this;
-    (0, _classCallCheck2.default)(this, EuiComboBoxOption);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, EuiComboBoxOption, [].concat(args));
-    (0, _defineProperty2.default)(_this, "onClick", function () {
-      var _this$props = _this.props,
-        onClick = _this$props.onClick,
-        option = _this$props.option,
-        disabled = _this$props.disabled;
-      if (disabled) {
-        return;
-      }
-      onClick(option);
-    });
-    (0, _defineProperty2.default)(_this, "onKeyDown", function (event) {
-      if (event.key === _services.keys.ENTER || event.key === _services.keys.SPACE) {
-        event.preventDefault();
-        event.stopPropagation();
-        var _this$props2 = _this.props,
-          onEnterKey = _this$props2.onEnterKey,
-          option = _this$props2.option,
-          disabled = _this$props2.disabled;
-        if (disabled) {
-          return;
-        }
-        onEnterKey(option);
-      }
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(EuiComboBoxOption, _Component);
-  return (0, _createClass2.default)(EuiComboBoxOption, [{
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-        children = _this$props3.children,
-        className = _this$props3.className,
-        disabled = _this$props3.disabled,
-        isFocused = _this$props3.isFocused,
-        onClick = _this$props3.onClick,
-        onEnterKey = _this$props3.onEnterKey,
-        option = _this$props3.option,
-        optionRef = _this$props3.optionRef,
-        rest = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
-      var classes = (0, _classnames.default)('euiComboBoxOption', className, {
-        'euiComboBoxOption-isDisabled': disabled,
-        'euiComboBoxOption-isFocused': isFocused
-      });
-      var label = option.label;
-      return (0, _react2.jsx)("button", (0, _extends2.default)({
-        "aria-disabled": disabled,
-        "aria-selected": isFocused,
-        className: classes,
-        onClick: this.onClick,
-        onKeyDown: this.onKeyDown,
-        ref: optionRef,
-        role: "option",
-        title: label,
-        type: "button"
-      }, rest), children);
-    }
-  }]);
-}(_react.Component);

package/src/components/combo_box/_combo_box.scss

@@ -1,147 +0,0 @@
-// TODO: Address nesting during Emotion conversion, if possible
-// stylelint-disable max-nesting-depth
-
-.euiComboBox {
-  @include euiFormControlSize(auto, $includeAlternates: true);
-  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.
-   */
-
-  &--compressed:not(.euiComboBox--appended, .euiComboBox--prepended) {
-    height: auto; /* 3 */
-  }
-
-  &:not(.euiComboBox--appended, .euiComboBox--prepended) {
-    .euiFormControlLayout {
-      height: auto; /* 3 */
-    }
-  }
-
-  .euiComboBox__inputWrap {
-    @include euiFormControlStyle($includeStates: false, $includeSizes: true);
-    @include euiFormControlSize(auto, $includeAlternates: true);
-
-    padding: $euiSizeXS $euiSizeS;
-    padding-right: var(--eui-form-control-layout-icons-padding, $euiSizeS); /* 2 */
-    display: flex; /* 1 */
-    outline: none; // Fixes an intermittent focus ring in Firefox
-
-    .euiComboBoxPill {
-      $inputMinWidth: $euiSize;
-
-      // Ensure the input doesn't drop to the next line when the EuiBadge has a very long text
-      // Overrides the default EuiBadge max-width that is 100%
-      max-width: calc(100% - #{$euiSizeXS * .5} - #{$inputMinWidth});
-    }
-
-    &:not(.euiComboBox__inputWrap--noWrap) {
-      padding-top: $euiSizeXS;
-      padding-bottom: $euiSizeXS;
-      padding-left: $euiSizeXS;
-      height: auto;  /* 3 */
-      flex-wrap: wrap; /* 1 */
-      align-content: flex-start;
-      cursor: text;
-    }
-
-    &.euiComboBox__inputWrap--noWrap {
-      align-items: center;
-    }
-
-    // Match placeholder and plain text position to EuiFieldText
-    &.euiComboBox__inputWrap--plainText {
-      padding-inline-start: $euiSizeS;
-    }
-
-    .euiComboBoxPlainTextSelection {
-      &__prepend,
-      &__append {
-        flex-shrink: 0;
-        margin-inline: $euiSizeXS / 2;
-        display: flex; /* Vertically centers any icons */
-      }
-
-      &__prepend {
-        margin-inline-start: $euiSizeXS;
-      }
-
-      &__append {
-        margin-inline-end: $euiSizeXS;
-      }
-    }
-  }
-
-  /**
-   * 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__input {
-    block-size: $euiSizeL; /* 2 */
-    min-inline-size: 2px;
-    max-inline-size: 100%;
-    margin: $euiSizeXS;
-
-    /* 3 */
-    background: transparent;
-    @include euiFormControlText;
-
-    &:disabled {
-      @include euiFormControlDisabledStyle;
-    }
-
-    /* 4 */
-    // stylelint-disable declaration-no-important
-    appearance: none !important;
-    border: none !important;
-    box-shadow: none !important;
-    outline: none !important;
-    // stylelint-enable declaration-no-important
-  }
-
-  &.euiComboBox-isOpen {
-    .euiComboBox__inputWrap {
-      @include euiFormControlFocusStyle;
-
-      &--compressed {
-        @include euiFormControlFocusStyle($borderOnly: true);
-      }
-    }
-  }
-
-  &.euiComboBox-isInvalid {
-    .euiComboBox__inputWrap {
-      @include euiFormControlInvalidStyle;
-    }
-  }
-
-  &.euiComboBox-isDisabled {
-    .euiComboBox__inputWrap {
-      // stylelint-disable property-no-vendor-prefix
-      @include euiFormControlDisabledStyle;
-      -webkit-text-fill-color: unset; // overrides $euiFormControlDisabledColor because the color doesn't work with multiple background colors
-    }
-
-    // overrides the `cursor: text;` that displays on hover for combo boxes that allow multiple pills
-    .euiComboBox__inputWrap,
-    .euiComboBoxPill {
-      cursor: not-allowed;
-    }
-  }
-
-  &.euiComboBox--compressed {
-    .euiComboBox__inputWrap {
-      line-height: $euiFormControlCompressedHeight; /* 2 */
-      padding-block: 0;
-
-      &--plainText {
-        padding-inline-start: $euiSizeXS;
-      }
-    }
-  }
-}

package/src/components/combo_box/_index.scss

@@ -1,3 +0,0 @@
-@import 'combo_box';
-@import 'combo_box_input/index';
-@import 'combo_box_options_list/index';

package/src/components/combo_box/combo_box_input/_combo_box_pill.scss

@@ -1,38 +0,0 @@
-/*
- * 1. Overwrites the base styling of EuiBadge, to give it a larger size and margins
- * that make sense in the input wrap.
- */
-.euiComboBoxPill {
-  $pillHeight: $euiSizeL - 2px;
-  height: $pillHeight;
-  line-height: $pillHeight - ($euiBorderWidthThin * 2);
-  vertical-align: baseline;
-
-  &,
-  & + & /* 1 */ {
-    margin: $euiSizeXS;
-  }
-
-  .euiComboBox--compressed &,
-  .euiComboBox--compressed & + & /* 1 */ {
-    margin: ($euiSizeXS + 1px) $euiSizeXS 0 0;
-  }
-
-  &__prepend {
-    margin-right: $euiSizeXS;
-  }
-
-  &__append {
-    margin-left: $euiSizeXS;
-  }
-
-  /* Fix append/prepend vertical alignment */
-  .euiBadge__text {
-    display: flex;
-    align-items: center;
-
-    .euiIcon {
-      display: block;
-    }
-  }
-}

package/src/components/combo_box/combo_box_input/_index.scss

@@ -1 +0,0 @@
-@import 'combo_box_pill';

package/src/components/combo_box/combo_box_options_list/_combo_box_option.scss

@@ -1,72 +0,0 @@
-.euiComboBoxOption {
-  font-size: $euiFontSizeS;
-  padding: $euiSizeXS $euiSizeS $euiSizeXS #{$euiSizeM + $euiSizeXS};
-  width: 100%;
-  text-align: left;
-  border: $euiBorderThin;
-  border-color: transparent;
-  display: flex;
-  align-items: center;
-
-  &:hover {
-    text-decoration: underline;
-  }
-
-  &.euiComboBoxOption-isFocused {
-    cursor: pointer;
-    color: $euiColorPrimaryText;
-    background-color: $euiFocusBackgroundColor;
-  }
-
-  &.euiComboBoxOption-isDisabled {
-    color: $euiColorMediumShade;
-    cursor: not-allowed;
-
-    &:hover {
-      text-decoration: none;
-    }
-  }
-
-  &__contentWrapper {
-    display: flex;
-    align-items: center;
-  }
-
-  &__content {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-    flex: 1;
-    text-align: left;
-  }
-
-  &__emptyStateText {
-    flex: 1;
-    text-align: left;
-
-    /* Extra specificity required to override EuiText's <p> styling */
-    .euiComboBoxOptionsList__empty & {
-      margin-bottom: 0;
-    }
-  }
-
-  &__enterBadge {
-    margin-left: $euiSizeXS;
-  }
-
-  &__prepend {
-    margin-right: $euiSizeS;
-  }
-
-  &__append {
-    margin-left: $euiSizeS;
-  }
-
-  /* Fix vertical alignment of EuiIcons in prepend/append nodes */
-  &__prepend,
-  &__append {
-    .euiIcon {
-      display: block;
-    }
-  }
-}

package/src/components/combo_box/combo_box_options_list/_combo_box_options_list.scss

@@ -1,28 +0,0 @@
-/**
- * 1. Using specificity to override panel shadow
- * 2. Prevent really long input from overflowing the container.
- */
-
-.euiComboBoxOptionsList {
-  max-height: 200px; // Also used/set in the JS file
-  overflow: hidden;
-
-  &__virtualization {
-    @include euiScrollBar;
-  }
-
-  /* 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 */
-  .euiTextTruncate {
-    pointer-events: none;
-  }
-}
-
-.euiComboBoxOptionsList__empty {
-  @include euiTextBreakWord; /* 2 */
-  padding: $euiSizeS;
-  text-align: center;
-  word-wrap: break-word;
-}

package/src/components/combo_box/combo_box_options_list/_combo_box_title.scss

@@ -1,12 +0,0 @@
-/**
- * 1. Force each title to be the same height as an option, so that the virtualized scroll logic
- *    works.
- */
-.euiComboBoxTitle {
-  display: flex;
-  width: 100%;
-  padding: ($euiSizeXS + $euiSizeS - 1px) $euiSizeS $euiSizeXS; /* 1 */
-  font-size: $euiFontSizeXS;
-  font-weight: $euiFontWeightBold;
-  color: $euiColorFullShade;
-}

package/src/components/combo_box/combo_box_options_list/_index.scss

@@ -1,3 +0,0 @@
-@import 'combo_box_options_list';
-@import 'combo_box_option';
-@import 'combo_box_title';

package/src/components/selectable/_index.scss

@@ -1,5 +0,0 @@
-@import './selectable';
-@import './selectable_list/index';
-@import './selectable_message/index';
-@import './selectable_search/index';
-@import './selectable_templates/index';