@elastic/eui 94.2.1 → 94.4.0

package/optimize/es/components/text/text_color.js

@@ -16,6 +16,9 @@ import { useEuiMemoizedStyles, cloneElementWithCss } from '../../services';
 import { euiTextColorStyles } from './text_color.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var COLORS = ['default', 'subdued', 'success', 'accent', 'danger', 'warning', 'ghost', 'inherit'];
+export var _isNamedColor = function _isNamedColor(color) {
+  return COLORS.includes(color);
+};
 export var EuiTextColor = function EuiTextColor(_ref) {
   var children = _ref.children,
     _ref$color = _ref.color,
@@ -26,7 +29,7 @@ export var EuiTextColor = function EuiTextColor(_ref) {
     cloneElement = _ref$cloneElement === void 0 ? false : _ref$cloneElement,
     style = _ref.style,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var isNamedColor = COLORS.includes(color);
+  var isNamedColor = _isNamedColor(color);
   var styles = useEuiMemoizedStyles(euiTextColorStyles);
   var cssStyles = [styles.euiTextColor, isNamedColor ? styles[color] : styles.customColor];
 

package/optimize/es/components/token/token_map.js

@@ -49,6 +49,10 @@ export var TOKEN_MAP = {
     shape: 'square',
     color: 'euiColorVis6'
   },
+  tokenDimension: {
+    shape: 'square',
+    color: 'euiColorVis1'
+  },
   tokenElement: {
     shape: 'square',
     color: 'euiColorVis3'

package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js

@@ -15,6 +15,7 @@ var _button_icon = require("../../../button/button_icon");
 var _tool_tip = require("../../../tool_tip");
 var _context = require("../../context");
 var _collapsed_nav_button = require("./collapsed_nav_button.styles");
+var _i18n = require("../../../i18n");
 var _react2 = require("@emotion/react");
 var _excluded = ["href", "title", "icon", "iconProps", "isSelected", "onClick", "hideToolTip", "linkProps", "titleElement"];
 /*
@@ -44,6 +45,9 @@ var EuiCollapsedNavButton = function EuiCollapsedNavButton(_ref) {
   var buttonClassName = (0, _classnames.default)('euiCollapsedNavButton', linkProps === null || linkProps === void 0 ? void 0 : linkProps.className);
   var tooltipStyles = (0, _services.useEuiMemoizedStyles)(_collapsed_nav_button.euiCollapsedNavItemTooltipStyles);
   var tooltipCssStyles = [tooltipStyles.euiCollapsedNavItemTooltip, tooltipStyles[side], hideToolTip && tooltipStyles.hidden];
+  var buttonIconAriaLabel = (0, _i18n.useEuiI18n)('euiCollapsedNavButton.ariaLabelButtonIcon', '{title}, quick navigation menu', {
+    title: title
+  });
   return (0, _react2.jsx)(_tool_tip.EuiToolTip, {
     content: title,
     css: tooltipCssStyles,
@@ -56,7 +60,7 @@ var EuiCollapsedNavButton = function EuiCollapsedNavButton(_ref) {
     color: "text",
     href: href,
     onClick: onClick,
-    "aria-label": title
+    "aria-label": buttonIconAriaLabel
   }, linkProps, {
     // Exclusive union shenanigans
     className: buttonClassName,

package/optimize/lib/components/combo_box/combo_box_input/combo_box_input.js

@@ -25,7 +25,7 @@ var _num_icons = require("../../form/form_control_layout/_num_icons");
 var _utils = require("../utils");
 var _combo_box_pill = require("./combo_box_pill");
 var _react2 = require("@emotion/react");
-var _excluded = ["key", "label", "color", "onClick", "append", "prepend", "truncationProps"];
+var _excluded = ["key", "label", "color", "onClick", "append", "prepend", "truncationProps", "toolTipContent", "toolTipProps"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -129,6 +129,8 @@ var EuiComboBoxInput = /*#__PURE__*/function (_Component) {
           append = option.append,
           prepend = option.prepend,
           truncationProps = option.truncationProps,
+          toolTipContent = option.toolTipContent,
+          toolTipProps = option.toolTipProps,
           rest = (0, _objectWithoutProperties2.default)(option, _excluded);
         var pillOnClose = isDisabled || _this.props.singleSelection || onClick ? undefined : onRemoveOption;
         return (0, _react2.jsx)(_combo_box_pill.EuiComboBoxPill, (0, _extends2.default)({

package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js

@@ -219,7 +219,8 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
       if (isLoading) {
         emptyStateContent = (0, _react2.jsx)(_flex.EuiFlexGroup, {
           gutterSize: "s",
-          justifyContent: "center"
+          justifyContent: "center",
+          responsive: false
         }, (0, _react2.jsx)(_flex.EuiFlexItem, {
           grow: false
         }, (0, _react2.jsx)(_loading.EuiLoadingSpinner, {

package/optimize/lib/components/datagrid/controls/data_grid_toolbar.js

@@ -5,7 +5,7 @@ var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EuiDataGridToolbar = void 0;
+exports.MINIMUM_WIDTH_FOR_GRID_CONTROLS = exports.EuiDataGridToolbar = void 0;
 exports.checkOrDefaultToolBarDisplayOptions = checkOrDefaultToolBarDisplayOptions;
 exports.getNestedObjectOptions = getNestedObjectOptions;
 exports.renderAdditionalControls = void 0;
@@ -26,6 +26,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // When below this number the grid only shows the right control icon buttons
 var MINIMUM_WIDTH_FOR_GRID_CONTROLS = 479;
+exports.MINIMUM_WIDTH_FOR_GRID_CONTROLS = MINIMUM_WIDTH_FOR_GRID_CONTROLS;
 var EuiDataGridToolbar = function EuiDataGridToolbar(_ref) {
   var gridWidth = _ref.gridWidth,
     _ref$minSizeForContro = _ref.minSizeForControls,

package/optimize/lib/components/date_picker/super_date_picker/date_popover/absolute_tab.js

@@ -17,8 +17,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _moment = _interopRequireDefault(require("moment"));
 var _datemath = _interopRequireDefault(require("@elastic/datemath"));
-var _services = require("../../../../services");
 var _form = require("../../../form");
+var _flex = require("../../../flex");
+var _button = require("../../../button");
 var _code = require("../../../code");
 var _i18n = require("../../../i18n");
 var _date_picker = require("../../date_picker");
@@ -152,20 +153,29 @@ var EuiAbsoluteTab = /*#__PURE__*/function (_Component) {
         locale: locale,
         utcOffset: utcOffset
       }), (0, _react2.jsx)(_i18n.EuiI18n, {
-        tokens: ['euiAbsoluteTab.dateFormatHint', 'euiAbsoluteTab.dateFormatError'],
-        defaults: ['Press the Enter key to parse as a date.', 'Allowed formats: {dateFormat}, ISO 8601, RFC 2822, or Unix timestamp.'],
+        tokens: ['euiAbsoluteTab.dateFormatButtonLabel', 'euiAbsoluteTab.dateFormatError'],
+        defaults: ['Parse date', 'Allowed formats: {dateFormat}, ISO 8601, RFC 2822, or Unix timestamp.'],
         values: {
           dateFormat: (0, _react2.jsx)(_code.EuiCode, null, dateFormat)
         }
       }, function (_ref) {
         var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-          dateFormatHint = _ref2[0],
+          dateFormatButtonLabel = _ref2[0],
           dateFormatError = _ref2[1];
-        return (0, _react2.jsx)(_form.EuiFormRow, {
+        return (0, _react2.jsx)(_flex.EuiFlexGroup, {
+          component: "form",
+          onSubmit: function onSubmit(e) {
+            e.preventDefault(); // Prevents a page refresh/reload
+            _this2.parseUserDateInput(textInputValue);
+          },
+          className: "euiSuperDatePicker__absoluteDateForm",
+          gutterSize: "s",
+          responsive: false
+        }, (0, _react2.jsx)(_form.EuiFormRow, {
           className: "euiSuperDatePicker__absoluteDateFormRow",
           isInvalid: isTextInvalid,
           error: isTextInvalid ? dateFormatError : undefined,
-          helpText: hasUnparsedText ? isTextInvalid ? dateFormatHint : [dateFormatHint, dateFormatError] : undefined
+          helpText: hasUnparsedText && !isTextInvalid ? dateFormatError : undefined
         }, (0, _react2.jsx)(_form.EuiFieldText, {
           compressed: true,
           isInvalid: isTextInvalid,
@@ -174,13 +184,17 @@ var EuiAbsoluteTab = /*#__PURE__*/function (_Component) {
           onPaste: function onPaste(event) {
             _this2.parseUserDateInput(event.clipboardData.getData('text'));
           },
-          onKeyDown: function onKeyDown(event) {
-            if (event.key === _services.keys.ENTER) {
-              _this2.parseUserDateInput(textInputValue);
-            }
-          },
           "data-test-subj": "superDatePickerAbsoluteDateInput",
           prepend: (0, _react2.jsx)(_form.EuiFormLabel, null, labelPrefix)
+        })), hasUnparsedText && (0, _react2.jsx)(_button.EuiButtonIcon, {
+          type: "submit",
+          className: "euiSuperDatePicker__absoluteDateFormSubmit",
+          size: "s",
+          display: "base",
+          iconType: "check",
+          "aria-label": dateFormatButtonLabel,
+          title: dateFormatButtonLabel,
+          "data-test-subj": "parseAbsoluteDateFormat"
         }));
       }));
     }

package/optimize/lib/components/filter_group/filter_select_item.js

@@ -19,12 +19,15 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _services = require("../../services");
 var _flex = require("../flex");
+var _tool_tip = require("../tool_tip");
 var _icon = require("../icon");
 var _filter_select_item = require("./filter_select_item.styles");
 var _react2 = require("@emotion/react");
-var _excluded = ["theme", "children", "className", "disabled", "checked", "isFocused", "showIcons"];
+var _excluded = ["theme", "children", "className", "disabled", "checked", "isFocused", "showIcons", "toolTipContent", "toolTipProps", "style"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /*
                                                                                                                                                                                                                                                                                                                                            * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -65,6 +68,7 @@ var EuiFilterSelectItemClass = /*#__PURE__*/function (_Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buttonRef", null);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "tooltipRef", /*#__PURE__*/(0, _react.createRef)());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       hasFocus: false
     });
@@ -73,6 +77,15 @@ var EuiFilterSelectItemClass = /*#__PURE__*/function (_Component) {
         _this.buttonRef.focus();
       }
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleToolTip", function (isFocused) {
+      if (isFocused) {
+        var _this$tooltipRef, _this$tooltipRef$curr;
+        (_this$tooltipRef = _this.tooltipRef) === null || _this$tooltipRef === void 0 ? void 0 : (_this$tooltipRef$curr = _this$tooltipRef.current) === null || _this$tooltipRef$curr === void 0 ? void 0 : _this$tooltipRef$curr.showToolTip();
+      } else {
+        var _this$tooltipRef2, _this$tooltipRef2$cur;
+        (_this$tooltipRef2 = _this.tooltipRef) === null || _this$tooltipRef2 === void 0 ? void 0 : (_this$tooltipRef2$cur = _this$tooltipRef2.current) === null || _this$tooltipRef2$cur === void 0 ? void 0 : _this$tooltipRef2$cur.hideToolTip();
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hasFocus", function () {
       return _this.state.hasFocus;
     });
@@ -90,10 +103,28 @@ var EuiFilterSelectItemClass = /*#__PURE__*/function (_Component) {
         checked = _this$props.checked,
         isFocused = _this$props.isFocused,
         showIcons = _this$props.showIcons,
+        toolTipContent = _this$props.toolTipContent,
+        toolTipProps = _this$props.toolTipProps,
+        style = _this$props.style,
         rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
       var styles = (0, _filter_select_item.euiFilterSelectItemStyles)(theme);
       var cssStyles = [styles.euiFilterSelectItem, isFocused && styles.isFocused];
       var classes = (0, _classnames.default)('euiFilterSelectItem', className);
+      var hasToolTip =
+      // we're using isValidElement here as EuiToolTipAnchor uses
+      // cloneElement to enhance the element with required attributes
+      /*#__PURE__*/_react.default.isValidElement(children) && !disabled && toolTipContent;
+      var anchorProps = undefined;
+      if (hasToolTip) {
+        var _toolTipProps$anchorP, _toolTipProps$anchorP2;
+        var anchorStyles = toolTipProps !== null && toolTipProps !== void 0 && (_toolTipProps$anchorP = toolTipProps.anchorProps) !== null && _toolTipProps$anchorP !== void 0 && _toolTipProps$anchorP.style ? _objectSpread(_objectSpread({}, toolTipProps === null || toolTipProps === void 0 ? void 0 : (_toolTipProps$anchorP2 = toolTipProps.anchorProps) === null || _toolTipProps$anchorP2 === void 0 ? void 0 : _toolTipProps$anchorP2.style), style) : style;
+        anchorProps = toolTipProps !== null && toolTipProps !== void 0 && toolTipProps.anchorProps ? _objectSpread(_objectSpread({}, toolTipProps.anchorProps), {}, {
+          style: anchorStyles
+        }) : {
+          style: style
+        };
+        this.toggleToolTip(isFocused !== null && isFocused !== void 0 ? isFocused : false);
+      }
       var iconNode;
       if (showIcons) {
         var _resolveIconAndColor = resolveIconAndColor(checked),
@@ -106,7 +137,7 @@ var EuiFilterSelectItemClass = /*#__PURE__*/function (_Component) {
           type: icon
         }));
       }
-      return (0, _react2.jsx)("button", (0, _extends2.default)({
+      var optionItem = (0, _react2.jsx)("button", (0, _extends2.default)({
         ref: function ref(_ref) {
           return _this2.buttonRef = _ref;
         },
@@ -116,7 +147,8 @@ var EuiFilterSelectItemClass = /*#__PURE__*/function (_Component) {
         className: classes,
         css: cssStyles,
         disabled: disabled,
-        "aria-disabled": disabled
+        "aria-disabled": disabled,
+        style: !hasToolTip ? style : undefined
       }, rest), (0, _react2.jsx)(_flex.EuiFlexGroup, {
         alignItems: "center",
         gutterSize: "s",
@@ -126,6 +158,14 @@ var EuiFilterSelectItemClass = /*#__PURE__*/function (_Component) {
         className: "euiFilterSelectItem__content eui-textTruncate",
         component: "span"
       }, children)));
+      return hasToolTip ? (0, _react2.jsx)(_tool_tip.EuiToolTip, (0, _extends2.default)({
+        ref: this.tooltipRef,
+        display: "block",
+        content: toolTipContent,
+        position: "left"
+      }, toolTipProps, {
+        anchorProps: anchorProps
+      }), optionItem) : optionItem;
     }
   }]);
   return EuiFilterSelectItemClass;

package/optimize/lib/components/flex/flex_group.js

@@ -66,7 +66,5 @@ var EuiFlexGroupInternal = function EuiFlexGroupInternal(_ref, ref) {
 // Cast forwardRef return type to work with the generic TComponent type
 // and not fallback to implicit any typing
 var EuiFlexGroup = /*#__PURE__*/(0, _react.forwardRef)(EuiFlexGroupInternal);
-
-// Cast is required here because of the cast above
 exports.EuiFlexGroup = EuiFlexGroup;
 EuiFlexGroup.displayName = 'EuiFlexGroup';

package/optimize/lib/components/flex/flex_item.js

@@ -53,7 +53,5 @@ var EuiFlexItemInternal = function EuiFlexItemInternal(_ref, ref) {
 // Cast forwardRef return type to work with the generic TComponent type
 // and not fallback to implicit any typing
 var EuiFlexItem = /*#__PURE__*/(0, _react.forwardRef)(EuiFlexItemInternal);
-
-// Cast is required here because of the cast above
 exports.EuiFlexItem = EuiFlexItem;
 EuiFlexItem.displayName = 'EuiFlexItem';

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.euiFormVariables = exports.euiFormControlSize = exports.euiCustomControl = void 0;
+exports.euiFormVariables = exports.euiFormControlText = exports.euiFormControlSize = exports.euiFormControlFocusStyles = exports.euiFormControlDefaultShadow = exports.euiCustomControl = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _services = require("../../services");
 var _global_styling = require("../../global_styling");
@@ -70,7 +70,9 @@ var euiFormVariables = function euiFormVariables(euiThemeContext) {
       xxl: euiTheme.size.xxl
     }
   };
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, sizes), colors), customControlColors), iconSizes), controlLayout);
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, sizes), colors), customControlColors), iconSizes), controlLayout), {}, {
+    animationTiming: "".concat(euiTheme.animation.fast, " ease-in")
+  });
 };
 exports.euiFormVariables = euiFormVariables;
 var euiFormControlSize = function euiFormControlSize(euiThemeContext) {
@@ -106,6 +108,30 @@ var euiCustomControl = function euiCustomControl(euiThemeContext) {
   } else if (type === 'square') {
     borderRadiusStyle = "border-radius: ".concat(form.controlCompressedBorderRadius, ";");
   }
-  return "\n    ".concat(padddingStyle, "\n    ").concat(borderRadiusStyle, "\n    border: ").concat(euiTheme.border.width.thin, " solid ").concat(form.customControlBorderColor, ";\n    background: ").concat(euiTheme.colors.emptyShade, " no-repeat center;\n\n    ").concat(_global_styling.euiCanAnimate, " {\n      transition: background-color ").concat(euiTheme.animation.fast, " ease-in,\n              border-color ").concat(euiTheme.animation.fast, " ease-in;\n    }\n  ");
+  return "\n    ".concat(padddingStyle, "\n    ").concat(borderRadiusStyle, "\n    border: ").concat(euiTheme.border.width.thin, " solid ").concat(form.customControlBorderColor, ";\n    background: ").concat(euiTheme.colors.emptyShade, " no-repeat center;\n\n    ").concat(_global_styling.euiCanAnimate, " {\n      transition: background-color ").concat(form.animationTiming, ",\n        border-color ").concat(form.animationTiming, ";\n    }\n  ");
 };
-exports.euiCustomControl = euiCustomControl;
+exports.euiCustomControl = euiCustomControl;
+var euiFormControlText = function euiFormControlText(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme;
+  var _euiFontSize = (0, _global_styling.euiFontSize)(euiThemeContext, 's'),
+    fontSize = _euiFontSize.fontSize;
+  var _euiFormVariables = euiFormVariables(euiThemeContext),
+    controlPlaceholderText = _euiFormVariables.controlPlaceholderText;
+  return "\n    font-family: ".concat(euiTheme.font.family, ";\n    font-size: ").concat(fontSize, ";\n    color: ").concat(euiTheme.colors.text, ";\n\n    ").concat(euiPlaceholderPerBrowser("color: ".concat(controlPlaceholderText)), "\n  ");
+};
+exports.euiFormControlText = euiFormControlText;
+var euiFormControlDefaultShadow = function euiFormControlDefaultShadow(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme;
+  var form = euiFormVariables(euiThemeContext);
+  return "\n    box-shadow: inset 0 0 0 1px ".concat(form.borderColor, ";\n    background-color: ").concat(form.backgroundColor, ";\n\n    background-repeat: no-repeat;\n    background-size: 0% 100%;\n    background-image: linear-gradient(to top,\n      var(--euiFormStateColor),\n      var(--euiFormStateColor) ").concat(euiTheme.border.width.thick, ",\n      transparent ").concat(euiTheme.border.width.thick, ",\n      transparent 100%\n    );\n\n    ").concat(_global_styling.euiCanAnimate, " {\n      transition:\n        box-shadow ").concat(form.animationTiming, ",\n        background-image ").concat(form.animationTiming, ",\n        background-size ").concat(form.animationTiming, ",\n        background-color ").concat(form.animationTiming, ";\n    }\n  ");
+};
+exports.euiFormControlDefaultShadow = euiFormControlDefaultShadow;
+var euiFormControlFocusStyles = function euiFormControlFocusStyles(_ref) {
+  var euiTheme = _ref.euiTheme,
+    colorMode = _ref.colorMode;
+  return "\n  --euiFormStateColor: ".concat(euiTheme.colors.primary, ";\n  background-color: ").concat(colorMode === 'DARK' ? (0, _services.shade)(euiTheme.colors.emptyShade, 0.4) : euiTheme.colors.emptyShade, ";\n  background-size: 100% 100%;\n  outline: none; /* Remove all outlines and rely on our own bottom border gradient */\n");
+};
+exports.euiFormControlFocusStyles = euiFormControlFocusStyles;
+var euiPlaceholderPerBrowser = function euiPlaceholderPerBrowser(content) {
+  return "\n  &::-webkit-input-placeholder { ".concat(content, "; opacity: 1; }\n  &::-moz-placeholder { ").concat(content, "; opacity: 1; }\n  &:-ms-input-placeholder { ").concat(content, "; opacity: 1; }\n  &:-moz-placeholder { ").concat(content, "; opacity: 1; }\n  &::placeholder { ").concat(content, "; opacity: 1; }\n");
+};

package/optimize/lib/components/icon/assets/clickLeft.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+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
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var EuiIconClickLeft = function EuiIconClickLeft(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    d: "M5 .5a.5.5 0 0 0-1 0v1a.5.5 0 0 0 1 0v-1Zm-3.146.646a.5.5 0 1 0-.708.708l1 1a.5.5 0 1 0 .708-.708l-1-1Z"
+  }), (0, _react2.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M13 7A5 5 0 0 0 3 7v4a5 5 0 0 0 10 0V7Zm-1 0a4 4 0 0 0-4-4v5a1 1 0 0 1-1 1H4v2a4 4 0 0 0 8 0V7Z"
+  }), (0, _react2.jsx)("path", {
+    d: "M0 4.5A.5.5 0 0 1 .5 4h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Z"
+  }));
+};
+var icon = EuiIconClickLeft;
+exports.icon = icon;

package/optimize/lib/components/icon/assets/clickRight.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+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
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var EuiIconClickRight = function EuiIconClickRight(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    d: "M11 .5a.5.5 0 0 1 1 0v1a.5.5 0 0 1-1 0v-1Zm3.146.646a.5.5 0 0 1 .708.708l-1 1a.5.5 0 0 1-.708-.708l1-1Z"
+  }), (0, _react2.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M3 7a5 5 0 0 1 10 0v4a5 5 0 0 1-10 0V7Zm1 0a4 4 0 0 1 4-4v5a1 1 0 0 0 1 1h3v2a4 4 0 0 1-8 0V7Z"
+  }), (0, _react2.jsx)("path", {
+    d: "M16 4.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 .5-.5Z"
+  }));
+};
+var icon = EuiIconClickRight;
+exports.icon = icon;

package/optimize/lib/components/icon/assets/clockCounter.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+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
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var EuiIconClockCounter = function EuiIconClockCounter(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    d: "M11.39 3.61a5.5 5.5 0 0 0-7.78 7.78l.562.56v-1.622a.5.5 0 0 1 1 0v2.829a.5.5 0 0 1-.5.5H1.843a.5.5 0 0 1 0-1h1.621l-.56-.56A6.5 6.5 0 1 1 7.5 14a.5.5 0 0 1 0-1 5.5 5.5 0 0 0 3.89-9.39Z"
+  }), (0, _react2.jsx)("path", {
+    d: "M7.5 3a.5.5 0 0 1 .5.5V7h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5Z"
+  }));
+};
+var icon = EuiIconClockCounter;
+exports.icon = icon;

package/optimize/lib/components/icon/assets/error.js

@@ -34,8 +34,10 @@ var EuiIconError = function EuiIconError(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("path", {
+    d: "M4.854 5.146a.5.5 0 1 0-.708.708L6.793 8.5l-2.647 2.646a.5.5 0 0 0 .708.708L7.5 9.207l2.646 2.647a.5.5 0 0 0 .708-.708L8.207 8.5l2.647-2.646a.5.5 0 0 0-.708-.708L7.5 7.793 4.854 5.146Z"
+  }), (0, _react2.jsx)("path", {
     fillRule: "evenodd",
-    d: "M10 1a1 1 0 0 1 .707.293l4 4A1 1 0 0 1 15 6v5a1 1 0 0 1-.293.707l-4 4A1 1 0 0 1 10 16H5a1 1 0 0 1-.707-.293l-4-4A1 1 0 0 1 0 11V6a1 1 0 0 1 .293-.707l4-4A1 1 0 0 1 5 1h5ZM4.146 5.146a.5.5 0 0 1 .708 0L7.5 7.793l2.646-2.647a.5.5 0 0 1 .708.708L8.207 8.5l2.647 2.646a.5.5 0 0 1-.708.708L7.5 9.207l-2.646 2.647a.5.5 0 0 1-.708-.708L6.793 8.5 4.146 5.854a.5.5 0 0 1 0-.708Z"
+    d: "M5 1a1 1 0 0 0-.707.293l-4 4A1 1 0 0 0 0 6v5a1 1 0 0 0 .293.707l4 4A1 1 0 0 0 5 16h5a1 1 0 0 0 .707-.293l4-4A1 1 0 0 0 15 11V6a1 1 0 0 0-.293-.707l-4-4A1 1 0 0 0 10 1H5Zm5 1H5L1 6v5l4 4h5l4-4V6l-4-4Z"
   }));
 };
 var icon = EuiIconError;

package/optimize/lib/components/icon/assets/errorFilled.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+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
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var EuiIconErrorFilled = function EuiIconErrorFilled(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M10 1a1 1 0 0 1 .707.293l4 4A1 1 0 0 1 15 6v5a1 1 0 0 1-.293.707l-4 4A1 1 0 0 1 10 16H5a1 1 0 0 1-.707-.293l-4-4A1 1 0 0 1 0 11V6a1 1 0 0 1 .293-.707l4-4A1 1 0 0 1 5 1h5ZM4.146 5.146a.5.5 0 0 1 .708 0L7.5 7.793l2.646-2.647a.5.5 0 0 1 .708.708L8.207 8.5l2.647 2.646a.5.5 0 0 1-.708.708L7.5 9.207l-2.646 2.647a.5.5 0 0 1-.708-.708L6.793 8.5 4.146 5.854a.5.5 0 0 1 0-.708Z"
+  }));
+};
+var icon = EuiIconErrorFilled;
+exports.icon = icon;

package/optimize/lib/components/icon/assets/launch.js

@@ -35,13 +35,15 @@ var EuiIconLaunch = function EuiIconLaunch(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("path", {
-    d: "M11 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
+    fillRule: "evenodd",
+    d: "M10 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM9 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z",
+    clipRule: "evenodd"
   }), (0, _react2.jsx)("path", {
     fillRule: "evenodd",
-    d: "M10.355 1.791A3.5 3.5 0 0 1 12.57 1H14a1 1 0 0 1 1 1v1.43a3.5 3.5 0 0 1-.791 2.215l-3.144 3.843a2.5 2.5 0 0 0-.565 1.583v1.636l-1.646 1.647a.5.5 0 0 1-.557.103l-.634-.282a11.5 11.5 0 0 1-5.838-5.838l-.282-.634a.5.5 0 0 1 .103-.557L3.293 5.5h1.636a2.5 2.5 0 0 0 1.583-.565l3.843-3.144ZM12.57 2a2.5 2.5 0 0 0-1.583.565L7.145 5.71a3.5 3.5 0 0 1-2.215.79H3.707l-1.11 1.11.142.32a10.498 10.498 0 0 0 1.825 2.799l2.082-2.083a.5.5 0 1 1 .708.708L5.27 11.436a10.496 10.496 0 0 0 2.798 1.825l.32.143L9.5 12.293V11.07a3.5 3.5 0 0 1 .791-2.216l3.144-3.843A2.5 2.5 0 0 0 14 3.43V2h-1.43Z",
+    d: "M6.679 12.967c.353-.136.697-.3 1.033-.475l1.36 2.265a.5.5 0 0 0 .828.043l3-4a.5.5 0 0 0-.046-.654l-.886-.886C13.604 7.456 15 4.913 15 1.5a.5.5 0 0 0-.5-.5c-3.413 0-5.956 1.395-7.76 3.033l-.886-.887A.5.5 0 0 0 5.2 3.1l-4 3a.5.5 0 0 0 .043.829l2.264 1.358a9.59 9.59 0 0 0-.475 1.036v.001a.5.5 0 0 0 .114.53l3 3c.139.138.35.182.533.113ZM4.09 9.384l2.525 2.525a14.616 14.616 0 0 0 3.555-2.285c1.841-1.612 3.657-4.076 3.818-7.612-3.537.16-6.001 1.976-7.613 3.817A14.617 14.617 0 0 0 4.09 9.384Zm-.096-1.97a15.616 15.616 0 0 1 2.03-2.682l-.572-.572-3.058 2.294 1.6.96Zm5.551 6.191-.96-1.6a15.617 15.617 0 0 0 2.682-2.03l.572.572-2.294 3.058Z",
     clipRule: "evenodd"
   }), (0, _react2.jsx)("path", {
-    d: "M1.9 10.7a.5.5 0 0 0-.88.163l-1 3.5A.5.5 0 0 0 0 14.5v1a.5.5 0 0 0 .5.5h1a.502.502 0 0 0 .137-.02l3.5-1a.5.5 0 0 0 .163-.88l-1.314-.986a5.5 5.5 0 0 1-1.1-1.1L1.9 10.7Z"
+    d: "M3.854 12.146a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0Zm2 1.708a.5.5 0 0 0-.708-.708l-1 1a.5.5 0 0 0 .708.708l1-1Zm-3-3.708a.5.5 0 0 1 0 .708l-1 1a.5.5 0 0 1-.708-.708l1-1a.5.5 0 0 1 .708 0Z"
   }));
 };
 var icon = EuiIconLaunch;