@elastic/eui 68.0.0 → 70.0.0

package/optimize/es/components/form/field_text/field_text.js

@@ -14,25 +14,29 @@ import classNames from 'classnames';
 import { EuiFormControlLayout } from '../form_control_layout';
 import { EuiValidatableControl } from '../validatable_control';
 import { getFormControlClassNameForIconCount } from '../form_control_layout/_num_icons';
+import { useFormContext } from '../eui_form_context';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiFieldText = function EuiFieldText(_ref) {
-  var id = _ref.id,
-      name = _ref.name,
-      placeholder = _ref.placeholder,
-      value = _ref.value,
-      className = _ref.className,
-      icon = _ref.icon,
-      isInvalid = _ref.isInvalid,
-      inputRef = _ref.inputRef,
-      _ref$fullWidth = _ref.fullWidth,
-      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      isLoading = _ref.isLoading,
-      compressed = _ref.compressed,
-      prepend = _ref.prepend,
-      append = _ref.append,
-      readOnly = _ref.readOnly,
-      controlOnly = _ref.controlOnly,
-      rest = _objectWithoutProperties(_ref, _excluded);
+export var EuiFieldText = function EuiFieldText(props) {
+  var _useFormContext = useFormContext(),
+      defaultFullWidth = _useFormContext.defaultFullWidth;
+
+  var id = props.id,
+      name = props.name,
+      placeholder = props.placeholder,
+      value = props.value,
+      className = props.className,
+      icon = props.icon,
+      isInvalid = props.isInvalid,
+      inputRef = props.inputRef,
+      _props$fullWidth = props.fullWidth,
+      fullWidth = _props$fullWidth === void 0 ? defaultFullWidth : _props$fullWidth,
+      isLoading = props.isLoading,
+      compressed = props.compressed,
+      prepend = props.prepend,
+      append = props.append,
+      readOnly = props.readOnly,
+      controlOnly = props.controlOnly,
+      rest = _objectWithoutProperties(props, _excluded);
 
   var numIconsClass = getFormControlClassNameForIconCount({
     isInvalid: isInvalid,

package/optimize/es/components/form/file_picker/file_picker.js

@@ -30,6 +30,7 @@ import { EuiIcon } from '../../icon';
 import { EuiI18n } from '../../i18n';
 import { EuiLoadingSpinner } from '../../loading';
 import { htmlIdGenerator } from '../../../services/accessibility';
+import { FormContext } from '../eui_form_context';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var displayToClassNameMap = {
   default: null,
@@ -125,6 +126,8 @@ export var EuiFilePicker = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
+      var _ref = this.context,
+          defaultFullWidth = _ref.defaultFullWidth;
       return ___EmotionJSX(EuiI18n, {
         token: "euiFilePicker.clearSelectedFiles",
         default: "Clear selected files"
@@ -138,7 +141,8 @@ export var EuiFilePicker = /*#__PURE__*/function (_Component) {
             compressed = _this2$props.compressed,
             onChange = _this2$props.onChange,
             isInvalid = _this2$props.isInvalid,
-            fullWidth = _this2$props.fullWidth,
+            _this2$props$fullWidt = _this2$props.fullWidth,
+            fullWidth = _this2$props$fullWidt === void 0 ? defaultFullWidth : _this2$props$fullWidt,
             isLoading = _this2$props.isLoading,
             display = _this2$props.display,
             rest = _objectWithoutProperties(_this2$props, _excluded);
@@ -231,6 +235,8 @@ export var EuiFilePicker = /*#__PURE__*/function (_Component) {
   return EuiFilePicker;
 }(Component);
 
+_defineProperty(EuiFilePicker, "contextType", FormContext);
+
 _defineProperty(EuiFilePicker, "defaultProps", {
   initialPromptText: ___EmotionJSX(EuiI18n, {
     token: "euiFilePicker.promptText",

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "isInvalid", "error", "component", "invalidCallout"];
+var _excluded = ["children", "className", "isInvalid", "error", "component", "invalidCallout", "fullWidth"];
 
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -13,6 +13,7 @@ import React, { useCallback, forwardRef } from 'react';
 import classNames from 'classnames';
 import { EuiCallOut } from '../call_out';
 import { EuiI18n } from '../i18n';
+import { FormContext } from './eui_form_context';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiForm = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -23,8 +24,14 @@ export var EuiForm = /*#__PURE__*/forwardRef(function (_ref, ref) {
       component = _ref$component === void 0 ? 'div' : _ref$component,
       _ref$invalidCallout = _ref.invalidCallout,
       invalidCallout = _ref$invalidCallout === void 0 ? 'above' : _ref$invalidCallout,
+      fullWidth = _ref.fullWidth,
       rest = _objectWithoutProperties(_ref, _excluded);
 
+  var formContext = React.useMemo(function () {
+    return {
+      defaultFullWidth: fullWidth !== null && fullWidth !== void 0 ? fullWidth : false
+    };
+  }, [fullWidth]);
   var handleFocus = useCallback(function (node) {
     node === null || node === void 0 ? void 0 : node.focus();
   }, []);
@@ -65,6 +72,8 @@ export var EuiForm = /*#__PURE__*/forwardRef(function (_ref, ref) {
   , _extends({
     ref: ref,
     className: classes
-  }, rest), optionalErrorAlert, children);
+  }, rest), ___EmotionJSX(FormContext.Provider, {
+    value: formContext
+  }, optionalErrorAlert, children));
 });
 EuiForm.displayName = 'EuiForm';

package/optimize/es/components/form/form_control_layout/form_control_layout.js

@@ -5,6 +5,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "icon", "clear", "fullWidth", "isLoading", "isDisabled", "compressed", "className", "prepend", "append", "readOnly", "isInvalid", "isDropdown", "inputId"];
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -22,6 +23,7 @@ import React, { cloneElement, Component } from 'react';
 import classNames from 'classnames';
 import { EuiFormControlLayoutIcons } from './form_control_layout_icons';
 import { EuiFormLabel } from '../form_label';
+import { FormContext } from '../eui_form_context';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export { ICON_SIDES } from './form_control_layout_icons';
 export var EuiFormControlLayout = /*#__PURE__*/function (_Component) {
@@ -38,11 +40,15 @@ export var EuiFormControlLayout = /*#__PURE__*/function (_Component) {
   _createClass(EuiFormControlLayout, [{
     key: "render",
     value: function render() {
+      var _ref = this.context,
+          defaultFullWidth = _ref.defaultFullWidth;
+
       var _this$props = this.props,
           children = _this$props.children,
           icon = _this$props.icon,
           clear = _this$props.clear,
-          fullWidth = _this$props.fullWidth,
+          _this$props$fullWidth = _this$props.fullWidth,
+          fullWidth = _this$props$fullWidth === void 0 ? defaultFullWidth : _this$props$fullWidth,
           isLoading = _this$props.isLoading,
           isDisabled = _this$props.isDisabled,
           compressed = _this$props.compressed,
@@ -114,4 +120,6 @@ export var EuiFormControlLayout = /*#__PURE__*/function (_Component) {
   }]);
 
   return EuiFormControlLayout;
-}(Component);
+}(Component);
+
+_defineProperty(EuiFormControlLayout, "contextType", FormContext);

package/optimize/es/components/form/form_row/form_row.js

@@ -32,6 +32,7 @@ import { get } from '../../../services/objects';
 import { EuiFormHelpText } from '../form_help_text';
 import { EuiFormErrorText } from '../form_error_text';
 import { EuiFormLabel } from '../form_label';
+import { FormContext } from '../eui_form_context';
 import { htmlIdGenerator } from '../../../services/accessibility';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var displayToClassNameMap = {
@@ -104,7 +105,10 @@ export var EuiFormRow = /*#__PURE__*/function (_Component) {
   _createClass(EuiFormRow, [{
     key: "render",
     value: function render() {
-      var _ref2, _child$props$disabled;
+      var _ref3, _child$props$disabled;
+
+      var _ref2 = this.context,
+          defaultFullWidth = _ref2.defaultFullWidth;
 
       var _this$props = this.props,
           children = _this$props.children,
@@ -115,7 +119,8 @@ export var EuiFormRow = /*#__PURE__*/function (_Component) {
           labelType = _this$props.labelType,
           labelAppend = _this$props.labelAppend,
           hasEmptyLabelSpace = _this$props.hasEmptyLabelSpace,
-          fullWidth = _this$props.fullWidth,
+          _this$props$fullWidth = _this$props.fullWidth,
+          fullWidth = _this$props$fullWidth === void 0 ? defaultFullWidth : _this$props$fullWidth,
           className = _this$props.className,
           describedByIds = _this$props.describedByIds,
           display = _this$props.display,
@@ -220,7 +225,7 @@ export var EuiFormRow = /*#__PURE__*/function (_Component) {
       var field = /*#__PURE__*/cloneElement(child, _objectSpread({
         id: id,
         // Allow the child's disabled or isDisabled prop to supercede the `isDisabled`
-        disabled: (_ref2 = (_child$props$disabled = child.props.disabled) !== null && _child$props$disabled !== void 0 ? _child$props$disabled : child.props.isDisabled) !== null && _ref2 !== void 0 ? _ref2 : isDisabled,
+        disabled: (_ref3 = (_child$props$disabled = child.props.disabled) !== null && _child$props$disabled !== void 0 ? _child$props$disabled : child.props.isDisabled) !== null && _ref3 !== void 0 ? _ref3 : isDisabled,
         onFocus: this.onFocus,
         onBlur: this.onBlur
       }, optionalProps));
@@ -247,10 +252,11 @@ export var EuiFormRow = /*#__PURE__*/function (_Component) {
   return EuiFormRow;
 }(Component);
 
+_defineProperty(EuiFormRow, "contextType", FormContext);
+
 _defineProperty(EuiFormRow, "defaultProps", {
   display: 'row',
   hasEmptyLabelSpace: false,
-  fullWidth: false,
   describedByIds: [],
   labelType: 'label',
   hasChildLabel: true

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

@@ -37,6 +37,7 @@ import { EuiRangeThumb } from './range_thumb';
 import { EuiRangeTrack } from './range_track';
 import { EuiRangeWrapper } from './range_wrapper';
 import { calculateThumbPosition } from './utils';
+import { FormContext } from '../eui_form_context';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiDualRange = /*#__PURE__*/function (_Component) {
   _inherits(EuiDualRange, _Component);
@@ -438,12 +439,16 @@ export var EuiDualRange = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
+      var _ref = this.context,
+          defaultFullWidth = _ref.defaultFullWidth;
+
       var _this$props2 = this.props,
           className = _this$props2.className,
           customCss = _this$props2.css,
           compressed = _this$props2.compressed,
           disabled = _this$props2.disabled,
-          fullWidth = _this$props2.fullWidth,
+          _this$props2$fullWidt = _this$props2.fullWidth,
+          fullWidth = _this$props2$fullWidt === void 0 ? defaultFullWidth : _this$props2$fullWidt,
           isLoading = _this$props2.isLoading,
           readOnly = _this$props2.readOnly,
           propsId = _this$props2.id,
@@ -667,11 +672,12 @@ export var EuiDualRange = /*#__PURE__*/function (_Component) {
   return EuiDualRange;
 }(Component);
 
+_defineProperty(EuiDualRange, "contextType", FormContext);
+
 _defineProperty(EuiDualRange, "defaultProps", {
   min: 0,
   max: 100,
   step: 1,
-  fullWidth: false,
   compressed: false,
   isLoading: false,
   showLabels: false,

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

@@ -32,6 +32,7 @@ import { EuiRangeSlider } from './range_slider';
 import { EuiRangeTooltip } from './range_tooltip';
 import { EuiRangeTrack } from './range_track';
 import { EuiRangeWrapper } from './range_wrapper';
+import { FormContext } from '../eui_form_context';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiRange = /*#__PURE__*/function (_Component) {
   _inherits(EuiRange, _Component);
@@ -114,11 +115,15 @@ export var EuiRange = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
+      var _ref = this.context,
+          defaultFullWidth = _ref.defaultFullWidth;
+
       var _this$props = this.props,
           className = _this$props.className,
           compressed = _this$props.compressed,
           disabled = _this$props.disabled,
-          fullWidth = _this$props.fullWidth,
+          _this$props$fullWidth = _this$props.fullWidth,
+          fullWidth = _this$props$fullWidth === void 0 ? defaultFullWidth : _this$props$fullWidth,
           isLoading = _this$props.isLoading,
           readOnly = _this$props.readOnly,
           propsId = _this$props.id,
@@ -252,11 +257,12 @@ export var EuiRange = /*#__PURE__*/function (_Component) {
   return EuiRange;
 }(Component);
 
+_defineProperty(EuiRange, "contextType", FormContext);
+
 _defineProperty(EuiRange, "defaultProps", {
   min: 0,
   max: 100,
   step: 1,
-  fullWidth: false,
   compressed: false,
   isLoading: false,
   showLabels: false,

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

@@ -11,13 +11,18 @@ var _excluded = ["children", "className", "fullWidth", "compressed"];
  */
 import React, { forwardRef } from 'react';
 import classNames from 'classnames';
+import { useFormContext } from '../eui_form_context';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiRangeWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      fullWidth = _ref.fullWidth,
-      compressed = _ref.compressed,
-      rest = _objectWithoutProperties(_ref, _excluded);
+export var EuiRangeWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _useFormContext = useFormContext(),
+      defaultFullWidth = _useFormContext.defaultFullWidth;
+
+  var children = props.children,
+      className = props.className,
+      _props$fullWidth = props.fullWidth,
+      fullWidth = _props$fullWidth === void 0 ? defaultFullWidth : _props$fullWidth,
+      compressed = props.compressed,
+      rest = _objectWithoutProperties(props, _excluded);
 
   var classes = classNames('euiRangeWrapper', {
     'euiRangeWrapper--fullWidth': fullWidth,

package/optimize/es/components/form/select/select.js

@@ -14,34 +14,38 @@ import React from 'react';
 import classNames from 'classnames';
 import { EuiFormControlLayout } from '../form_control_layout';
 import { EuiValidatableControl } from '../validatable_control';
+import { useFormContext } from '../eui_form_context';
 import { getFormControlClassNameForIconCount } from '../form_control_layout/_num_icons';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiSelect = function EuiSelect(_ref) {
-  var className = _ref.className,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? [] : _ref$options,
-      id = _ref.id,
-      name = _ref.name,
-      inputRef = _ref.inputRef,
-      isInvalid = _ref.isInvalid,
-      _ref$fullWidth = _ref.fullWidth,
-      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      _ref$isLoading = _ref.isLoading,
-      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-      _ref$hasNoInitialSele = _ref.hasNoInitialSelection,
-      hasNoInitialSelection = _ref$hasNoInitialSele === void 0 ? false : _ref$hasNoInitialSele,
-      defaultValue = _ref.defaultValue,
-      _ref$compressed = _ref.compressed,
-      compressed = _ref$compressed === void 0 ? false : _ref$compressed,
-      _value = _ref.value,
-      prepend = _ref.prepend,
-      append = _ref.append,
-      onMouseUp = _ref.onMouseUp,
-      disabled = _ref.disabled,
-      rest = _objectWithoutProperties(_ref, _excluded);
+export var EuiSelect = function EuiSelect(props) {
+  var _useFormContext = useFormContext(),
+      defaultFullWidth = _useFormContext.defaultFullWidth;
 
-  // if this is injecting an empty option for `hasNoInitialSelection` then
+  var className = props.className,
+      _props$options = props.options,
+      options = _props$options === void 0 ? [] : _props$options,
+      id = props.id,
+      name = props.name,
+      inputRef = props.inputRef,
+      isInvalid = props.isInvalid,
+      _props$fullWidth = props.fullWidth,
+      fullWidth = _props$fullWidth === void 0 ? defaultFullWidth : _props$fullWidth,
+      _props$isLoading = props.isLoading,
+      isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
+      _props$hasNoInitialSe = props.hasNoInitialSelection,
+      hasNoInitialSelection = _props$hasNoInitialSe === void 0 ? false : _props$hasNoInitialSe,
+      defaultValue = props.defaultValue,
+      _props$compressed = props.compressed,
+      compressed = _props$compressed === void 0 ? false : _props$compressed,
+      _value = props.value,
+      prepend = props.prepend,
+      append = props.append,
+      onMouseUp = props.onMouseUp,
+      disabled = props.disabled,
+      rest = _objectWithoutProperties(props, _excluded); // if this is injecting an empty option for `hasNoInitialSelection` then
   // value needs to fallback to an empty string to interact properly with `defaultValue`
+
+
   var value = hasNoInitialSelection ? _value !== null && _value !== void 0 ? _value : '' : _value;
 
   var handleMouseUp = function handleMouseUp(e) {

package/optimize/es/components/form/super_select/super_select_control.js

@@ -15,29 +15,33 @@ import { EuiScreenReaderOnly } from '../../accessibility';
 import { EuiFormControlLayout } from '../form_control_layout';
 import { EuiI18n } from '../../i18n';
 import { getFormControlClassNameForIconCount } from '../form_control_layout/_num_icons';
+import { useFormContext } from '../eui_form_context';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiSuperSelectControl = function EuiSuperSelectControl(_ref) {
-  var className = _ref.className,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? [] : _ref$options,
-      id = _ref.id,
-      name = _ref.name,
-      _ref$fullWidth = _ref.fullWidth,
-      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      _ref$isLoading = _ref.isLoading,
-      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-      _ref$isInvalid = _ref.isInvalid,
-      isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
-      readOnly = _ref.readOnly,
-      defaultValue = _ref.defaultValue,
-      _ref$compressed = _ref.compressed,
-      compressed = _ref$compressed === void 0 ? false : _ref$compressed,
-      value = _ref.value,
-      prepend = _ref.prepend,
-      append = _ref.append,
-      screenReaderId = _ref.screenReaderId,
-      disabled = _ref.disabled,
-      rest = _objectWithoutProperties(_ref, _excluded);
+export var EuiSuperSelectControl = function EuiSuperSelectControl(props) {
+  var _useFormContext = useFormContext(),
+      defaultFullWidth = _useFormContext.defaultFullWidth;
+
+  var className = props.className,
+      _props$options = props.options,
+      options = _props$options === void 0 ? [] : _props$options,
+      id = props.id,
+      name = props.name,
+      _props$fullWidth = props.fullWidth,
+      fullWidth = _props$fullWidth === void 0 ? defaultFullWidth : _props$fullWidth,
+      _props$isLoading = props.isLoading,
+      isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
+      _props$isInvalid = props.isInvalid,
+      isInvalid = _props$isInvalid === void 0 ? false : _props$isInvalid,
+      readOnly = props.readOnly,
+      defaultValue = props.defaultValue,
+      _props$compressed = props.compressed,
+      compressed = _props$compressed === void 0 ? false : _props$compressed,
+      value = props.value,
+      prepend = props.prepend,
+      append = props.append,
+      screenReaderId = props.screenReaderId,
+      disabled = props.disabled,
+      rest = _objectWithoutProperties(props, _excluded);
 
   var numIconsClass = getFormControlClassNameForIconCount({
     isInvalid: isInvalid,

package/optimize/es/components/form/text_area/text_area.js

@@ -12,6 +12,7 @@ var _excluded = ["children", "className", "compressed", "fullWidth", "id", "inpu
 import React from 'react';
 import classNames from 'classnames';
 import { EuiValidatableControl } from '../validatable_control';
+import { useFormContext } from '../eui_form_context';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var resizeToClassNameMap = {
   vertical: 'euiTextArea--resizeVertical',
@@ -20,21 +21,24 @@ var resizeToClassNameMap = {
   none: 'euiTextArea--resizeNone'
 };
 export var RESIZE = Object.keys(resizeToClassNameMap);
-export var EuiTextArea = function EuiTextArea(_ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      compressed = _ref.compressed,
-      _ref$fullWidth = _ref.fullWidth,
-      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      id = _ref.id,
-      inputRef = _ref.inputRef,
-      isInvalid = _ref.isInvalid,
-      name = _ref.name,
-      placeholder = _ref.placeholder,
-      _ref$resize = _ref.resize,
-      resize = _ref$resize === void 0 ? 'vertical' : _ref$resize,
-      rows = _ref.rows,
-      rest = _objectWithoutProperties(_ref, _excluded);
+export var EuiTextArea = function EuiTextArea(props) {
+  var _useFormContext = useFormContext(),
+      defaultFullWidth = _useFormContext.defaultFullWidth;
+
+  var children = props.children,
+      className = props.className,
+      compressed = props.compressed,
+      _props$fullWidth = props.fullWidth,
+      fullWidth = _props$fullWidth === void 0 ? defaultFullWidth : _props$fullWidth,
+      id = props.id,
+      inputRef = props.inputRef,
+      isInvalid = props.isInvalid,
+      name = props.name,
+      placeholder = props.placeholder,
+      _props$resize = props.resize,
+      resize = _props$resize === void 0 ? 'vertical' : _props$resize,
+      rows = props.rows,
+      rest = _objectWithoutProperties(props, _excluded);
 
   var classes = classNames('euiTextArea', resizeToClassNameMap[resize], {
     'euiTextArea--fullWidth': fullWidth,

package/optimize/es/components/icon/assets/filter.js

@@ -27,8 +27,7 @@ var EuiIconFilter = function EuiIconFilter(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    d: "M7.999 15.999a8 8 0 110-16 8 8 0 010 16zM8 15A7 7 0 108 1a7 7 0 000 14zM3.5 5h9a.5.5 0 110 1h-9a.5.5 0 010-1zm2 3h5a.5.5 0 110 1h-5a.5.5 0 010-1zm2 3h1a.5.5 0 110 1h-1a.5.5 0 110-1z"
+    d: "M3 5.5a.5.5 0 01.5-.5h9a.5.5 0 010 1h-9a.5.5 0 01-.5-.5zm2 3a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM7.5 11a.5.5 0 000 1h1a.5.5 0 000-1h-1z"
   }));
 };
 

package/optimize/es/components/icon/assets/filterExclude.js

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var EuiIconFilterExclude = function EuiIconFilterExclude(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    d: "M.5 1a.5.5 0 000 1h9a.5.5 0 000-1h-9z"
+  }), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    d: "M16 11.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zm-8 0a.5.5 0 01.5-.5h6a.5.5 0 010 1h-6a.5.5 0 01-.5-.5z"
+  }), ___EmotionJSX("path", {
+    d: "M2 4.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM4.5 7a.5.5 0 000 1h1a.5.5 0 000-1h-1z"
+  }));
+};
+
+export var icon = EuiIconFilterExclude;

package/optimize/es/components/icon/assets/filterIgnore.js

@@ -0,0 +1,34 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var EuiIconFilterIgnore = function EuiIconFilterIgnore(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    d: "M.5 1a.5.5 0 000 1h9a.5.5 0 000-1h-9zM2 4.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zm2 3a.5.5 0 01.5-.5h1a.5.5 0 010 1h-1a.5.5 0 01-.5-.5zM16 11.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zm-4.5-.707L9.854 9.146a.5.5 0 10-.708.708l1.647 1.646-1.647 1.646a.5.5 0 00.708.708l1.646-1.647 1.646 1.647a.5.5 0 00.708-.708L12.207 11.5l1.647-1.646a.5.5 0 00-.708-.708L11.5 10.793z"
+  }));
+};
+
+export var icon = EuiIconFilterIgnore;

package/optimize/es/components/icon/assets/filterInclude.js

@@ -0,0 +1,34 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var EuiIconFilterInclude = function EuiIconFilterInclude(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    d: "M.5 1a.5.5 0 000 1h9a.5.5 0 000-1h-9zM16 11.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zm-4-3a.5.5 0 00-1 0V11H8.5a.5.5 0 000 1H11v2.5a.5.5 0 001 0V12h2.5a.5.5 0 000-1H12V8.5zM2 4.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM4.5 7a.5.5 0 000 1h1a.5.5 0 000-1h-1z"
+  }));
+};
+
+export var icon = EuiIconFilterInclude;

package/optimize/es/components/icon/assets/indexTemporary.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var EuiIconIndexTemporary = function EuiIconIndexTemporary(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    d: "M3 13V2h11V1H2v13h2v-1H3z"
+  }), ___EmotionJSX("path", {
+    d: "M11.999 5H6V4h5.999v1zM4 4v1h1V4H4zm2 3v1h4V7H6zM4 7v1h1V7H4zm2 3v1h2v-1H6zm-2 0v1h1v-1H4zm10-7h-1v1h1V3zm-1 2h1v1h-1V5zm1 2h-1v1h1V7zm-1 2h1v1h-1V9zm1 2h-1v1h1v-1zm-1 2h1v1h-1v-1zm-7 0H5v1h1v-1zm1 0h1v1H7v-1zm3 0H9v1h1v-1zm1 0h1v1h-1v-1z"
+  }));
+};
+
+export var icon = EuiIconIndexTemporary;