@elastic/eui 83.1.0 → 84.0.0

package/optimize/lib/components/form/range/dual_range.js

@@ -376,9 +376,9 @@ var EuiDualRangeClass = /*#__PURE__*/function (_Component) {
         tickInterval = _this$props.tickInterval,
         ticks = _this$props.ticks,
         levels = _this$props.levels,
-        onBlur = _this$props.onBlur,
+        _onBlur = _this$props.onBlur,
         onChange = _this$props.onChange,
-        onFocus = _this$props.onFocus,
+        _onFocus = _this$props.onFocus,
         showRange = _this$props.showRange,
         value = _this$props.value,
         isInvalid = _this$props.isInvalid,
@@ -399,57 +399,113 @@ var EuiDualRangeClass = /*#__PURE__*/function (_Component) {
       // Overridable props
       , (0, _extends2.default)({
         "aria-describedby": this.props['aria-describedby'],
-        "aria-label": this.props['aria-label']
+        "aria-label": this.props['aria-label'],
+        disabled: disabled,
+        isInvalid: isInvalid,
+        name: "".concat(name, "-minValue"),
+        value: this.lowerValue,
+        readOnly: readOnly
       }, minInputProps, {
         // Non-overridable props
         side: "min",
         min: min,
         max: Number(this.upperValue),
         step: step,
-        value: this.lowerValue,
-        disabled: disabled,
         compressed: compressed,
-        onChange: this.handleLowerInputChange,
-        onKeyDown: this.handleInputKeyDown,
-        name: "".concat(name, "-minValue"),
-        onFocus: canShowDropdown ? this.onInputFocus : onFocus,
-        onBlur: canShowDropdown ? this.onInputBlur : onBlur,
-        readOnly: readOnly,
         autoSize: !showInputOnly,
         fullWidth: !!showInputOnly && fullWidth,
-        isInvalid: isInvalid,
         controlOnly: showInputOnly,
-        onMouseDown: showInputOnly ? function () {
-          return _this2.preventPopoverClose = true;
-        } : undefined
+        onChange: function onChange(event) {
+          var _minInputProps$onChan;
+          _this2.handleLowerInputChange(event);
+          minInputProps === null || minInputProps === void 0 ? void 0 : (_minInputProps$onChan = minInputProps.onChange) === null || _minInputProps$onChan === void 0 ? void 0 : _minInputProps$onChan.call(minInputProps, event);
+        },
+        onKeyDown: function onKeyDown(event) {
+          var _minInputProps$onKeyD;
+          _this2.handleInputKeyDown(event);
+          minInputProps === null || minInputProps === void 0 ? void 0 : (_minInputProps$onKeyD = minInputProps.onKeyDown) === null || _minInputProps$onKeyD === void 0 ? void 0 : _minInputProps$onKeyD.call(minInputProps, event);
+        },
+        onFocus: function onFocus(event) {
+          var _minInputProps$onFocu;
+          if (canShowDropdown) {
+            _this2.onInputFocus(event);
+          } else {
+            _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(event);
+          }
+          minInputProps === null || minInputProps === void 0 ? void 0 : (_minInputProps$onFocu = minInputProps.onFocus) === null || _minInputProps$onFocu === void 0 ? void 0 : _minInputProps$onFocu.call(minInputProps, event);
+        },
+        onBlur: function onBlur(event) {
+          var _minInputProps$onBlur;
+          if (canShowDropdown) {
+            _this2.onInputBlur(event);
+          } else {
+            _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(event);
+          }
+          minInputProps === null || minInputProps === void 0 ? void 0 : (_minInputProps$onBlur = minInputProps.onBlur) === null || _minInputProps$onBlur === void 0 ? void 0 : _minInputProps$onBlur.call(minInputProps, event);
+        },
+        onMouseDown: function onMouseDown(event) {
+          var _minInputProps$onMous;
+          if (showInputOnly) {
+            _this2.preventPopoverClose = true;
+          }
+          minInputProps === null || minInputProps === void 0 ? void 0 : (_minInputProps$onMous = minInputProps.onMouseDown) === null || _minInputProps$onMous === void 0 ? void 0 : _minInputProps$onMous.call(minInputProps, event);
+        }
       })) : undefined;
       var maxInput = !!showInput ? (0, _react2.jsx)(_range_input.EuiRangeInput
       // Overridable props
       , (0, _extends2.default)({
         "aria-describedby": this.props['aria-describedby'],
-        "aria-label": this.props['aria-label']
+        "aria-label": this.props['aria-label'],
+        disabled: disabled,
+        isInvalid: isInvalid,
+        name: "".concat(name, "-maxValue"),
+        value: this.upperValue,
+        readOnly: readOnly
       }, maxInputProps, {
         // Non-overridable props
         side: "max",
         min: Number(this.lowerValue),
         max: max,
         step: step,
-        value: this.upperValue,
-        disabled: disabled,
         compressed: compressed,
-        onChange: this.handleUpperInputChange,
-        onKeyDown: this.handleInputKeyDown,
-        name: "".concat(name, "-maxValue"),
-        onFocus: canShowDropdown ? this.onInputFocus : onFocus,
-        onBlur: canShowDropdown ? this.onInputBlur : onBlur,
-        readOnly: readOnly,
         autoSize: !showInputOnly,
         fullWidth: !!showInputOnly && fullWidth,
         controlOnly: showInputOnly,
-        isInvalid: isInvalid,
-        onMouseDown: showInputOnly ? function () {
-          return _this2.preventPopoverClose = true;
-        } : undefined
+        onChange: function onChange(event) {
+          var _maxInputProps$onChan;
+          _this2.handleUpperInputChange(event);
+          maxInputProps === null || maxInputProps === void 0 ? void 0 : (_maxInputProps$onChan = maxInputProps.onChange) === null || _maxInputProps$onChan === void 0 ? void 0 : _maxInputProps$onChan.call(maxInputProps, event);
+        },
+        onKeyDown: function onKeyDown(event) {
+          var _maxInputProps$onKeyD;
+          _this2.handleInputKeyDown(event);
+          maxInputProps === null || maxInputProps === void 0 ? void 0 : (_maxInputProps$onKeyD = maxInputProps.onKeyDown) === null || _maxInputProps$onKeyD === void 0 ? void 0 : _maxInputProps$onKeyD.call(maxInputProps, event);
+        },
+        onFocus: function onFocus(event) {
+          var _maxInputProps$onFocu;
+          if (canShowDropdown) {
+            _this2.onInputFocus(event);
+          } else {
+            _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(event);
+          }
+          maxInputProps === null || maxInputProps === void 0 ? void 0 : (_maxInputProps$onFocu = maxInputProps.onFocus) === null || _maxInputProps$onFocu === void 0 ? void 0 : _maxInputProps$onFocu.call(maxInputProps, event);
+        },
+        onBlur: function onBlur(event) {
+          var _maxInputProps$onBlur;
+          if (canShowDropdown) {
+            _this2.onInputBlur(event);
+          } else {
+            _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(event);
+          }
+          maxInputProps === null || maxInputProps === void 0 ? void 0 : (_maxInputProps$onBlur = maxInputProps.onBlur) === null || _maxInputProps$onBlur === void 0 ? void 0 : _maxInputProps$onBlur.call(maxInputProps, event);
+        },
+        onMouseDown: function onMouseDown(event) {
+          var _maxInputProps$onMous;
+          if (showInputOnly) {
+            _this2.preventPopoverClose = true;
+          }
+          maxInputProps === null || maxInputProps === void 0 ? void 0 : (_maxInputProps$onMous = maxInputProps.onMouseDown) === null || _maxInputProps$onMous === void 0 ? void 0 : _maxInputProps$onMous.call(maxInputProps, event);
+        }
       })) : undefined;
       var classes = (0, _classnames.default)('euiDualRange', className);
       var dualRangeStyles = (0, _dual_range.euiDualRangeStyles)();
@@ -513,8 +569,8 @@ var EuiDualRangeClass = /*#__PURE__*/function (_Component) {
           "aria-hidden": true,
           tabIndex: -1,
           showRange: showRange,
-          onFocus: onFocus,
-          onBlur: onBlur
+          onFocus: _onFocus,
+          onBlur: _onBlur
         }, rest)), _this2.state.rangeSliderRefAvailable && (0, _react2.jsx)(_react.default.Fragment, null, isDraggable && _this2.isValid && (0, _react2.jsx)(_range_draggable.EuiRangeDraggable, {
           min: min,
           max: max,

package/optimize/lib/components/link/link.styles.js

@@ -14,14 +14,14 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
                                                                                                                                                                                                                                                                                            * Side Public License, v 1.
                                                                                                                                                                                                                                                                                            */
 var _colorCSS = function _colorCSS(color) {
-  return "\n    color: ".concat(color, ";\n\n    &:hover,\n    &:focus,\n    &:target {\n      text-decoration: underline;\n    }\n\n    &:target {\n      color: darken(").concat(color, ", 10%);\n    }\n  ");
+  return "\n    color: ".concat(color, ";\n\n    &:target {\n      color: darken(").concat(color, ", 10%);\n    }\n  ");
 };
 var euiLinkHoverCSS = function euiLinkHoverCSS() {
   return "\n    text-decoration: underline;\n  ";
 };
 exports.euiLinkHoverCSS = euiLinkHoverCSS;
 var euiLinkFocusCSS = function euiLinkFocusCSS(euiTheme) {
-  return "\n    text-decoration: underline;\n    text-decoration-thickness: ".concat(euiTheme.border.width.thick, " !important;\n  ");
+  return "\n    text-decoration: underline;\n    text-decoration-thickness: ".concat(euiTheme.border.width.thick, ";\n  ");
 };
 exports.euiLinkFocusCSS = euiLinkFocusCSS;
 var euiLinkCSS = function euiLinkCSS(euiThemeContext) {

package/optimize/lib/components/resizable_container/resizable_collapse_button.js

@@ -49,8 +49,8 @@ var EuiResizableCollapseButton = function EuiResizableCollapseButton(_ref) {
       break;
   }
   return (0, _react2.jsx)(_button.EuiButtonIcon, (0, _extends2.default)({
-    display: isCollapsed ? 'empty' : 'fill',
-    color: isCollapsed ? 'text' : 'ghost'
+    display: isCollapsed ? 'empty' : 'base',
+    color: "text"
   }, rest, {
     className: classes,
     iconType: isCollapsed ? COLLAPSED_ICON : NOT_COLLAPSED_ICON

package/optimize/lib/components/search_bar/index.js

@@ -15,10 +15,17 @@ Object.defineProperty(exports, "EuiSearchBar", {
     return _search_bar.EuiSearchBar;
   }
 });
+Object.defineProperty(exports, "EuiSearchBarFilters", {
+  enumerable: true,
+  get: function get() {
+    return _search_filters.EuiSearchBarFilters;
+  }
+});
 Object.defineProperty(exports, "Query", {
   enumerable: true,
   get: function get() {
     return _search_bar.Query;
   }
 });
-var _search_bar = require("./search_bar");
+var _search_bar = require("./search_bar");
+var _search_filters = require("./search_filters");

package/optimize/lib/components/search_bar/search_bar.js

@@ -200,7 +200,7 @@ var EuiSearchBar = /*#__PURE__*/function (_Component) {
       var filtersBar = !filters ? undefined : (0, _react2.jsx)(_flex.EuiFlexItem, {
         className: "euiSearchBar__filtersHolder",
         grow: false
-      }, (0, _react2.jsx)(_search_filters.EuiSearchFilters, {
+      }, (0, _react2.jsx)(_search_filters.EuiSearchBarFilters, {
         filters: filters,
         query: query,
         onChange: this.onFiltersChange

package/optimize/lib/components/search_bar/search_filters.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EuiSearchFilters = void 0;
+exports.EuiSearchBarFilters = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
@@ -26,14 +26,14 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
                                                                                                                                                                                                                                                                                                                                            * in compliance with, at your election, the Elastic License 2.0 or the Server
                                                                                                                                                                                                                                                                                                                                            * Side Public License, v 1.
                                                                                                                                                                                                                                                                                                                                            */
-var EuiSearchFilters = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(EuiSearchFilters, _Component);
-  var _super = _createSuper(EuiSearchFilters);
-  function EuiSearchFilters() {
-    (0, _classCallCheck2.default)(this, EuiSearchFilters);
+var EuiSearchBarFilters = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(EuiSearchBarFilters, _Component);
+  var _super = _createSuper(EuiSearchBarFilters);
+  function EuiSearchBarFilters() {
+    (0, _classCallCheck2.default)(this, EuiSearchBarFilters);
     return _super.apply(this, arguments);
   }
-  (0, _createClass2.default)(EuiSearchFilters, [{
+  (0, _createClass2.default)(EuiSearchBarFilters, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -55,9 +55,9 @@ var EuiSearchFilters = /*#__PURE__*/function (_Component) {
       return (0, _react2.jsx)(_filter_group.EuiFilterGroup, null, items);
     }
   }]);
-  return EuiSearchFilters;
+  return EuiSearchBarFilters;
 }(_react.Component);
-exports.EuiSearchFilters = EuiSearchFilters;
-(0, _defineProperty2.default)(EuiSearchFilters, "defaultProps", {
+exports.EuiSearchBarFilters = EuiSearchBarFilters;
+(0, _defineProperty2.default)(EuiSearchBarFilters, "defaultProps", {
   filters: []
 });

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@elastic/eui",
   "description": "Elastic UI Component Library",
-  "version": "83.1.0",
+  "version": "84.0.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "lib",
   "module": "es",
   "types": "eui.d.ts",
-  "docker_image": "18.16.0",
+  "docker_image": "18.16.1",
   "engines": {
     "node": "16.x || 18.x || >=20.0"
   },
@@ -56,7 +56,8 @@
   },
   "resolutions": {
     "**/prismjs": "1.27.0",
-    "**/react": "^17.0.0"
+    "**/react": "^17.0.0",
+    "react-focus-lock": "^2.9.5"
   },
   "pre-commit": [
     "test-staged"
@@ -81,7 +82,7 @@
     "react-beautiful-dnd": "^13.1.0",
     "react-dropzone": "^11.5.3",
     "react-element-to-jsx-string": "^14.3.4",
-    "react-focus-on": "^3.7.0",
+    "react-focus-on": "^3.9.1",
     "react-input-autosize": "^3.0.0",
     "react-is": "^17.0.2",
     "react-remove-scroll-bar": "^2.3.4",

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

@@ -17,6 +17,10 @@
     margin: ($euiSizeXS + 1px) $euiSizeXS 0 0;
   }
 
+  .euiComboBox--compressed &--plainText {
+    margin-top: $euiSizeXS;
+  }
+
   &--plainText {
     @include euiFont;
     @include euiTextTruncate;

package/src/components/filter_group/_filter_group.scss

@@ -18,10 +18,6 @@
     min-width: $euiSize * 6;
   }
 
-  > .euiFilterButton--hasIcon {
-    min-width: $euiSize * 8;
-  }
-
   // Force popover anchors to expand for now
   .euiPopover__anchor {
     display: block;

package/src/components/resizable_container/_resizable_collapse_button.scss

@@ -16,6 +16,7 @@
   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;

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

@@ -18,7 +18,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _common = require("../common");
 var _loading = require("../loading");
 var _resize_observer = require("../observer/resize_observer");
 var _text = require("../text");
@@ -39,15 +38,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
                                                                                                                                                                                                                                                                                                                                            * in compliance with, at your election, the Elastic License 2.0 or the Server
                                                                                                                                                                                                                                                                                                                                            * Side Public License, v 1.
                                                                                                                                                                                                                                                                                                                                            */
-var paddingSizeToClassNameMap = {
-  none: '',
-  xs: 'euiAccordion__padding--xs',
-  s: 'euiAccordion__padding--s',
-  m: 'euiAccordion__padding--m',
-  l: 'euiAccordion__padding--l',
-  xl: 'euiAccordion__padding--xl'
-};
-var PADDING_SIZES = (0, _common.keysOf)(paddingSizeToClassNameMap);
+var PADDING_SIZES = ['none', 'xs', 's', 'm', 'l', 'xl'];
 exports.PADDING_SIZES = PADDING_SIZES;
 var EuiAccordionClass = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(EuiAccordionClass, _Component);
@@ -150,8 +141,7 @@ var EuiAccordionClass = /*#__PURE__*/function (_Component) {
       var classes = (0, _classnames.default)('euiAccordion', {
         'euiAccordion-isOpen': isOpen
       }, className);
-      var paddingClass = paddingSize ? (0, _classnames.default)(paddingSizeToClassNameMap[paddingSize]) : undefined;
-      var childrenClasses = (0, _classnames.default)(paddingClass, {
+      var childrenClasses = (0, _classnames.default)('euiAccordion__children', {
         'euiAccordion__children-isLoading': isLoading
       });
       var buttonClasses = (0, _classnames.default)('euiAccordion__button', buttonClassName, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.className);
@@ -165,7 +155,7 @@ var EuiAccordionClass = /*#__PURE__*/function (_Component) {
       var buttonStyles = (0, _accordion.euiAccordionButtonStyles)(theme);
       var cssButtonStyles = [buttonStyles.euiAccordion__button, isDisabled && buttonStyles.disabled, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.css];
       var childrenStyles = (0, _accordion.euiAccordionChildrenStyles)(theme);
-      var cssChildrenStyles = [childrenStyles.euiAccordion__children, isLoading && childrenStyles.isLoading, paddingSize === 'none' ? undefined : childrenStyles[paddingSize]];
+      var cssChildrenStyles = [childrenStyles.euiAccordion__children, isLoading && childrenStyles.isLoading, paddingSize && paddingSize !== 'none' && childrenStyles[paddingSize]];
       var childWrapperStyles = (0, _accordion.euiAccordionChildWrapperStyles)(theme);
       var cssChildWrapperStyles = [childWrapperStyles.euiAccordion__childWrapper, isOpen && childWrapperStyles.isOpen];
       var iconButtonStyles = (0, _accordion.euiAccordionIconButtonStyles)(theme);
@@ -325,7 +315,7 @@ EuiAccordionClass.propTypes = {
   /**
        * The padding around the exposed accordion content.
        */
-  paddingSize: _propTypes.default.oneOf(["none", "xs", "s", "m", "l", "xl"]),
+  paddingSize: _propTypes.default.any,
   /**
        * Placement of the arrow indicator, or 'none' to hide it.
        */

package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js

@@ -238,7 +238,7 @@ EuiCollapsibleNavGroup.propTypes = {
   /**
        * The padding around the exposed accordion content.
        */
-  paddingSize: _propTypes.default.oneOf(["none", "xs", "s", "m", "l", "xl"]),
+  paddingSize: _propTypes.default.any,
   /**
        * Placement of the arrow indicator, or 'none' to hide it.
        */

package/test-env/components/form/range/dual_range.js

@@ -377,9 +377,9 @@ var EuiDualRangeClass = /*#__PURE__*/function (_Component) {
         tickInterval = _this$props.tickInterval,
         ticks = _this$props.ticks,
         levels = _this$props.levels,
-        onBlur = _this$props.onBlur,
+        _onBlur = _this$props.onBlur,
         onChange = _this$props.onChange,
-        onFocus = _this$props.onFocus,
+        _onFocus = _this$props.onFocus,
         showRange = _this$props.showRange,
         value = _this$props.value,
         isInvalid = _this$props.isInvalid,
@@ -400,57 +400,113 @@ var EuiDualRangeClass = /*#__PURE__*/function (_Component) {
       // Overridable props
       , (0, _extends2.default)({
         "aria-describedby": this.props['aria-describedby'],
-        "aria-label": this.props['aria-label']
+        "aria-label": this.props['aria-label'],
+        disabled: disabled,
+        isInvalid: isInvalid,
+        name: "".concat(name, "-minValue"),
+        value: this.lowerValue,
+        readOnly: readOnly
       }, minInputProps, {
         // Non-overridable props
         side: "min",
         min: min,
         max: Number(this.upperValue),
         step: step,
-        value: this.lowerValue,
-        disabled: disabled,
         compressed: compressed,
-        onChange: this.handleLowerInputChange,
-        onKeyDown: this.handleInputKeyDown,
-        name: "".concat(name, "-minValue"),
-        onFocus: canShowDropdown ? this.onInputFocus : onFocus,
-        onBlur: canShowDropdown ? this.onInputBlur : onBlur,
-        readOnly: readOnly,
         autoSize: !showInputOnly,
         fullWidth: !!showInputOnly && fullWidth,
-        isInvalid: isInvalid,
         controlOnly: showInputOnly,
-        onMouseDown: showInputOnly ? function () {
-          return _this2.preventPopoverClose = true;
-        } : undefined
+        onChange: function onChange(event) {
+          var _minInputProps$onChan;
+          _this2.handleLowerInputChange(event);
+          minInputProps === null || minInputProps === void 0 ? void 0 : (_minInputProps$onChan = minInputProps.onChange) === null || _minInputProps$onChan === void 0 ? void 0 : _minInputProps$onChan.call(minInputProps, event);
+        },
+        onKeyDown: function onKeyDown(event) {
+          var _minInputProps$onKeyD;
+          _this2.handleInputKeyDown(event);
+          minInputProps === null || minInputProps === void 0 ? void 0 : (_minInputProps$onKeyD = minInputProps.onKeyDown) === null || _minInputProps$onKeyD === void 0 ? void 0 : _minInputProps$onKeyD.call(minInputProps, event);
+        },
+        onFocus: function onFocus(event) {
+          var _minInputProps$onFocu;
+          if (canShowDropdown) {
+            _this2.onInputFocus(event);
+          } else {
+            _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(event);
+          }
+          minInputProps === null || minInputProps === void 0 ? void 0 : (_minInputProps$onFocu = minInputProps.onFocus) === null || _minInputProps$onFocu === void 0 ? void 0 : _minInputProps$onFocu.call(minInputProps, event);
+        },
+        onBlur: function onBlur(event) {
+          var _minInputProps$onBlur;
+          if (canShowDropdown) {
+            _this2.onInputBlur(event);
+          } else {
+            _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(event);
+          }
+          minInputProps === null || minInputProps === void 0 ? void 0 : (_minInputProps$onBlur = minInputProps.onBlur) === null || _minInputProps$onBlur === void 0 ? void 0 : _minInputProps$onBlur.call(minInputProps, event);
+        },
+        onMouseDown: function onMouseDown(event) {
+          var _minInputProps$onMous;
+          if (showInputOnly) {
+            _this2.preventPopoverClose = true;
+          }
+          minInputProps === null || minInputProps === void 0 ? void 0 : (_minInputProps$onMous = minInputProps.onMouseDown) === null || _minInputProps$onMous === void 0 ? void 0 : _minInputProps$onMous.call(minInputProps, event);
+        }
       })) : undefined;
       var maxInput = !!showInput ? (0, _react2.jsx)(_range_input.EuiRangeInput
       // Overridable props
       , (0, _extends2.default)({
         "aria-describedby": this.props['aria-describedby'],
-        "aria-label": this.props['aria-label']
+        "aria-label": this.props['aria-label'],
+        disabled: disabled,
+        isInvalid: isInvalid,
+        name: "".concat(name, "-maxValue"),
+        value: this.upperValue,
+        readOnly: readOnly
       }, maxInputProps, {
         // Non-overridable props
         side: "max",
         min: Number(this.lowerValue),
         max: max,
         step: step,
-        value: this.upperValue,
-        disabled: disabled,
         compressed: compressed,
-        onChange: this.handleUpperInputChange,
-        onKeyDown: this.handleInputKeyDown,
-        name: "".concat(name, "-maxValue"),
-        onFocus: canShowDropdown ? this.onInputFocus : onFocus,
-        onBlur: canShowDropdown ? this.onInputBlur : onBlur,
-        readOnly: readOnly,
         autoSize: !showInputOnly,
         fullWidth: !!showInputOnly && fullWidth,
         controlOnly: showInputOnly,
-        isInvalid: isInvalid,
-        onMouseDown: showInputOnly ? function () {
-          return _this2.preventPopoverClose = true;
-        } : undefined
+        onChange: function onChange(event) {
+          var _maxInputProps$onChan;
+          _this2.handleUpperInputChange(event);
+          maxInputProps === null || maxInputProps === void 0 ? void 0 : (_maxInputProps$onChan = maxInputProps.onChange) === null || _maxInputProps$onChan === void 0 ? void 0 : _maxInputProps$onChan.call(maxInputProps, event);
+        },
+        onKeyDown: function onKeyDown(event) {
+          var _maxInputProps$onKeyD;
+          _this2.handleInputKeyDown(event);
+          maxInputProps === null || maxInputProps === void 0 ? void 0 : (_maxInputProps$onKeyD = maxInputProps.onKeyDown) === null || _maxInputProps$onKeyD === void 0 ? void 0 : _maxInputProps$onKeyD.call(maxInputProps, event);
+        },
+        onFocus: function onFocus(event) {
+          var _maxInputProps$onFocu;
+          if (canShowDropdown) {
+            _this2.onInputFocus(event);
+          } else {
+            _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(event);
+          }
+          maxInputProps === null || maxInputProps === void 0 ? void 0 : (_maxInputProps$onFocu = maxInputProps.onFocus) === null || _maxInputProps$onFocu === void 0 ? void 0 : _maxInputProps$onFocu.call(maxInputProps, event);
+        },
+        onBlur: function onBlur(event) {
+          var _maxInputProps$onBlur;
+          if (canShowDropdown) {
+            _this2.onInputBlur(event);
+          } else {
+            _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(event);
+          }
+          maxInputProps === null || maxInputProps === void 0 ? void 0 : (_maxInputProps$onBlur = maxInputProps.onBlur) === null || _maxInputProps$onBlur === void 0 ? void 0 : _maxInputProps$onBlur.call(maxInputProps, event);
+        },
+        onMouseDown: function onMouseDown(event) {
+          var _maxInputProps$onMous;
+          if (showInputOnly) {
+            _this2.preventPopoverClose = true;
+          }
+          maxInputProps === null || maxInputProps === void 0 ? void 0 : (_maxInputProps$onMous = maxInputProps.onMouseDown) === null || _maxInputProps$onMous === void 0 ? void 0 : _maxInputProps$onMous.call(maxInputProps, event);
+        }
       })) : undefined;
       var classes = (0, _classnames.default)('euiDualRange', className);
       var dualRangeStyles = (0, _dual_range.euiDualRangeStyles)();
@@ -514,8 +570,8 @@ var EuiDualRangeClass = /*#__PURE__*/function (_Component) {
           "aria-hidden": true,
           tabIndex: -1,
           showRange: showRange,
-          onFocus: onFocus,
-          onBlur: onBlur
+          onFocus: _onFocus,
+          onBlur: _onBlur
         }, rest)), _this2.state.rangeSliderRefAvailable && (0, _react2.jsx)(_react.default.Fragment, null, isDraggable && _this2.isValid && (0, _react2.jsx)(_range_draggable.EuiRangeDraggable, {
           min: min,
           max: max,

package/test-env/components/link/link.styles.js

@@ -14,14 +14,14 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
                                                                                                                                                                                                                                                                                            * Side Public License, v 1.
                                                                                                                                                                                                                                                                                            */
 var _colorCSS = function _colorCSS(color) {
-  return "\n    color: ".concat(color, ";\n\n    &:hover,\n    &:focus,\n    &:target {\n      text-decoration: underline;\n    }\n\n    &:target {\n      color: darken(").concat(color, ", 10%);\n    }\n  ");
+  return "\n    color: ".concat(color, ";\n\n    &:target {\n      color: darken(").concat(color, ", 10%);\n    }\n  ");
 };
 var euiLinkHoverCSS = function euiLinkHoverCSS() {
   return "\n    text-decoration: underline;\n  ";
 };
 exports.euiLinkHoverCSS = euiLinkHoverCSS;
 var euiLinkFocusCSS = function euiLinkFocusCSS(euiTheme) {
-  return "\n    text-decoration: underline;\n    text-decoration-thickness: ".concat(euiTheme.border.width.thick, " !important;\n  ");
+  return "\n    text-decoration: underline;\n    text-decoration-thickness: ".concat(euiTheme.border.width.thick, ";\n  ");
 };
 exports.euiLinkFocusCSS = euiLinkFocusCSS;
 var euiLinkCSS = function euiLinkCSS(euiThemeContext) {

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

@@ -50,8 +50,8 @@ var EuiResizableCollapseButton = function EuiResizableCollapseButton(_ref) {
       break;
   }
   return (0, _react2.jsx)(_button.EuiButtonIcon, (0, _extends2.default)({
-    display: isCollapsed ? 'empty' : 'fill',
-    color: isCollapsed ? 'text' : 'ghost'
+    display: isCollapsed ? 'empty' : 'base',
+    color: "text"
   }, rest, {
     className: classes,
     iconType: isCollapsed ? COLLAPSED_ICON : NOT_COLLAPSED_ICON

package/test-env/components/search_bar/index.js

@@ -15,10 +15,17 @@ Object.defineProperty(exports, "EuiSearchBar", {
     return _search_bar.EuiSearchBar;
   }
 });
+Object.defineProperty(exports, "EuiSearchBarFilters", {
+  enumerable: true,
+  get: function get() {
+    return _search_filters.EuiSearchBarFilters;
+  }
+});
 Object.defineProperty(exports, "Query", {
   enumerable: true,
   get: function get() {
     return _search_bar.Query;
   }
 });
-var _search_bar = require("./search_bar");
+var _search_bar = require("./search_bar");
+var _search_filters = require("./search_filters");

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

@@ -201,7 +201,7 @@ var EuiSearchBar = /*#__PURE__*/function (_Component) {
       var filtersBar = !filters ? undefined : (0, _react2.jsx)(_flex.EuiFlexItem, {
         className: "euiSearchBar__filtersHolder",
         grow: false
-      }, (0, _react2.jsx)(_search_filters.EuiSearchFilters, {
+      }, (0, _react2.jsx)(_search_filters.EuiSearchBarFilters, {
         filters: filters,
         query: query,
         onChange: this.onFiltersChange