@elastic/eui 88.5.4 → 89.0.0

package/optimize/lib/components/suggest/suggest.a11y.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _react = _interopRequireDefault(require("react"));
-var _form = require("../form");
-var _suggest = require("./suggest");
-var _react2 = require("@emotion/react");
-/*
- * 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.
- */
-
-/// <reference types="cypress" />
-/// <reference types="cypress-real-events" />
-/// <reference types="../../../cypress/support" />
-
-var Suggest = function Suggest() {
-  var suggestedItems = [{
-    type: {
-      iconType: 'accessibility',
-      color: 'tint1'
-    },
-    label: 'Accessibility',
-    description: 'A short description'
-  }, {
-    type: {
-      iconType: 'image',
-      color: 'tint2'
-    },
-    label: 'Images',
-    description: 'Another short description'
-  }, {
-    type: {
-      iconType: 'lock',
-      color: 'tint3'
-    },
-    label: 'Locks',
-    description: 'A third short description'
-  }];
-  return (0, _react2.jsx)(_form.EuiFormRow, {
-    label: "Suggest a topic",
-    id: "cy-label-suggest-1"
-  }, (0, _react2.jsx)(_suggest.EuiSuggest, {
-    "aria-labelledby": "cy-label-suggest-1-label",
-    suggestions: suggestedItems
-  }));
-};
-describe('EuiSuggest', function () {
-  beforeEach(function () {
-    cy.realMount((0, _react2.jsx)(Suggest, null));
-  });
-  describe('Automated accessibility check', function () {
-    it('has zero violations when rendered', function () {
-      cy.checkAxe();
-    });
-  });
-  describe('Keyboard accessibility', function () {
-    it('has zero violations after traversing list items', function () {
-      cy.realPress('Tab');
-      cy.get('#cy-label-suggest-1').should('have.focus');
-      cy.get('ul[role="listbox"]').should('exist');
-      cy.realPress('ArrowDown');
-      cy.realPress('ArrowUp');
-      cy.realPress('ArrowRight');
-      cy.realPress('ArrowLeft');
-      cy.get('li[role="option"]').first().should('have.attr', 'aria-selected', 'true');
-      cy.checkAxe();
-    });
-  });
-});

package/optimize/lib/components/suggest/suggest.js

@@ -1,266 +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.EuiSuggest = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _icon = require("../icon");
-var _i18n = require("../i18n");
-var _popover = require("../popover");
-var _selectable = require("../selectable");
-var _tool_tip = require("../tool_tip");
-var _suggest_item = require("./suggest_item");
-var _react2 = require("@emotion/react");
-var _excluded = ["onItemClick", "onBlur", "onFocus", "onInput", "onSearch", "status", "append", "tooltipContent", "suggestions", "id", "aria-label", "aria-labelledby", "isPreFiltered", "isVirtualized", "fullWidth", "maxHeight"];
-/*
- * 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.
- */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var statusMap = {
-  unsaved: {
-    icon: 'dot',
-    color: 'accent'
-  },
-  saved: {
-    icon: 'checkInCircleFilled',
-    color: 'success'
-  },
-  unchanged: {
-    icon: '',
-    color: 'success'
-  },
-  loading: {}
-};
-
-// 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,
-    onFocus = _ref.onFocus,
-    onInput = _ref.onInput,
-    onSearch = _ref.onSearch,
-    _ref$status = _ref.status,
-    status = _ref$status === void 0 ? 'unchanged' : _ref$status,
-    append = _ref.append,
-    tooltipContent = _ref.tooltipContent,
-    suggestions = _ref.suggestions,
-    id = _ref.id,
-    ariaLabel = _ref['aria-label'],
-    labelId = _ref['aria-labelledby'],
-    _ref$isPreFiltered = _ref.isPreFiltered,
-    isPreFiltered = _ref$isPreFiltered === void 0 ? false : _ref$isPreFiltered,
-    _ref$isVirtualized = _ref.isVirtualized,
-    isVirtualized = _ref$isVirtualized === void 0 ? false : _ref$isVirtualized,
-    _ref$fullWidth = _ref.fullWidth,
-    fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
-    _ref$maxHeight = _ref.maxHeight,
-    maxHeight = _ref$maxHeight === void 0 ? '60vh' : _ref$maxHeight,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  /**
-   * Popover helpers
-   */
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    popoverRef = _useState2[0],
-    setPopoverRef = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isPopoverOpen = _useState4[0],
-    setIsPopoverOpen = _useState4[1];
-  var openPopover = function openPopover() {
-    return setIsPopoverOpen(true);
-  };
-  var closePopover = function closePopover() {
-    return setIsPopoverOpen(false);
-  };
-
-  /**
-   * Search helpers
-   */
-  var searchOnFocus = function searchOnFocus(e) {
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-    openPopover();
-  };
-  var searchOnBlur = function searchOnBlur(e) {
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-    if (!(popoverRef !== null && popoverRef !== void 0 && popoverRef.contains(e.relatedTarget))) {
-      closePopover();
-    }
-  };
-  var searchOnInput = function searchOnInput(e) {
-    onInput === null || onInput === void 0 ? void 0 : onInput(e.target);
-    openPopover();
-  };
-  var searchOnChange = function searchOnChange(value) {
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value);
-  };
-
-  /**
-   * Status
-   */
-  var icon = '';
-  var color = '';
-  if (statusMap[status]) {
-    icon = statusMap[status].icon || '';
-    color = statusMap[status].color || '';
-  }
-
-  // EuiFieldText's append accepts an array of elements so start by creating an empty array
-  var appendArray = [];
-  var _useEuiI18n = (0, _i18n.useEuiI18n)(['euiSuggest.stateSavedTooltip', 'euiSuggest.stateUnsavedTooltip'], ['Saved.', 'Changes have not been saved.']),
-    _useEuiI18n2 = (0, _slicedToArray2.default)(_useEuiI18n, 2),
-    statusSaved = _useEuiI18n2[0],
-    statusUnsaved = _useEuiI18n2[1];
-  statusMap.saved.tooltip = statusSaved;
-  statusMap.unsaved.tooltip = statusUnsaved;
-  var statusElement = (status === 'saved' || status === 'unsaved') && (0, _react2.jsx)(_tool_tip.EuiToolTip, {
-    position: "left",
-    content: tooltipContent || statusMap[status].tooltip
-  }, (0, _react2.jsx)(_icon.EuiIcon, {
-    className: "euiSuggestInput__statusIcon",
-    color: color,
-    type: icon
-  }));
-
-  // Push the status element to the array if it is not undefined
-  if (statusElement) appendArray.push(statusElement);
-
-  // Check to see if consumer passed an append item and if so, add it to the array
-  if (append) appendArray.push(append);
-  var _useEuiI18n3 = (0, _i18n.useEuiI18n)(['euiSuggest.stateLoading', 'euiSuggest.stateSaved', 'euiSuggest.stateUnsaved', 'euiSuggest.stateUnchanged'], ['State: loading.', 'State: saved.', 'State: unsaved.', 'State: unchanged.']),
-    _useEuiI18n4 = (0, _slicedToArray2.default)(_useEuiI18n3, 4),
-    stateLoading = _useEuiI18n4[0],
-    stateSaved = _useEuiI18n4[1],
-    stateUnsaved = _useEuiI18n4[2],
-    stateUnchanged = _useEuiI18n4[3];
-  var stateMessageMap = {
-    loading: stateLoading,
-    saved: stateSaved,
-    unsaved: stateUnsaved,
-    unchanged: stateUnchanged
-  };
-  var stateMessage = stateMessageMap[status];
-
-  /**
-   * Options list
-   */
-  var suggestionList = suggestions.map(function (props) {
-    // Omit props destined for the EuiSuggestItem so that they don't
-    // cause warnings or render in the DOM of the EuiSelectableItem
-    var data = {};
-    var liProps = {
-      label: props.label
-    };
-    Object.keys(props).forEach(function (key) {
-      if (suggestItemPropsKeys.includes(key)) {
-        // @ts-ignore string index type
-        data[key] = props[key];
-      } else {
-        // @ts-ignore string index type
-        liProps[key] = props[key];
-      }
-    });
-    return _objectSpread(_objectSpread({}, liProps), {}, {
-      data: data,
-      className: (0, _classnames.default)(props.className, 'euiSuggestItemOption'),
-      // Force truncation if `isVirtualized` is true
-      truncate: isVirtualized ? true : props.truncate
-    });
-  });
-  var renderOption = (0, _react.useCallback)(function (props) {
-    return (0, _react2.jsx)(_suggest_item.EuiSuggestItem, props);
-  }, []);
-  var onItemSelect = (0, _react.useCallback)(function (options) {
-    if (onItemClick) {
-      var selectedIndex = options.findIndex(function (option) {
-        return option.checked === 'on';
-      });
-      if (selectedIndex >= 0) {
-        var selectedSuggestion = suggestions[selectedIndex];
-        onItemClick(selectedSuggestion);
-      }
-    }
-  }, [onItemClick, suggestions]);
-  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_selectable.EuiSelectable, {
-    selectableScreenReaderText: stateMessage,
-    singleSelection: true,
-    height: isVirtualized ? undefined : 'full',
-    options: suggestionList,
-    renderOption: renderOption,
-    onChange: onItemSelect,
-    listProps: {
-      bordered: false,
-      showIcons: false,
-      onFocusBadge: false,
-      paddingSize: 'none',
-      textWrap: isVirtualized ? 'truncate' : 'wrap',
-      isVirtualized: isVirtualized
-    },
-    searchable: true,
-    isPreFiltered: isPreFiltered,
-    searchProps: _objectSpread({
-      id: id,
-      append: appendArray.length ? appendArray : undefined,
-      fullWidth: fullWidth,
-      isLoading: status === 'loading' ? true : false,
-      onFocus: searchOnFocus,
-      onBlur: searchOnBlur,
-      onInput: searchOnInput,
-      onChange: searchOnChange,
-      'aria-label': ariaLabel,
-      'aria-labelledby': labelId
-    }, rest)
-  }, function (list, search) {
-    return (0, _react2.jsx)(_popover.EuiInputPopover, {
-      disableFocusTrap: true,
-      input: (0, _react2.jsx)(_react.default.Fragment, null, search),
-      isOpen: isPopoverOpen,
-      panelPaddingSize: "none",
-      fullWidth: fullWidth,
-      closePopover: closePopover,
-      panelRef: setPopoverRef,
-      panelProps: {
-        'aria-live': undefined,
-        'aria-modal': false,
-        role: undefined
-      }
-    }, (0, _react2.jsx)("div", {
-      style: {
-        maxHeight: maxHeight
-      },
-      className: "eui-yScroll"
-    }, list));
-  }));
-};
-exports.EuiSuggest = EuiSuggest;

package/optimize/lib/components/suggest/suggest_item.js

@@ -1,96 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiSuggestItem = exports.COLORS = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _common = require("../common");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _icon = require("../icon");
-var _react2 = require("@emotion/react");
-var _excluded = ["className", "label", "type", "labelWidth", "description", "truncate", "onClick"];
-/*
- * 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.
- */
-/**
- * @deprecated
- */
-var colorToClassNameMap = {
-  tint0: 'euiSuggestItem__type--tint0',
-  tint1: 'euiSuggestItem__type--tint1',
-  tint2: 'euiSuggestItem__type--tint2',
-  tint3: 'euiSuggestItem__type--tint3',
-  tint4: 'euiSuggestItem__type--tint4',
-  tint5: 'euiSuggestItem__type--tint5',
-  tint6: 'euiSuggestItem__type--tint6',
-  tint7: 'euiSuggestItem__type--tint7',
-  tint8: 'euiSuggestItem__type--tint8',
-  tint9: 'euiSuggestItem__type--tint9',
-  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,
-    label = _ref.label,
-    type = _ref.type,
-    _ref$labelWidth = _ref.labelWidth,
-    labelWidth = _ref$labelWidth === void 0 ? '50' : _ref$labelWidth,
-    description = _ref.description,
-    _ref$truncate = _ref.truncate,
-    truncate = _ref$truncate === void 0 ? true : _ref$truncate,
-    onClick = _ref.onClick,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiSuggestItem', {
-    'euiSuggestItem--truncate': truncate
-  }, className);
-  var labelClassNames = (0, _classnames.default)('euiSuggestItem__label', "euiSuggestItem__label--width".concat(labelWidth));
-  var descriptionClassNames = (0, _classnames.default)('euiSuggestItem__description', {
-    'euiSuggestItem__description--wrap': !truncate
-  });
-  var typeColorClass = '';
-  if (type && type.color) {
-    if (COLORS.indexOf(type.color) > -1) {
-      typeColorClass = colorToClassNameMap[type.color];
-    }
-  }
-  var innerContent = (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("span", {
-    className: "euiSuggestItem__type ".concat(typeColorClass)
-  }, (0, _react2.jsx)(_icon.EuiIcon, {
-    type: type.iconType,
-    color: "inherit" // forces the icon to inherit its parent color
-  })), (0, _react2.jsx)("span", {
-    className: labelClassNames,
-    title: label
-  }, label), description && (0, _react2.jsx)("span", {
-    className: descriptionClassNames,
-    title: description
-  }, description));
-  if (onClick) {
-    return (0, _react2.jsx)("button", (0, _extends2.default)({
-      onClick: onClick,
-      className: classes
-    }, rest), innerContent);
-  } else {
-    return (0, _react2.jsx)("span", (0, _extends2.default)({
-      className: classes
-    }, rest), innerContent);
-  }
-};
-exports.EuiSuggestItem = EuiSuggestItem;

package/optimize/lib/components/suggest/types.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ALL_STATUSES = void 0;
-/*
- * 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 ALL_STATUSES = ['unsaved', 'saved', 'unchanged', 'loading'];
-exports.ALL_STATUSES = ALL_STATUSES;

package/optimize/lib/services/accessibility/accessible_click_keys.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.accessibleClickKeys = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _keys = require("../keys");
-var _accessibleClickKeys;
-/*
- * 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.
- */
-// These keys are used to execute click actions on interactive elements like buttons and links.
-var accessibleClickKeys = (_accessibleClickKeys = {}, (0, _defineProperty2.default)(_accessibleClickKeys, _keys.ENTER, 'enter'), (0, _defineProperty2.default)(_accessibleClickKeys, _keys.SPACE, 'space'), _accessibleClickKeys);
-exports.accessibleClickKeys = accessibleClickKeys;

package/optimize/lib/services/accessibility/cascading_menu_keys.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.cascadingMenuKeys = void 0;
-var _keys = require("../keys");
-/*
- * 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.
- */
-
-/**
- * These keys are used for navigating cascading menu UI components.
- *
- * ARROW_DOWN: Select the next item in the list.
- * ARROW_LEFT: Show the previous menu.
- * ARROW_RIGHT: Show the next menu for the selected item.
- * ARROW_UP: Select the previous item in the list.
- * ESC: Deselect the current selection and hide the list.
- * TAB: Normal tabbing navigation is still supported.
- */
-
-var cascadingMenuKeys = {
-  ARROW_DOWN: _keys.ARROW_DOWN,
-  ARROW_LEFT: _keys.ARROW_LEFT,
-  ARROW_RIGHT: _keys.ARROW_RIGHT,
-  ARROW_UP: _keys.ARROW_UP,
-  ESCAPE: _keys.ESCAPE,
-  TAB: _keys.TAB
-};
-exports.cascadingMenuKeys = cascadingMenuKeys;

package/optimize/lib/services/accessibility/combo_box_keys.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.comboBoxKeys = void 0;
-var _keys = require("../keys");
-/*
- * 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.
- */
-
-/**
- * These keys are used for navigating combobox UI components.
- *
- * ARROW_UP: Select the previous item in the list.
- * ARROW_DOWN: Select the next item in the list.
- * ENTER / TAB: Complete input with the current selection.
- * ESC: Deselect the current selection and hide the list.
- */
-
-var comboBoxKeys = {
-  ARROW_DOWN: _keys.ARROW_DOWN,
-  ARROW_UP: _keys.ARROW_UP,
-  ENTER: _keys.ENTER,
-  ESCAPE: _keys.ESCAPE,
-  TAB: _keys.TAB
-};
-exports.comboBoxKeys = comboBoxKeys;

package/src/components/suggest/_index.scss

@@ -1,5 +0,0 @@
-@import 'variables';
-
-@import 'suggest_item';
-
-@import 'suggest_input';

package/src/components/suggest/_suggest_input.scss

@@ -1,4 +0,0 @@
-.euiSuggestInput__statusIcon {
-  // stylelint-disable-next-line declaration-no-important
-  background-color: transparent !important; // Override typical append coloring
-}

package/src/components/suggest/_suggest_item.scss

@@ -1,103 +0,0 @@
-.euiSuggestItem {
-  display: flex;
-  align-items: flex-start;
-  font-size: $euiFontSizeXS;
-  line-height: $euiSize;
-  color: $euiTextColor;
-  flex: 1 1 100%;
-  max-width: 100%;
-
-  &--truncate {
-    .euiSuggestItem__label,
-    .euiSuggestItem__description {
-      @include euiTextTruncate;
-    }
-  }
-}
-
-// When `onClick` is provided, EuiSuggestItem renders as a <button>
-// and we want to adjust styles to better afford the interaction
-// stylelint-disable selector-no-qualifying-type
-button.euiSuggestItem {
-  width: 100%;
-  text-align: left;
-
-  &:hover,
-  &:focus {
-    cursor: pointer;
-    background-color: $euiFocusBackgroundColor;
-
-    .euiSuggestItem__label {
-      text-decoration: underline;
-    }
-  }
-}
-// stylelint-enable selector-no-qualifying-type
-
-@each $name, $color in $euiSuggestItemColors {
-  .euiSuggestItem__type--#{$name} {
-    $backgroundColor: tintOrShade($color, 82%, 70%);
-    background-color: $backgroundColor;
-    color: makeHighContrastColor($color, $backgroundColor);
-  }
-}
-
-.euiSuggestItem__type {
-  display: flex;
-  flex: 0 0 auto;
-  justify-content: center;
-  align-items: flex-start;
-  padding-top: $euiSizeS;
-  width: $euiSizeXL;
-  min-height: $euiSizeXL;
-  align-self: stretch;
-}
-
-.euiSuggestItem__label,
-.euiSuggestItem__description {
-  @include euiTextBreakWord;
-  display: inline-block;
-  padding: $euiSizeS;
-  flex-grow: 1;
-}
-
-.euiSuggestItem__label {
-  font-family: $euiCodeFontFamily;
-
-  // Sets labelWidth from 20% to 90% in increments of 10%
-  @for $i from 20 through 90 {
-    &.euiSuggestItem__label--width#{$i} {
-      flex-basis: calc(#{$i * 1%} - #{$euiSize});
-      min-width: calc(#{$i * 1%} - #{$euiSize});
-      $i: $i + 10;
-    }
-  }
-
-  &--expand {
-    flex-basis: auto;
-  }
-}
-
-.euiSuggestItem__description {
-  color: $euiTextSubduedColor;
-  padding-top: $euiSizeS + 1px;
-  flex-basis: auto;
-  align-self: baseline;
-
-  &.euiSuggestItem__description--wrap {
-    @include euiTextBreakWord;
-    white-space: normal !important; // stylelint-disable-line declaration-no-important
-  }
-}
-
-// For specifically within EuiSelectable
-
-.euiSuggestItemOption {
-  &[class*='isFocused'],
-  &:hover:not([aria-disabled='true']),
-  &:focus {
-    .euiSuggestItem__label {
-      text-decoration: underline;
-    }
-  }
-}

package/src/components/suggest/_variables.scss

@@ -1,13 +0,0 @@
-$euiSuggestItemColors: (
-  tint0: $euiColorVis0,
-  tint1: $euiColorVis1,
-  tint2: $euiColorVis2,
-  tint3: $euiColorVis3,
-  tint4: $euiColorVis4,
-  tint5: $euiColorVis5,
-  tint6: $euiColorVis6,
-  tint7: $euiColorVis7,
-  tint8: $euiColorVis8,
-  tint9: $euiColorVis9,
-  tint10: $euiColorDarkShade,
-);