@elastic/eui 83.1.0 → 84.0.0

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

@@ -382,9 +382,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,
@@ -405,57 +405,113 @@ var EuiDualRangeClass = /*#__PURE__*/function (_Component) {
       // Overridable props
       , _extends({
         "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
       , _extends({
         "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)();
@@ -519,8 +575,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/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/lib/components/resizable_container/resizable_collapse_button.js

@@ -51,8 +51,8 @@ var EuiResizableCollapseButton = function EuiResizableCollapseButton(_ref) {
       break;
   }
   return (0, _react2.jsx)(_button.EuiButtonIcon, _extends({
-    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/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/lib/components/search_bar/search_bar.js

@@ -205,7 +205,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/lib/components/search_bar/search_filters.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EuiSearchFilters = void 0;
+exports.EuiSearchBarFilters = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _filters = require("./filters");
@@ -32,14 +32,14 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
                                                                                                                                                                                                                                                                                                                                                                                                * in compliance with, at your election, the Elastic License 2.0 or the Server
                                                                                                                                                                                                                                                                                                                                                                                                * Side Public License, v 1.
                                                                                                                                                                                                                                                                                                                                                                                                */
-var EuiSearchFilters = /*#__PURE__*/function (_Component) {
-  _inherits(EuiSearchFilters, _Component);
-  var _super = _createSuper(EuiSearchFilters);
-  function EuiSearchFilters() {
-    _classCallCheck(this, EuiSearchFilters);
+var EuiSearchBarFilters = /*#__PURE__*/function (_Component) {
+  _inherits(EuiSearchBarFilters, _Component);
+  var _super = _createSuper(EuiSearchBarFilters);
+  function EuiSearchBarFilters() {
+    _classCallCheck(this, EuiSearchBarFilters);
     return _super.apply(this, arguments);
   }
-  _createClass(EuiSearchFilters, [{
+  _createClass(EuiSearchBarFilters, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -61,13 +61,13 @@ var EuiSearchFilters = /*#__PURE__*/function (_Component) {
       return (0, _react2.jsx)(_filter_group.EuiFilterGroup, null, items);
     }
   }]);
-  return EuiSearchFilters;
+  return EuiSearchBarFilters;
 }(_react.Component);
-exports.EuiSearchFilters = EuiSearchFilters;
-_defineProperty(EuiSearchFilters, "defaultProps", {
+exports.EuiSearchBarFilters = EuiSearchBarFilters;
+_defineProperty(EuiSearchBarFilters, "defaultProps", {
   filters: []
 });
-EuiSearchFilters.propTypes = {
+EuiSearchBarFilters.propTypes = {
   query: _propTypes.default.any.isRequired,
   onChange: _propTypes.default.func.isRequired,
   filters: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({

package/optimize/es/components/accordion/accordion.js

@@ -20,7 +20,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React, { Component } from 'react';
 import classNames from 'classnames';
-import { keysOf } from '../common';
 import { EuiLoadingSpinner } from '../loading';
 import { EuiResizeObserver } from '../observer/resize_observer';
 import { EuiText } from '../text';
@@ -30,15 +29,7 @@ import { EuiButtonIcon } from '../button';
 import { euiAccordionButtonStyles, euiAccordionChildrenStyles, euiAccordionChildWrapperStyles, euiAccordionIconButtonStyles, euiAccordionOptionalActionStyles, euiAccordionSpinnerStyles, euiAccordionTriggerWrapperStyles } from './accordion.styles';
 import { logicalCSS } from '../../global_styling';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var paddingSizeToClassNameMap = {
-  none: '',
-  xs: 'euiAccordion__padding--xs',
-  s: 'euiAccordion__padding--s',
-  m: 'euiAccordion__padding--m',
-  l: 'euiAccordion__padding--l',
-  xl: 'euiAccordion__padding--xl'
-};
-export var PADDING_SIZES = keysOf(paddingSizeToClassNameMap);
+export var PADDING_SIZES = ['none', 'xs', 's', 'm', 'l', 'xl'];
 export var EuiAccordionClass = /*#__PURE__*/function (_Component) {
   _inherits(EuiAccordionClass, _Component);
   var _super = _createSuper(EuiAccordionClass);
@@ -140,8 +131,7 @@ export var EuiAccordionClass = /*#__PURE__*/function (_Component) {
       var classes = classNames('euiAccordion', {
         'euiAccordion-isOpen': isOpen
       }, className);
-      var paddingClass = paddingSize ? classNames(paddingSizeToClassNameMap[paddingSize]) : undefined;
-      var childrenClasses = classNames(paddingClass, {
+      var childrenClasses = classNames('euiAccordion__children', {
         'euiAccordion__children-isLoading': isLoading
       });
       var buttonClasses = classNames('euiAccordion__button', buttonClassName, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.className);
@@ -155,7 +145,7 @@ export var EuiAccordionClass = /*#__PURE__*/function (_Component) {
       var buttonStyles = euiAccordionButtonStyles(theme);
       var cssButtonStyles = [buttonStyles.euiAccordion__button, isDisabled && buttonStyles.disabled, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.css];
       var childrenStyles = 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 = euiAccordionChildWrapperStyles(theme);
       var cssChildWrapperStyles = [childWrapperStyles.euiAccordion__childWrapper, isOpen && childWrapperStyles.isOpen];
       var iconButtonStyles = euiAccordionIconButtonStyles(theme);

package/optimize/es/components/focus_trap/focus_trap.js

@@ -138,5 +138,6 @@ _defineProperty(EuiFocusTrap, "defaultProps", {
   returnFocus: true,
   noIsolation: true,
   scrollLock: false,
+  crossFrame: false,
   gapMode: 'padding' // EUI defaults to padding because Kibana's body/layout CSS ignores `margin`
 });

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

@@ -368,9 +368,9 @@ export 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,
@@ -391,57 +391,113 @@ export var EuiDualRangeClass = /*#__PURE__*/function (_Component) {
       // Overridable props
       , _extends({
         "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 ? ___EmotionJSX(EuiRangeInput
       // Overridable props
       , _extends({
         "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 = classNames('euiDualRange', className);
       var dualRangeStyles = euiDualRangeStyles();
@@ -505,8 +561,8 @@ export var EuiDualRangeClass = /*#__PURE__*/function (_Component) {
           "aria-hidden": true,
           tabIndex: -1,
           showRange: showRange,
-          onFocus: onFocus,
-          onBlur: onBlur
+          onFocus: _onFocus,
+          onBlur: _onBlur
         }, rest)), _this2.state.rangeSliderRefAvailable && ___EmotionJSX(React.Fragment, null, isDraggable && _this2.isValid && ___EmotionJSX(EuiRangeDraggable, {
           min: min,
           max: max,

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

@@ -10,13 +10,13 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { css } from '@emotion/react';
 import { euiFocusRing, logicalCSS, logicalTextAlignCSS } from '../../global_styling';
 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  ");
 };
 export var euiLinkHoverCSS = function euiLinkHoverCSS() {
   return "\n    text-decoration: underline;\n  ";
 };
 export 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  ");
 };
 export var euiLinkCSS = function euiLinkCSS(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;

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

@@ -43,8 +43,8 @@ export var EuiResizableCollapseButton = function EuiResizableCollapseButton(_ref
       break;
   }
   return ___EmotionJSX(EuiButtonIcon, _extends({
-    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/es/components/search_bar/index.js

@@ -6,4 +6,5 @@
  * Side Public License, v 1.
  */
 
-export { EuiSearchBar, Query, Ast } from './search_bar';
+export { EuiSearchBar, Query, Ast } from './search_bar';
+export { EuiSearchBarFilters } from './search_filters';

package/optimize/es/components/search_bar/search_bar.js

@@ -26,7 +26,7 @@ import { htmlIdGenerator } from '../../services/accessibility';
 import { isString } from '../../services/predicate';
 import { EuiFlexGroup, EuiFlexItem } from '../flex';
 import { EuiSearchBox } from './search_box';
-import { EuiSearchFilters } from './search_filters';
+import { EuiSearchBarFilters } from './search_filters';
 import { Query } from './query';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export { Query, AST as Ast } from './query';
@@ -181,7 +181,7 @@ export var EuiSearchBar = /*#__PURE__*/function (_Component) {
       var filtersBar = !filters ? undefined : ___EmotionJSX(EuiFlexItem, {
         className: "euiSearchBar__filtersHolder",
         grow: false
-      }, ___EmotionJSX(EuiSearchFilters, {
+      }, ___EmotionJSX(EuiSearchBarFilters, {
         filters: filters,
         query: query,
         onChange: this.onFiltersChange

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

@@ -18,14 +18,14 @@ import React, { Component, Fragment } from 'react';
 import { createFilter } from './filters';
 import { EuiFilterGroup } from '../filter_group';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiSearchFilters = /*#__PURE__*/function (_Component) {
-  _inherits(EuiSearchFilters, _Component);
-  var _super = _createSuper(EuiSearchFilters);
-  function EuiSearchFilters() {
-    _classCallCheck(this, EuiSearchFilters);
+export var EuiSearchBarFilters = /*#__PURE__*/function (_Component) {
+  _inherits(EuiSearchBarFilters, _Component);
+  var _super = _createSuper(EuiSearchBarFilters);
+  function EuiSearchBarFilters() {
+    _classCallCheck(this, EuiSearchBarFilters);
     return _super.apply(this, arguments);
   }
-  _createClass(EuiSearchFilters, [{
+  _createClass(EuiSearchBarFilters, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -47,8 +47,8 @@ export var EuiSearchFilters = /*#__PURE__*/function (_Component) {
       return ___EmotionJSX(EuiFilterGroup, null, items);
     }
   }]);
-  return EuiSearchFilters;
+  return EuiSearchBarFilters;
 }(Component);
-_defineProperty(EuiSearchFilters, "defaultProps", {
+_defineProperty(EuiSearchBarFilters, "defaultProps", {
   filters: []
 });

package/optimize/lib/components/accordion/accordion.js

@@ -17,7 +17,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _common = require("../common");
 var _loading = require("../loading");
 var _resize_observer = require("../observer/resize_observer");
 var _text = require("../text");
@@ -38,15 +37,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);
@@ -149,8 +140,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);
@@ -164,7 +154,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);

package/optimize/lib/components/focus_trap/focus_trap.js

@@ -147,5 +147,6 @@ exports.EuiFocusTrap = EuiFocusTrap;
   returnFocus: true,
   noIsolation: true,
   scrollLock: false,
+  crossFrame: false,
   gapMode: 'padding' // EUI defaults to padding because Kibana's body/layout CSS ignores `margin`
 });