@elastic/eui 83.1.0 → 84.0.0

package/es/components/accordion/accordion.js

@@ -27,7 +27,6 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import React, { Component } from 'react';
 import PropTypes from "prop-types";
 import classNames from 'classnames';
-import { keysOf } from '../common';
 import { EuiLoadingSpinner } from '../loading';
 import { EuiResizeObserver } from '../observer/resize_observer';
 import { EuiText } from '../text';
@@ -37,15 +36,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);
@@ -147,8 +138,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);
@@ -162,7 +152,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);
@@ -321,7 +311,7 @@ EuiAccordionClass.propTypes = {
   /**
        * The padding around the exposed accordion content.
        */
-  paddingSize: PropTypes.oneOf(["none", "xs", "s", "m", "l", "xl"]),
+  paddingSize: PropTypes.any,
   /**
        * Placement of the arrow indicator, or 'none' to hide it.
        */

package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js

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

package/es/components/focus_trap/focus_trap.js

@@ -145,6 +145,7 @@ _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`
 });
 EuiFocusTrap.propTypes = {

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

@@ -375,9 +375,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,
@@ -398,57 +398,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();
@@ -512,8 +568,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/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/es/components/resizable_container/resizable_collapse_button.js

@@ -45,8 +45,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/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/es/components/search_bar/search_bar.js

@@ -32,7 +32,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';
@@ -187,7 +187,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/es/components/search_bar/search_filters.js

@@ -25,14 +25,14 @@ import PropTypes from "prop-types";
 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,
@@ -54,12 +54,12 @@ export var EuiSearchFilters = /*#__PURE__*/function (_Component) {
       return ___EmotionJSX(EuiFilterGroup, null, items);
     }
   }]);
-  return EuiSearchFilters;
+  return EuiSearchBarFilters;
 }(Component);
-_defineProperty(EuiSearchFilters, "defaultProps", {
+_defineProperty(EuiSearchBarFilters, "defaultProps", {
   filters: []
 });
-EuiSearchFilters.propTypes = {
+EuiSearchBarFilters.propTypes = {
   query: PropTypes.any.isRequired,
   onChange: PropTypes.func.isRequired,
   filters: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({

package/eui.d.ts

@@ -4245,6 +4245,7 @@ declare module '@elastic/eui/src/components/focus_trap/focus_trap' {
 	        returnFocus: boolean;
 	        noIsolation: boolean;
 	        scrollLock: boolean;
+	        crossFrame: boolean;
 	        gapMode: string;
 	    };
 	    state: State;
@@ -5043,12 +5044,30 @@ declare module '@elastic/eui/src/components/form/range/range_levels_colors' {
 	export const euiRangeLevelColor: (color: EuiRangeLevelColor | string, euiTheme: UseEuiTheme['euiTheme']) => string;
 	export const getLevelColor: (levels: EuiRangeLevel[], value: number) => "primary" | "success" | "warning" | "danger" | import("csstype").Property.Color | undefined;
 
+}
+declare module '@elastic/eui/src/components/form/range/range_input.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiRangeInputStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiRangeInput: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/form/range/range_input' {
+	import { FunctionComponent } from 'react';
+	import { EuiFieldNumberProps } from '@elastic/eui/src/components/form/field_number';
+	import type { _SingleRangeValue, _SharedRangeInputSide } from '@elastic/eui/src/components/form/range/types';
+	export interface EuiRangeInputProps extends Omit<EuiFieldNumberProps, 'max' | 'min' | 'value' | 'step'>, Omit<_SingleRangeValue, 'onChange'>, _SharedRangeInputSide {
+	    autoSize?: boolean;
+	}
+	export const EuiRangeInput: FunctionComponent<EuiRangeInputProps>;
+
 }
 declare module '@elastic/eui/src/components/form/range/types' {
 	import type { ReactNode, CSSProperties, InputHTMLAttributes } from 'react';
 	import type { CommonProps } from '@elastic/eui/src/components/common';
 	import type { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form/form_control_layout';
 	import type { EuiRangeLevelColor } from '@elastic/eui/src/components/form/range/range_levels_colors';
+	import { EuiRangeInputProps } from '@elastic/eui/src/components/form/range/range_input';
 	/**
 	 * Internal type atoms split up both for easier categorization
 	 * and for easier reusing/picking
@@ -5193,7 +5212,7 @@ declare module '@elastic/eui/src/components/form/range/types' {
 	    /**
 	     * Intended to be used with aria attributes. Some attributes may be overwritten.
 	     */
-	    minInputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'max' | 'min' | 'value' | 'step' | 'disabled' | 'readonly' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onMouseDown'>;
+	    minInputProps?: Partial<Omit<EuiRangeInputProps, 'max' | 'min' | 'step' | 'compressed' | 'autoSize' | 'fullWidth' | 'controlOnly'>>;
 	    /**
 	     *  Intended to be used with aria attributes. Some attributes may be overwritten.
 	     */
@@ -5337,23 +5356,6 @@ declare module '@elastic/eui/src/components/form/range/range_highlight' {
 	}
 	export const EuiRangeHighlight: FunctionComponent<EuiRangeHighlightProps>;
 
-}
-declare module '@elastic/eui/src/components/form/range/range_input.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiRangeInputStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiRangeInput: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/form/range/range_input' {
-	import { FunctionComponent } from 'react';
-	import { EuiFieldNumberProps } from '@elastic/eui/src/components/form/field_number';
-	import type { _SingleRangeValue, _SharedRangeInputSide } from '@elastic/eui/src/components/form/range/types';
-	export interface EuiRangeInputProps extends Omit<EuiFieldNumberProps, 'max' | 'min' | 'value' | 'step'>, Omit<_SingleRangeValue, 'onChange'>, _SharedRangeInputSide {
-	    autoSize?: boolean;
-	}
-	export const EuiRangeInput: FunctionComponent<EuiRangeInputProps>;
-
 }
 declare module '@elastic/eui/src/components/form/range/range_label.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -8168,16 +8170,9 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	import React, { Component, HTMLAttributes, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { WithEuiThemeProps } from '@elastic/eui/src/services';
-	import { EuiButtonIconProps } from '@elastic/eui/src/components/button'; const paddingSizeToClassNameMap: {
-	    none: string;
-	    xs: string;
-	    s: string;
-	    m: string;
-	    l: string;
-	    xl: string;
-	};
-	export const PADDING_SIZES: ("s" | "xs" | "m" | "l" | "xl" | "none")[];
-	export type EuiAccordionSize = keyof typeof paddingSizeToClassNameMap;
+	import { EuiButtonIconProps } from '@elastic/eui/src/components/button';
+	export const PADDING_SIZES: readonly ["none", "xs", "s", "m", "l", "xl"];
+	export type EuiAccordionPaddingSize = (typeof PADDING_SIZES)[number];
 	export type EuiAccordionProps = CommonProps & Omit<HTMLAttributes<HTMLElement>, 'id'> & {
 	    id: string;
 	    /**
@@ -8225,7 +8220,7 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	    /**
 	     * The padding around the exposed accordion content.
 	     */
-	    paddingSize?: EuiAccordionSize;
+	    paddingSize?: EuiAccordionPaddingSize;
 	    /**
 	     * Placement of the arrow indicator, or 'none' to hide it.
 	     */
@@ -8276,7 +8271,6 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	    render(): JSX.Element;
 	}
 	export const EuiAccordion: React.ForwardRefExoticComponent<Omit<EuiAccordionProps, "theme"> & React.RefAttributes<Omit<EuiAccordionProps, "theme">>>;
-	export {};
 
 }
 declare module '@elastic/eui/src/components/accordion' {
@@ -19351,12 +19345,12 @@ declare module '@elastic/eui/src/components/search_bar/search_filters' {
 	import { SearchFilterConfig } from '@elastic/eui/src/components/search_bar/filters';
 	import { Query } from '@elastic/eui/src/components/search_bar/query';
 	export type { SearchFilterConfig } from '@elastic/eui/src/components/search_bar/filters';
-	interface EuiSearchFiltersProps {
+	interface EuiSearchBarFiltersProps {
 	    query: Query;
 	    onChange: (query: Query) => void;
 	    filters: SearchFilterConfig[];
-	} type DefaultProps = Pick<EuiSearchFiltersProps, 'filters'>;
-	export class EuiSearchFilters extends Component<EuiSearchFiltersProps> {
+	} type DefaultProps = Pick<EuiSearchBarFiltersProps, 'filters'>;
+	export class EuiSearchBarFilters extends Component<EuiSearchBarFiltersProps> {
 	    static defaultProps: DefaultProps;
 	    render(): JSX.Element;
 	}
@@ -19447,6 +19441,7 @@ declare module '@elastic/eui/src/components/search_bar/search_bar' {
 declare module '@elastic/eui/src/components/search_bar' {
 	export type { EuiSearchBarProps, EuiSearchBarOnChangeArgs, QueryType, } from '@elastic/eui/src/components/search_bar/search_bar';
 	export { EuiSearchBar, Query, Ast } from '@elastic/eui/src/components/search_bar/search_bar';
+	export { EuiSearchBarFilters } from '@elastic/eui/src/components/search_bar/search_filters';
 	export type { SearchFilterConfig } from '@elastic/eui/src/components/search_bar/search_filters';
 	export type { FieldValueOptionType } from '@elastic/eui/src/components/search_bar/filters/field_value_selection_filter';
 

package/i18ntokens.json

@@ -5,14 +5,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 362,
+        "line": 349,
         "column": 16,
-        "index": 10487
+        "index": 10174
       },
       "end": {
-        "line": 362,
+        "line": 349,
         "column": 76,
-        "index": 10547
+        "index": 10234
       }
     },
     "filepath": "src/components/accordion/accordion.tsx"
@@ -4847,14 +4847,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 562,
+        "line": 614,
         "column": 6,
-        "index": 17169
+        "index": 18263
       },
       "end": {
-        "line": 565,
+        "line": 617,
         "column": 8,
-        "index": 17404
+        "index": 18498
       }
     },
     "filepath": "src/components/form/range/dual_range.tsx"

package/lib/components/accordion/accordion.js

@@ -7,7 +7,6 @@ exports.PADDING_SIZES = exports.EuiAccordionClass = exports.EuiAccordion = void
 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");
@@ -44,15 +43,7 @@ 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 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) {
   _inherits(EuiAccordionClass, _Component);
@@ -155,8 +146,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);
@@ -170,7 +160,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);
@@ -330,7 +320,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/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js

@@ -239,7 +239,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/lib/components/focus_trap/focus_trap.js

@@ -153,6 +153,7 @@ _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`
 });
 EuiFocusTrap.propTypes = {