@elastic/eui 95.6.0 → 95.7.0

package/src/components/selectable/_selectable.scss

@@ -1,8 +0,0 @@
-.euiSelectable {
-  display: flex;
-  flex-direction: column;
-}
-
-.euiSelectable-fullHeight {
-  height: 100%;
-}

package/src/components/selectable/selectable_list/_index.scss

@@ -1,3 +0,0 @@
-@import 'variables';
-@import 'selectable_list';
-@import 'selectable_list_item';

package/src/components/selectable/selectable_list/_selectable_list.scss

@@ -1,38 +0,0 @@
-.euiSelectableList {
-  // NOTE: This is currently only visible on supported browsers (all except FF)
-  // which is (unfortunately) better than always displaying the focus ring to mouse users
-  &:has(:focus-visible) {
-    @include euiFocusRing(null, $euiFocusRingSize / 2, false);
-  }
-}
-
-// Expand height of list via flex box
-.euiSelectableList-fullHeight {
-  flex-grow: 1;
-}
-
-.euiSelectableList-bordered {
-  overflow: hidden;
-  border: $euiBorderThin;
-  border-radius: $euiBorderRadius;
-}
-
-.euiSelectableList__list {
-  @include euiOverflowShadow;
-  @include euiScrollBar;
-  overflow: auto;
-  position: relative; // Chrome/Edge loses its mind without this and doesn't render `mask-image` correctly
-
-  &:focus,
-  & > ul:focus {
-    outline: none; // Focus outline handled by parent .euiSelectableList
-  }
-}
-
-.euiSelectableList__groupLabel {
-  @include euiTitle('xxxs');
-  display: flex;
-  align-items: center;
-  border-bottom: $euiSelectableListItemBorder;
-  padding: $euiSelectableListItemPadding;
-}

package/src/components/selectable/selectable_list/_selectable_list_item.scss

@@ -1,62 +0,0 @@
-.euiSelectableListItem {
-  @include euiFontSizeS;
-  display: inline-flex; // Necessary to make sure it doesn't force the whole popover to be too wide
-  width: 100%;
-  text-align: left;
-  cursor: pointer;
-  overflow: hidden;
-
-  &:not(:last-of-type) {
-    border-bottom: $euiSelectableListItemBorder;
-  }
-
-  &-isFocused:not([aria-disabled='true']),
-  &:hover:not([aria-disabled='true']) {
-    color: $euiColorPrimaryText;
-    background-color: $euiFocusBackgroundColor;
-
-    .euiSelectableListItem__text {
-      text-decoration: underline;
-    }
-  }
-
-  &[aria-disabled='true'] {
-    color: $euiColorMediumShade;
-    cursor: not-allowed;
-  }
-
-  &--paddingSmall {
-    .euiSelectableListItem__content {
-      padding: $euiSelectableListItemPadding;
-    }
-  }
-}
-
-.euiSelectableListItem__content {
-  width: 100%;
-  display: flex;
-  align-items: center;
-}
-
-.euiSelectableListItem__icon,
-.euiSelectableListItem__prepend {
-  margin-right: $euiSizeM;
-  flex-shrink: 0;
-}
-
-.euiSelectableListItem__append {
-  margin-left: $euiSizeM;
-  flex-shrink: 0;
-}
-
-.euiSelectableListItem__text {
-  flex-grow: 1; // Pushes appended content to the far right
-
-  &--truncate {
-    @include euiTextTruncate;
-  }
-}
-
-.euiSelectableListItem__tooltipAnchor {
-  width: 100%;
-}

package/src/components/selectable/selectable_list/_variables.scss

@@ -1,2 +0,0 @@
-$euiSelectableListItemBorder: 1px solid darken($euiColorLightestShade, 2%);
-$euiSelectableListItemPadding: $euiSizeXS $euiSizeM;

package/src/components/selectable/selectable_message/_index.scss

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

package/src/components/selectable/selectable_message/_selectable_message.scss

@@ -1,19 +0,0 @@
-/**
-  * 1. Prevent really long input from overflowing the container.
-  */
-.euiSelectableMessage {
-  padding: $euiSizeS;
-  text-align: center;
-  word-wrap: break-word; /* 1 */
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-.euiSelectableMessage--bordered {
-  // Match border from selectable_list
-  overflow: hidden;
-  border: $euiBorderThin;
-  border-radius: $euiBorderRadius;
-}

package/src/components/selectable/selectable_search/_index.scss

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

package/src/components/selectable/selectable_search/_selectable_search.scss

@@ -1,3 +0,0 @@
-// .euiSelectableSearch {
-
-// }

package/src/components/selectable/selectable_templates/_index.scss

@@ -1,2 +0,0 @@
-@import 'variables';
-@import 'selectable_template_sitewide_option';

package/src/components/selectable/selectable_templates/_selectable_template_sitewide_option.scss

@@ -1,39 +0,0 @@
-.euiSelectableTemplateSitewide {
-  display: block; // Override .euiSelectable flex display, which fixes the anchor positioning for mobile `popoverButton`s
-}
-
-.euiSelectableTemplateSitewide__listItem {
-  .euiSelectableListItem__text {
-    text-decoration: none !important; // stylelint-disable-line declaration-no-important
-  }
-
-  // TODO: Any better way to override this focus underline?
-  &[class*='-isFocused']:not([aria-disabled='true']),
-  &:hover:not([aria-disabled='true']) {
-    .euiSelectableTemplateSitewide__listItemTitle {
-      text-decoration: underline;
-    }
-  }
-}
-
-.euiSelectableTemplateSitewide__optionMetasList {
-  display: block;
-  margin-top: $euiSizeXS;
-  font-size: $euiFontSizeXS;
-  color: $euiTextSubduedColor;
-}
-
-.euiSelectableTemplateSitewide__optionMeta:not(:last-of-type)::after {
-  content: '•';
-  margin: 0 $euiSizeXS;
-  color: $euiTextSubduedColor;
-}
-
-// Established styles for types of meta
-@each $type in map-keys($euiSelectableTemplateSitewideTypes) {
-  .euiSelectableTemplateSitewide__optionMeta--#{$type} {
-    @each $property, $value in map-get($euiSelectableTemplateSitewideTypes, $type) {
-      #{$property}: $value;
-    }
-  }
-}

package/src/components/selectable/selectable_templates/_variables.scss

@@ -1,26 +0,0 @@
-// The $euiFocusBackgroundColor without the alpha channel in light and dark mode
-$euiSelectableTemplateFocusBackgroundLight: rgb(232, 241, 250);
-$euiSelectableTemplateFocusBackgroundDark: rgb(35,56,77);
-
-$euiSelectableTemplateSitewideTypes: (
-  'application': (
-    'color': lightOrDarkTheme(makeHighContrastColor($euiColorVis1, $euiSelectableTemplateFocusBackgroundLight), makeHighContrastColor($euiColorVis1, $euiSelectableTemplateFocusBackgroundDark)),
-    'font-weight': $euiFontWeightMedium,
-  ),
-  'deployment': (
-    'color': lightOrDarkTheme(makeHighContrastColor($euiColorVis0, $euiSelectableTemplateFocusBackgroundLight), makeHighContrastColor($euiColorVis0, $euiSelectableTemplateFocusBackgroundDark)),
-    'font-weight': $euiFontWeightMedium,
-  ),
-  'article': (
-    'color': lightOrDarkTheme(makeHighContrastColor($euiColorVis3, $euiSelectableTemplateFocusBackgroundLight), makeHighContrastColor($euiColorVis3, $euiSelectableTemplateFocusBackgroundDark)),
-    'font-weight': $euiFontWeightMedium,
-  ),
-  'case': (
-    'color': lightOrDarkTheme(makeHighContrastColor($euiColorVis9, $euiSelectableTemplateFocusBackgroundLight), makeHighContrastColor($euiColorVis9, $euiSelectableTemplateFocusBackgroundDark)),
-    'font-weight': $euiFontWeightMedium,
-  ),
-  'platform': (
-    'color': lightOrDarkTheme(makeHighContrastColor($euiColorVis5, $euiSelectableTemplateFocusBackgroundLight), makeHighContrastColor($euiColorVis5, $euiSelectableTemplateFocusBackgroundDark)),
-    'font-weight': $euiFontWeightMedium,
-  ),
-);

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

@@ -1,50 +0,0 @@
-// TODO: Address nesting during Emotion conversion, if possible
-// stylelint-disable max-nesting-depth
-
-.euiComboBox {
-  // Round the left border when we append a label
-  &--appended {
-    .euiFormControlLayout__childrenWrapper {
-      border-top-left-radius: $euiFormControlBorderRadius;
-      border-bottom-left-radius: $euiFormControlBorderRadius;
-    }
-
-    // Half size rounded left corners when compressed
-    .euiFormControlLayout--compressed {
-      .euiFormControlLayout__childrenWrapper {
-        border-top-left-radius: $euiFormControlCompressedBorderRadius;
-        border-bottom-left-radius: $euiFormControlCompressedBorderRadius;
-      }
-    }
-
-    // No rounded corners when we have both appended and prepended labels.
-    // This includes full height and compressed height comboboxes.
-    &.euiComboBox--prepended {
-      .euiFormControlLayout__childrenWrapper {
-        border-radius: 0;
-      }
-
-      .euiFormControlLayout--compressed {
-        .euiFormControlLayout__childrenWrapper {
-          border-radius: 0;
-        }
-      }
-    }
-  }
-
-  // Round the right border when we prepend a label
-  &--prepended {
-    .euiFormControlLayout__childrenWrapper {
-      border-top-right-radius: $euiFormControlBorderRadius;
-      border-bottom-right-radius: $euiFormControlBorderRadius;
-    }
-
-    // Half size rounded right corners when compressed
-    .euiFormControlLayout--compressed {
-      .euiFormControlLayout__childrenWrapper {
-        border-top-right-radius: $euiFormControlCompressedBorderRadius;
-        border-bottom-right-radius: $euiFormControlCompressedBorderRadius;
-      }
-    }
-  }
-}

package/test-env/components/combo_box/combo_box_options_list/combo_box_option.js

@@ -1,154 +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 _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 _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);
-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
-};