@elastic/eui 67.1.2 → 68.0.0

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

@@ -398,7 +398,8 @@ var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
           dataTestSubj = _this$props5['data-test-subj'],
           _width = _this$props5.width,
           isQuickSelectOnly = _this$props5.isQuickSelectOnly,
-          compressed = _this$props5.compressed; // Force reduction in width if showing quick select only
+          compressed = _this$props5.compressed,
+          className = _this$props5.className; // Force reduction in width if showing quick select only
 
       var width = isQuickSelectOnly ? 'auto' : _width;
       var autoRefreshAppend = !isPaused ? (0, _react2.jsx)(_auto_refresh.EuiAutoRefreshButton, {
@@ -441,9 +442,10 @@ var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
         fullWidth: width === 'full',
         compressed: compressed,
         isDisabled: isDisabled,
-        "data-test-subj": dataTestSubj
+        "data-test-subj": dataTestSubj,
+        className: className
       })) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_flex.EuiFlexItem, null, (0, _react2.jsx)(_form.EuiFormControlLayout, {
-        className: "euiSuperDatePicker",
+        className: (0, _classnames.default)('euiSuperDatePicker', className),
         compressed: compressed,
         isDisabled: isDisabled,
         prepend: quickSelect,

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.euiFlyoutStyles = exports.euiFlyoutCloseButtonStyles = void 0;
+exports.euiFlyoutStyles = exports.euiFlyoutSlideInRight = exports.euiFlyoutSlideInLeft = exports.euiFlyoutCloseButtonStyles = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -22,7 +22,9 @@ var _form = require("../form/form.styles");
 var _templateObject, _templateObject2;
 
 var euiFlyoutSlideInRight = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  75% {\n    opacity: 1;\n    transform: translateX(0%);\n  }\n"])));
+exports.euiFlyoutSlideInRight = euiFlyoutSlideInRight;
 var euiFlyoutSlideInLeft = (0, _react.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  75% {\n    opacity: 1;\n    transform: translateX(0%);\n}\n"])));
+exports.euiFlyoutSlideInLeft = euiFlyoutSlideInLeft;
 
 var euiFlyoutCloseButtonStyles = function euiFlyoutCloseButtonStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
@@ -74,7 +76,8 @@ var euiFlyoutStyles = function euiFlyoutStyles(euiThemeContext) {
 exports.euiFlyoutStyles = euiFlyoutStyles;
 
 var composeFlyoutSizing = function composeFlyoutSizing(euiThemeContext, size) {
-  var euiTheme = euiThemeContext.euiTheme; // 1. Calculating the minimum width based on the screen takeover breakpoint
+  var euiTheme = euiThemeContext.euiTheme;
+  var form = (0, _form.euiFormVariables)(euiThemeContext); // 1. Calculating the minimum width based on the screen takeover breakpoint
 
   var flyoutSizes = {
     s: {
@@ -85,7 +88,7 @@ var composeFlyoutSizing = function composeFlyoutSizing(euiThemeContext, size) {
     },
     m: {
       // Calculated for forms plus padding
-      min: "".concat((0, _global_styling.mathWithUnits)((0, _form.euiFormMaxWidth)(euiThemeContext), function (x) {
+      min: "".concat((0, _global_styling.mathWithUnits)(form.maxWidth, function (x) {
         return x + 24;
       })),
       width: '50vw',

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

@@ -27,6 +27,18 @@ Object.defineProperty(exports, "EuiFlyoutHeader", {
     return _flyout_header.EuiFlyoutHeader;
   }
 });
+Object.defineProperty(exports, "euiFlyoutSlideInLeft", {
+  enumerable: true,
+  get: function get() {
+    return _flyout2.euiFlyoutSlideInLeft;
+  }
+});
+Object.defineProperty(exports, "euiFlyoutSlideInRight", {
+  enumerable: true,
+  get: function get() {
+    return _flyout2.euiFlyoutSlideInRight;
+  }
+});
 
 var _flyout = require("./flyout");
 
@@ -34,4 +46,6 @@ var _flyout_body = require("./flyout_body");
 
 var _flyout_footer = require("./flyout_footer");
 
-var _flyout_header = require("./flyout_header");
+var _flyout_header = require("./flyout_header");
+
+var _flyout2 = require("./flyout.styles");

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

@@ -29,13 +29,13 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _common = require("../../common");
 
-var _react2 = require("@emotion/react");
-
-var _excluded = ["className", "id", "checked", "label", "onChange", "type", "disabled", "compressed", "indeterminate", "inputRef", "labelProps"];
+var _excluded = ["className", "css", "id", "checked", "label", "onChange", "type", "disabled", "compressed", "indeterminate", "inputRef", "labelProps"];
 
 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); }
 
@@ -94,6 +94,7 @@ var EuiCheckbox = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props = this.props,
           className = _this$props.className,
+          customCss = _this$props.css,
           id = _this$props.id,
           checked = _this$props.checked,
           label = _this$props.label,
@@ -119,7 +120,13 @@ var EuiCheckbox = /*#__PURE__*/function (_Component) {
         }), label);
       }
 
+      var styles = {
+        euiCheckbox: /*#__PURE__*/(0, _react2.css)(";label:euiCheckbox;")
+      }; // TODO: Emotion conversion
+
+      var cssStyles = [styles.euiCheckbox, customCss];
       return (0, _react2.jsx)("div", {
+        css: cssStyles,
         className: classes
       }, (0, _react2.jsx)("input", (0, _extends2.default)({
         className: "euiCheckbox__input",

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

@@ -1,20 +1,119 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.euiFormMaxWidth = void 0;
-
-/*
- * 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.
- */
-var euiFormMaxWidth = function euiFormMaxWidth(_ref) {
-  var euiTheme = _ref.euiTheme;
-  return "".concat(euiTheme.base * 25, "px");
+exports.euiFormVariables = exports.euiFormControlSize = exports.euiCustomControl = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _services = require("../../services");
+
+var _global_styling = require("../../global_styling");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var euiFormVariables = function euiFormVariables(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme,
+      colorMode = euiThemeContext.colorMode;
+  var isColorDark = colorMode === 'DARK';
+  var backgroundColor = isColorDark ? (0, _services.shade)(euiTheme.colors.lightestShade, 0.4) : (0, _services.tint)(euiTheme.colors.lightestShade, 0.6);
+  var controlHeight = euiTheme.size.xxl;
+  var controlCompressedHeight = euiTheme.size.xl;
+  var sizes = {
+    maxWidth: (0, _global_styling.mathWithUnits)(euiTheme.size.base, function (x) {
+      return x * 25;
+    }),
+    controlHeight: controlHeight,
+    controlCompressedHeight: controlCompressedHeight,
+    controlPadding: euiTheme.size.m,
+    controlCompressedPadding: euiTheme.size.s,
+    controlBorderRadius: euiTheme.border.radius.medium,
+    controlCompressedBorderRadius: euiTheme.border.radius.small
+  };
+  var colors = {
+    backgroundColor: backgroundColor,
+    backgroundDisabledColor: (0, _services.darken)(euiTheme.colors.lightestShade, 0.1),
+    backgroundReadOnlyColor: euiTheme.colors.emptyShade,
+    borderColor: (0, _services.transparentize)(euiTheme.border.color, 0.9),
+    borderDisabledColor: (0, _services.transparentize)(euiTheme.border.color, 0.9),
+    controlDisabledColor: euiTheme.colors.mediumShade,
+    controlBoxShadow: '0 0 transparent',
+    controlPlaceholderText: (0, _services.makeHighContrastColor)(euiTheme.colors.subduedText)(backgroundColor),
+    inputGroupLabelBackground: isColorDark ? (0, _services.shade)(euiTheme.colors.lightShade, 0.15) : (0, _services.tint)(euiTheme.colors.lightShade, 0.5),
+    inputGroupBorder: 'none'
+  }; // Colors - specific for checkboxes and radios
+
+  var customControlColors = {
+    customControlDisabledIconColor: isColorDark ? (0, _services.shade)(euiTheme.colors.mediumShade, 0.38) : (0, _services.tint)(euiTheme.colors.mediumShade, 0.485),
+    customControlBorderColor: isColorDark ? (0, _services.shade)(euiTheme.colors.lightestShade, 0.18) : (0, _services.tint)(euiTheme.colors.lightestShade, 0.3)
+  };
+  var controlLayout = {
+    controlLayoutGroupInputHeight: (0, _global_styling.mathWithUnits)(controlHeight, function (x) {
+      return x - 2;
+    }),
+    controlLayoutGroupInputCompressedHeight: (0, _global_styling.mathWithUnits)(controlCompressedHeight, function (x) {
+      return x - 2;
+    }),
+    controlLayoutGroupInputCompressedBorderRadius: euiTheme.border.radius.small
+  };
+  var iconSizes = {
+    controlIconSize: {
+      s: euiTheme.size.m,
+      m: euiTheme.size.base,
+      l: euiTheme.size.l,
+      xl: euiTheme.size.xl,
+      xxl: euiTheme.size.xxl
+    }
+  };
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, sizes), colors), customControlColors), iconSizes), controlLayout);
+};
+
+exports.euiFormVariables = euiFormVariables;
+
+var euiFormControlSize = function euiFormControlSize(euiThemeContext) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var form = euiFormVariables(euiThemeContext);
+  var width = '100%';
+  var maxWidth = form.maxWidth;
+  if (options.fullWidth) maxWidth = '100%';
+  var height = options.height || form.controlHeight;
+  if (options.compressed) height = form.controlCompressedHeight;
+  if (options.inGroup) height = '100%';
+  return "\n    max-inline-size: ".concat(maxWidth, ";\n    inline-size: ").concat(width, ";\n    block-size: ").concat(height, ";\n  ");
+};
+
+exports.euiFormControlSize = euiFormControlSize;
+
+var euiCustomControl = function euiCustomControl(euiThemeContext) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var euiTheme = euiThemeContext.euiTheme;
+  var form = euiFormVariables(euiThemeContext);
+  var type = options.type,
+      _options$size = options.size,
+      size = _options$size === void 0 ? euiTheme.size.base : _options$size;
+  var padddingStyle = '';
+  var borderRadiusStyle = '';
+
+  if (size) {
+    var borderSize = parseFloat(String(euiTheme.border.width.thin));
+    var paddingSize = (0, _global_styling.mathWithUnits)(size, function (x) {
+      return (x - borderSize * 2) / 2;
+    });
+    padddingStyle = "padding: ".concat(paddingSize, ";");
+  }
+
+  if (type === 'round') {
+    borderRadiusStyle = "border-radius: ".concat(size, ";");
+  } 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  ");
 };
 
-exports.euiFormMaxWidth = euiFormMaxWidth;
+exports.euiCustomControl = euiCustomControl;

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

@@ -29,6 +29,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _services = require("../../../services");
@@ -59,9 +61,7 @@ var _range_wrapper = require("./range_wrapper");
 
 var _utils = require("./utils");
 
-var _react2 = require("@emotion/react");
-
-var _excluded = ["className", "compressed", "disabled", "fullWidth", "isLoading", "readOnly", "id", "max", "min", "name", "step", "showLabels", "showInput", "showTicks", "tickInterval", "ticks", "levels", "onBlur", "onChange", "onFocus", "showRange", "value", "style", "isInvalid", "append", "prepend", "minInputProps", "maxInputProps", "isDraggable"];
+var _excluded = ["className", "css", "compressed", "disabled", "fullWidth", "isLoading", "readOnly", "id", "max", "min", "name", "step", "showLabels", "showInput", "showTicks", "tickInterval", "ticks", "levels", "onBlur", "onChange", "onFocus", "showRange", "value", "style", "isInvalid", "append", "prepend", "minInputProps", "maxInputProps", "isDraggable"];
 
 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); }
 
@@ -442,6 +442,7 @@ var EuiDualRange = /*#__PURE__*/function (_Component) {
 
       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,
@@ -538,7 +539,13 @@ var EuiDualRange = /*#__PURE__*/function (_Component) {
       var rightThumbPosition = this.state.rangeSliderRefAvailable ? this.calculateThumbPositionStyle(Number(this.upperValue) || max, this.state.rangeWidth) : {
         left: '0'
       };
+      var styles = {
+        euiDualRange: /*#__PURE__*/(0, _react2.css)(";label:euiDualRange;")
+      }; // TODO: Emotion conversion
+
+      var cssStyles = [styles.euiDualRange, customCss];
       var theRange = (0, _react2.jsx)(_range_wrapper.EuiRangeWrapper, {
+        css: cssStyles,
         className: classes,
         fullWidth: fullWidth,
         compressed: compressed

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

@@ -15,15 +15,15 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _accessibility = require("../../../services/accessibility");
 
 var _icon = require("../../icon");
 
-var _react2 = require("@emotion/react");
-
-var _excluded = ["label", "id", "checked", "disabled", "compressed", "onChange", "className", "showLabel", "type", "labelProps"];
+var _excluded = ["label", "id", "checked", "disabled", "compressed", "onChange", "className", "css", "showLabel", "type", "labelProps"];
 
 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); }
 
@@ -37,6 +37,7 @@ var EuiSwitch = function EuiSwitch(_ref) {
       compressed = _ref.compressed,
       onChange = _ref.onChange,
       className = _ref.className,
+      customCss = _ref.css,
       _ref$showLabel = _ref.showLabel,
       showLabel = _ref$showLabel === void 0 ? true : _ref$showLabel,
       _ref$type = _ref.type,
@@ -67,7 +68,13 @@ var EuiSwitch = function EuiSwitch(_ref) {
     console.warn('EuiSwitch `label` must be a string when `showLabel` is false.');
   }
 
+  var styles = {
+    euiSwitch: /*#__PURE__*/(0, _react2.css)(";label:euiSwitch;")
+  }; // TODO: Emotion conversion
+
+  var cssStyles = [styles.euiSwitch, customCss];
   return (0, _react2.jsx)("div", {
+    css: cssStyles,
     className: classes
   }, (0, _react2.jsx)("button", (0, _extends2.default)({
     id: switchId,

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

@@ -0,0 +1,44 @@
+"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"];
+
+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 EuiIconBeta = function EuiIconBeta(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    d: "M8 6.394h1.03c.72 0 1.283.153 1.688.459a2.2 2.2 0 01.813 1.163c.138.47.165.952.083 1.447-.1.597-.33 1.135-.69 1.616a3.95 3.95 0 01-1.333 1.137 3.689 3.689 0 01-1.735.418c-.381 0-.747-.07-1.097-.212-.35-.144-.636-.417-.86-.818l-.082.041.33-2.018c-.055.337-.024.647.092.932.12.285.32.513.598.685.281.171.634.257 1.06.257a2.54 2.54 0 002.075-1.03c.226-.308.369-.645.427-1.008a1.929 1.929 0 00-.072-.973 1.524 1.524 0 00-.536-.752c-.25-.196-.57-.293-.957-.293H7.825L8 6.395zm1.359-4.591c.49 0 .913.079 1.266.237a2.258 2.258 0 011.303 1.528c.082.33.094.668.036 1.014-.069.433-.25.864-.54 1.293-.29.425-.684.78-1.185 1.065-.497.282-1.096.422-1.796.422h-.597l.175-1.05h.576a2.182 2.182 0 001.812-.89c.192-.265.312-.544.36-.84.08-.473-.036-.866-.344-1.178-.31-.313-.726-.469-1.251-.469-.35 0-.683.072-.999.216a2.256 2.256 0 00-.793.603 1.852 1.852 0 00-.412.89l-1.78 10.81H3.973l1.782-10.81a3.17 3.17 0 01.648-1.457c.34-.429.765-.767 1.277-1.014a3.827 3.827 0 011.678-.37z"
+  }));
+};
+
+var icon = EuiIconBeta;
+exports.icon = icon;

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

@@ -0,0 +1,51 @@
+"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"];
+
+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 EuiIconLaunch = function EuiIconLaunch(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    fill: "none",
+    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 6a1 1 0 11-2 0 1 1 0 012 0z"
+  }), (0, _react2.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.355 1.791A3.5 3.5 0 0112.57 1H14a1 1 0 011 1v1.43a3.5 3.5 0 01-.791 2.215l-3.144 3.843a2.5 2.5 0 00-.565 1.583v1.636l-1.646 1.647a.5.5 0 01-.557.103l-.634-.282a11.5 11.5 0 01-5.838-5.838l-.282-.634a.5.5 0 01.103-.557L3.293 5.5h1.636a2.5 2.5 0 001.583-.565l3.843-3.144zM12.57 2a2.5 2.5 0 00-1.583.565L7.145 5.71a3.5 3.5 0 01-2.215.79H3.707l-1.11 1.11.142.32a10.498 10.498 0 001.825 2.799l2.082-2.083a.5.5 0 11.708.708L5.27 11.436a10.496 10.496 0 002.798 1.825l.32.143L9.5 12.293V11.07a3.5 3.5 0 01.791-2.216l3.144-3.843A2.5 2.5 0 0014 3.43V2h-1.43z"
+  }), (0, _react2.jsx)("path", {
+    d: "M1.9 10.7a.5.5 0 00-.88.163l-1 3.5A.5.5 0 000 14.5v1a.5.5 0 00.5.5h1a.502.502 0 00.137-.02l3.5-1a.5.5 0 00.163-.88l-1.314-.986a5.5 5.5 0 01-1.1-1.1L1.9 10.7z"
+  }));
+};
+
+var icon = EuiIconLaunch;
+exports.icon = icon;

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

@@ -0,0 +1,47 @@
+"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"];
+
+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 EuiIconSpaces = function EuiIconSpaces(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    fill: "none",
+    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",
+    clipRule: "evenodd",
+    d: "M6 3H3v3h3V3zM3 2a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1V3a1 1 0 00-1-1H3zm3 8H3v3h3v-3zM3 9a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1v-3a1 1 0 00-1-1H3zm10-6h-3v3h3V3zm-3-1a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1V3a1 1 0 00-1-1h-3zm3 8h-3v3h3v-3zm-3-1a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1v-3a1 1 0 00-1-1h-3z"
+  }));
+};
+
+var icon = EuiIconSpaces;
+exports.icon = icon;

package/optimize/lib/components/icon/icon_map.js

@@ -36,6 +36,7 @@ var typeToPathMap = {
   beaker: 'beaker',
   bell: 'bell',
   bellSlash: 'bellSlash',
+  beta: 'beta',
   bolt: 'bolt',
   boxesHorizontal: 'boxes_horizontal',
   boxesVertical: 'boxes_vertical',
@@ -191,6 +192,7 @@ var typeToPathMap = {
   kqlValue: 'kql_value',
   kubernetesNode: 'kubernetesNode',
   kubernetesPod: 'kubernetesPod',
+  launch: 'launch',
   layers: 'layers',
   lensApp: 'app_lens',
   lettering: 'lettering',
@@ -343,6 +345,7 @@ var typeToPathMap = {
   sortRight: 'sortRight',
   sortUp: 'sort_up',
   sortable: 'sortable',
+  spaces: 'spaces',
   spacesApp: 'app_spaces',
   sqlApp: 'app_sql',
   starEmpty: 'star_empty',

package/optimize/lib/components/icon/svgs/beta.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.99999 6.39448H9.02953C9.7502 6.39448 10.313 6.5472 10.718 6.85263C11.1229 7.15806 11.394 7.54585 11.5313 8.01601C11.6686 8.48616 11.696 8.96833 11.6137 9.46251C11.5141 10.0596 11.2842 10.5984 10.9239 11.0789C10.567 11.5559 10.1226 11.9351 9.59063 12.2165C9.0587 12.4945 8.48044 12.6335 7.85585 12.6335C7.47492 12.6335 7.10944 12.5631 6.75939 12.4224C6.40935 12.2783 6.12279 12.0055 5.89973 11.604L5.81736 11.6451L6.14682 9.62724C6.09191 9.96355 6.12279 10.2741 6.23947 10.559C6.35959 10.8438 6.55863 11.072 6.83661 11.2436C7.11802 11.4152 7.47149 11.501 7.89703 11.501C8.34317 11.501 8.74297 11.4066 9.09645 11.2179C9.45335 11.0291 9.74506 10.7803 9.97156 10.4715C10.1981 10.1626 10.3405 9.82628 10.3988 9.46251C10.4572 9.11933 10.4331 8.79502 10.3267 8.48959C10.2238 8.18073 10.0453 7.93021 9.79139 7.73803C9.54086 7.54242 9.22171 7.44461 8.83391 7.44461H7.82497L7.99999 6.39448ZM9.35898 1.80273C9.84973 1.80273 10.2718 1.88167 10.6253 2.03953C10.9788 2.19739 11.2636 2.41016 11.4798 2.67784C11.6995 2.94209 11.8487 3.23894 11.9277 3.5684C12.01 3.89785 12.0221 4.23588 11.9637 4.58249C11.8951 5.0149 11.7149 5.44559 11.4232 5.87456C11.1349 6.30011 10.7403 6.6553 10.2392 6.94014C9.74163 7.22154 9.14278 7.36225 8.44269 7.36225H7.84556L8.02058 6.31212H8.59712C8.99521 6.31212 9.34868 6.22975 9.65755 6.06503C9.96641 5.9003 10.2169 5.68582 10.4091 5.42157C10.6013 5.15732 10.7214 4.87763 10.7694 4.58249C10.8484 4.1089 10.7334 3.71596 10.4246 3.40367C10.1157 3.09137 9.69873 2.93523 9.17366 2.93523C8.82362 2.93523 8.49073 3.0073 8.17501 3.15143C7.86272 3.29557 7.59847 3.49633 7.38226 3.75371C7.16606 4.0111 7.02879 4.30795 6.97045 4.64426L5.18934 15.4544H3.97449L5.75559 4.64426C5.84825 4.10204 6.06445 3.61644 6.4042 3.18747C6.74395 2.75849 7.16949 2.42046 7.68083 2.17337C8.1956 1.92628 8.75498 1.80273 9.35898 1.80273Z" />
+</svg>

package/optimize/lib/components/icon/svgs/launch.svg

@@ -0,0 +1,5 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M11 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>
+  <path fill-rule="evenodd" clip-rule="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 4.93 6.5H3.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"/>
+  <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"/>
+</svg>

package/optimize/lib/components/icon/svgs/spaces.svg

@@ -0,0 +1,3 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M6 3H3v3h3V3ZM3 2a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3ZM6 10H3v3h3v-3ZM3 9a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H3ZM13 3h-3v3h3V3Zm-3-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-3ZM13 10h-3v3h3v-3Zm-3-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-3Z" />
+</svg>