@elastic/eui 116.3.1 → 116.5.0

package/optimize/lib/components/form/form_control_layout/form_control_layout_icons.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,12 +8,7 @@ exports.isIconShape = exports.ICON_SIDES = exports.EuiFormControlLayoutIcons = v
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _services = require("../../../services");
 var _icon = require("../../icon");
 var _loading = require("../../loading");
@@ -23,10 +17,7 @@ var _form_control_layout_custom_icon = require("./form_control_layout_custom_ico
 var _form_control_layout_icons = require("./form_control_layout_icons.styles");
 var _react2 = require("@emotion/react");
 var _excluded = ["ref", "side"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /*
+/*
  * 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
@@ -37,111 +28,99 @@ var ICON_SIDES = exports.ICON_SIDES = ['left', 'right'];
 var isIconShape = exports.isIconShape = function isIconShape(icon) {
   return !!icon && icon.hasOwnProperty('type');
 };
-var EuiFormControlLayoutIcons = exports.EuiFormControlLayoutIcons = /*#__PURE__*/function (_Component) {
-  function EuiFormControlLayoutIcons() {
-    (0, _classCallCheck2.default)(this, EuiFormControlLayoutIcons);
-    return _callSuper(this, EuiFormControlLayoutIcons, arguments);
+var EuiFormControlLayoutIcons = exports.EuiFormControlLayoutIcons = function EuiFormControlLayoutIcons(_ref) {
+  var _ref$side = _ref.side,
+    side = _ref$side === void 0 ? 'left' : _ref$side,
+    _ref$iconsPosition = _ref.iconsPosition,
+    iconsPosition = _ref$iconsPosition === void 0 ? 'absolute' : _ref$iconsPosition,
+    compressed = _ref.compressed,
+    isDisabled = _ref.isDisabled,
+    icon = _ref.icon,
+    clear = _ref.clear,
+    isLoading = _ref.isLoading,
+    isInvalid = _ref.isInvalid,
+    isDropdown = _ref.isDropdown;
+  var euiThemeContext = (0, _services.useEuiTheme)();
+  var styles = (0, _form_control_layout_icons.euiFormControlLayoutIconsStyles)(euiThemeContext);
+  var cssStyles = [styles.euiFormControlLayoutIcons, compressed ? styles.compressed : styles.uncompressed].concat((0, _toConsumableArray2.default)(iconsPosition === 'absolute' ? [styles.position.absolute.absolute, compressed ? styles.position.absolute.compressed[side] : styles.position.absolute.uncompressed[side]] : [styles.position.static.static, compressed ? styles.position.static.compressed : styles.position.static.uncompressed]), [isDisabled && styles.disabled]);
+  return (0, _react2.jsx)("div", {
+    css: cssStyles,
+    className: "euiFormControlLayoutIcons"
+  }, (0, _react2.jsx)(ClearButton, {
+    clear: clear,
+    isDisabled: isDisabled
+  }), (0, _react2.jsx)(LoadingSpinner, {
+    isLoading: isLoading
+  }), (0, _react2.jsx)(InvalidIcon, {
+    isInvalid: isInvalid
+  }), (0, _react2.jsx)(CustomIcon, {
+    icon: icon,
+    isDisabled: isDisabled
+  }), (0, _react2.jsx)(DropdownIcon, {
+    isDropdown: isDropdown,
+    isDisabled: isDisabled
+  }));
+};
+var CustomIcon = function CustomIcon(_ref2) {
+  var icon = _ref2.icon,
+    isDisabled = _ref2.isDisabled;
+  if (!icon) {
+    return null;
   }
-  (0, _inherits2.default)(EuiFormControlLayoutIcons, _Component);
-  return (0, _createClass2.default)(EuiFormControlLayoutIcons, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        _this$props$side = _this$props.side,
-        side = _this$props$side === void 0 ? 'left' : _this$props$side,
-        _this$props$iconsPosi = _this$props.iconsPosition,
-        iconsPosition = _this$props$iconsPosi === void 0 ? 'absolute' : _this$props$iconsPosi,
-        compressed = _this$props.compressed,
-        isDisabled = _this$props.isDisabled;
-      var customIcon = this.renderCustomIcon();
-      var loadingSpinner = this.renderLoadingSpinner();
-      var clearButton = this.renderClearButton();
-      var invalidIcon = this.renderInvalidIcon();
-      var dropdownIcon = this.renderDropdownIcon();
-      return (0, _react2.jsx)(_services.RenderWithEuiStylesMemoizer, null, function (stylesMemoizer) {
-        var styles = stylesMemoizer(_form_control_layout_icons.euiFormControlLayoutIconsStyles);
-        var cssStyles = [styles.euiFormControlLayoutIcons, compressed ? styles.compressed : styles.uncompressed].concat((0, _toConsumableArray2.default)(iconsPosition === 'absolute' ? [styles.position.absolute.absolute, compressed ? styles.position.absolute.compressed[side] : styles.position.absolute.uncompressed[side]] : [styles.position.static.static, compressed ? styles.position.static.compressed : styles.position.static.uncompressed]), [isDisabled && styles.disabled]);
-        return (0, _react2.jsx)("div", {
-          css: cssStyles,
-          className: "euiFormControlLayoutIcons"
-        }, clearButton, loadingSpinner, invalidIcon, customIcon, dropdownIcon);
-      });
-    }
-  }, {
-    key: "renderCustomIcon",
-    value: function renderCustomIcon() {
-      var _this$props2 = this.props,
-        icon = _this$props2.icon,
-        isDisabled = _this$props2.isDisabled;
-      if (!icon) {
-        return null;
-      }
 
-      // Normalize the icon to an object if it's a string.
-      var iconProps = isIconShape(icon) ? icon : {
-        type: icon
-      };
-      var iconRef = iconProps.ref,
-        side = iconProps.side,
-        iconRest = (0, _objectWithoutProperties2.default)(iconProps, _excluded);
-      return (0, _react2.jsx)(_form_control_layout_custom_icon.EuiFormControlLayoutCustomIcon, (0, _extends2.default)({
-        size: "m",
-        disabled: isDisabled,
-        iconRef: iconRef
-      }, iconRest));
-    }
-  }, {
-    key: "renderDropdownIcon",
-    value: function renderDropdownIcon() {
-      var _this$props3 = this.props,
-        isDropdown = _this$props3.isDropdown,
-        isDisabled = _this$props3.isDisabled;
-      if (!isDropdown) {
-        return null;
-      }
-      return (0, _react2.jsx)(_form_control_layout_custom_icon.EuiFormControlLayoutCustomIcon, {
-        size: "m",
-        disabled: isDisabled,
-        type: "chevronSingleDown"
-      });
-    }
-  }, {
-    key: "renderLoadingSpinner",
-    value: function renderLoadingSpinner() {
-      var isLoading = this.props.isLoading;
-      if (!isLoading) {
-        return null;
-      }
-      return (0, _react2.jsx)(_loading.EuiLoadingSpinner, {
-        size: "m"
-      });
-    }
-  }, {
-    key: "renderClearButton",
-    value: function renderClearButton() {
-      var _this$props4 = this.props,
-        clear = _this$props4.clear,
-        isDisabled = _this$props4.isDisabled;
-      if (!clear) {
-        return null;
-      }
-      return (0, _react2.jsx)(_form_control_layout_clear_button.EuiFormControlLayoutClearButton, (0, _extends2.default)({
-        size: "m",
-        disabled: isDisabled
-      }, clear));
-    }
-  }, {
-    key: "renderInvalidIcon",
-    value: function renderInvalidIcon() {
-      var isInvalid = this.props.isInvalid;
-      if (!isInvalid) {
-        return null;
-      }
-      return (0, _react2.jsx)(_icon.EuiIcon, {
-        size: "m",
-        color: "danger",
-        type: "warning"
-      });
-    }
-  }]);
-}(_react.Component);
+  // Normalize the icon to an object if it's a string.
+  var iconProps = isIconShape(icon) ? icon : {
+    type: icon
+  };
+  var iconRef = iconProps.ref,
+    side = iconProps.side,
+    iconRest = (0, _objectWithoutProperties2.default)(iconProps, _excluded);
+  return (0, _react2.jsx)(_form_control_layout_custom_icon.EuiFormControlLayoutCustomIcon, (0, _extends2.default)({
+    size: "m",
+    disabled: isDisabled,
+    iconRef: iconRef
+  }, iconRest));
+};
+var DropdownIcon = function DropdownIcon(_ref3) {
+  var isDropdown = _ref3.isDropdown,
+    isDisabled = _ref3.isDisabled;
+  if (!isDropdown) {
+    return null;
+  }
+  return (0, _react2.jsx)(_form_control_layout_custom_icon.EuiFormControlLayoutCustomIcon, {
+    size: "m",
+    disabled: isDisabled,
+    type: "chevronSingleDown"
+  });
+};
+var LoadingSpinner = function LoadingSpinner(_ref4) {
+  var isLoading = _ref4.isLoading;
+  if (!isLoading) {
+    return null;
+  }
+  return (0, _react2.jsx)(_loading.EuiLoadingSpinner, {
+    size: "m"
+  });
+};
+var ClearButton = function ClearButton(_ref5) {
+  var clear = _ref5.clear,
+    isDisabled = _ref5.isDisabled;
+  if (!clear) {
+    return null;
+  }
+  return (0, _react2.jsx)(_form_control_layout_clear_button.EuiFormControlLayoutClearButton, (0, _extends2.default)({
+    size: "m",
+    disabled: isDisabled
+  }, clear));
+};
+var InvalidIcon = function InvalidIcon(_ref6) {
+  var isInvalid = _ref6.isInvalid;
+  if (!isInvalid) {
+    return null;
+  }
+  return (0, _react2.jsx)(_icon.EuiIcon, {
+    size: "m",
+    color: "danger",
+    type: "warning"
+  });
+};

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

@@ -0,0 +1,49 @@
+"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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var EuiIconLogoVectorDb = function EuiIconLogoVectorDb(_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: 32,
+    height: 32,
+    fill: "none",
+    "data-type": "logoVectorDB",
+    viewBox: "0 0 32 32",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    fill: "#02BCB7",
+    d: "M16.875 9.96C19.48 5.09 25.54 3.252 30.41 5.857l-8.863 16.57a7.559 7.559 0 0 0-.478-1.051l-5.23-9.48 1.037-1.938Z"
+  }), (0, _react2.jsx)("path", {
+    fill: "#FEC514",
+    d: "M4.084 6.122a5 5 0 0 1 6.794 1.962l3.554 6.442-4.34 8.116a4.995 4.995 0 0 0 .047 4.803l-.017-.03-8-14.5a5 5 0 0 1 1.962-6.793Z"
+  }), (0, _react2.jsx)("path", {
+    d: "M18.878 22.584a5 5 0 1 1-8.786.058l4.34-8.116 4.446 8.058Z",
+    className: "euiIcon__fillNegative"
+  }));
+};
+var icon = exports.icon = EuiIconLogoVectorDb;

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

@@ -35,10 +35,11 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var euiIconStyles = exports.euiIconStyles = function euiIconStyles(_ref3) {
-  var euiTheme = _ref3.euiTheme;
+  var euiTheme = _ref3.euiTheme,
+    colorMode = _ref3.colorMode;
   return {
     // Base
-    euiIcon: /*#__PURE__*/(0, _react.css)("flex-shrink:0;display:inline-block;vertical-align:middle;fill:currentColor;transform:translate(0, 0);.euiIcon__fillNegative{fill:", euiTheme.colors.darkestShade, ";};label:euiIcon;"),
+    euiIcon: /*#__PURE__*/(0, _react.css)("flex-shrink:0;display:inline-block;vertical-align:middle;fill:currentColor;transform:translate(0, 0);.euiIcon__fillNegative{fill:", colorMode === 'DARK' ? euiTheme.colors.fullShade : euiTheme.colors.darkestShade, ";};label:euiIcon;"),
     // Colors
     primary: /*#__PURE__*/(0, _react.css)("color:", euiTheme.colors.textPrimary, ";;label:primary;"),
     accent: /*#__PURE__*/(0, _react.css)("color:", euiTheme.colors.textAccent, ";;label:accent;"),

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

@@ -2049,6 +2049,11 @@ var typeToPathMap = exports.typeToPathMap = {
       return _interopRequireWildcard(require('./assets/logo_uptime'));
     });
   },
+  logoVectorDB: function logoVectorDB() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./assets/logo_vector_db'));
+    });
+  },
   logoVulnerabilityManagement: function logoVulnerabilityManagement() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require('./assets/logo_vulnerability_management'));

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

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32" data-type="logoVectorDB">
+  <path fill="#02BCB7" d="M16.8755 9.95931C19.4802 5.08956 25.5395 3.25332 30.4092 5.85821L21.5464 22.4271C21.4158 22.0707 21.2569 21.7195 21.0679 21.3768L15.8379 11.8978L16.8755 9.95931Z"/>
+  <path fill="#FEC514" d="M4.08447 6.12205C6.50225 4.7881 9.5439 5.6667 10.8779 8.08445L14.4317 14.5259L10.0913 22.6416C9.25645 24.2024 9.3346 26.0073 10.1392 27.4453C10.1336 27.4353 10.1276 27.4256 10.1221 27.4155L2.12206 12.9155C0.788096 10.4977 1.66669 7.45605 4.08447 6.12205Z"/>
+  <path class="euiIcon__fillNegative" d="M18.8783 22.5844C20.2035 24.9865 19.3442 28.0032 16.9623 29.3506C16.9354 29.3658 16.9084 29.3808 16.8812 29.3955C16.7071 29.4898 16.5296 29.5717 16.35 29.6435C15.7257 29.8918 15.0543 30.0143 14.3763 29.998C12.6721 29.9542 11.0357 29.04 10.142 27.4492C9.33529 26.0105 9.25604 24.2039 10.0917 22.6416L14.432 14.5259L18.8783 22.5844Z"/>
+</svg>

package/optimize/lib/components/notification_icon/assets/info_fill.js

@@ -0,0 +1,41 @@
+"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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var EuiIconInfoFill = function EuiIconInfoFill(_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,
+    fill: "none",
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    d: "M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1ZM6.5 7v1h1v3H6v1h4v-1H8.5V7h-2ZM8 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"
+  }));
+};
+var icon = exports.icon = EuiIconInfoFill;

package/optimize/lib/components/notification_icon/assets/warning_static.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"];
+/*
+ * 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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var EuiIconWarningStatic = function EuiIconWarningStatic(_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,
+    fill: "none",
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    fill: "#FACB3D",
+    fillRule: "evenodd",
+    d: "M8 1a1 1 0 0 1 .863.496l7 12A1 1 0 0 1 15 15H1a1 1 0 0 1-.864-1.504l7-12A1 1 0 0 1 8 1Z",
+    clipRule: "evenodd"
+  }), (0, _react2.jsx)("path", {
+    fill: "#825803",
+    d: "M7 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM7.5 10V5h1v5h-1Z"
+  }));
+};
+var icon = exports.icon = EuiIconWarningStatic;

package/optimize/lib/components/notification_icon/notification_icon.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NOTIFICATION_ICONS_MAP = exports.EuiNotificationIcon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _services = require("../../services");
+var _icon = require("../icon/icon");
+var _error_fill = require("../icon/assets/error_fill");
+var _check_circle_fill = require("../icon/assets/check_circle_fill");
+var _info_fill = require("./assets/info_fill");
+var _warning_static = require("./assets/warning_static");
+var _notification_icon = require("./notification_icon.styles");
+var _react2 = require("@emotion/react");
+var _excluded = ["className", "type", "size", "css"];
+/*
+ * 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 TYPES = ['info', 'success', 'warning', 'error'];
+var NOTIFICATION_ICONS_MAP = exports.NOTIFICATION_ICONS_MAP = {
+  info: {
+    name: 'infoFill',
+    icon: _info_fill.icon
+  },
+  success: {
+    name: 'checkCircleFill',
+    icon: _check_circle_fill.icon
+  },
+  warning: {
+    name: 'warningStatic',
+    icon: _warning_static.icon
+  },
+  error: {
+    name: 'errorFill',
+    icon: _error_fill.icon
+  }
+};
+var ICON_TYPES_MAP = {
+  info: {
+    icon: NOTIFICATION_ICONS_MAP.info.icon,
+    color: 'primary'
+  },
+  success: {
+    icon: NOTIFICATION_ICONS_MAP.success.icon,
+    color: 'success'
+  },
+  warning: {
+    icon: NOTIFICATION_ICONS_MAP.warning.icon
+  },
+  error: {
+    icon: NOTIFICATION_ICONS_MAP.error.icon,
+    color: 'danger'
+  }
+};
+var EuiNotificationIcon = exports.EuiNotificationIcon = function EuiNotificationIcon(_ref) {
+  var className = _ref.className,
+    type = _ref.type,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'm' : _ref$size,
+    css = _ref.css,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var Icon = ICON_TYPES_MAP[type];
+  var classes = (0, _classnames.default)('euiNotificationIcon', className);
+  var styles = (0, _services.useEuiMemoizedStyles)(_notification_icon.euiNotificationIconStyles);
+  var cssStyles = [styles.euiNotificationIcon, size === 'l' && styles.size[size], css];
+  return (0, _react2.jsx)(_icon.EuiIcon, (0, _extends2.default)({}, rest, {
+    className: classes,
+    css: cssStyles,
+    type: Icon.icon,
+    color: Icon.color,
+    "aria-hidden": "true",
+    size: size
+  }));
+};

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiNotificationIconStyles = void 0;
+var _react = require("@emotion/react");
+var _euiThemeCommon = require("@elastic/eui-theme-common");
+/*
+ * 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 euiNotificationIconStyles = exports.euiNotificationIconStyles = function euiNotificationIconStyles(_ref) {
+  var euiTheme = _ref.euiTheme;
+  var sizeL = (0, _euiThemeCommon.mathWithUnits)(euiTheme.size.base, function (x) {
+    return x * 1.25;
+  });
+  return {
+    euiNotificationIcon: /*#__PURE__*/(0, _react.css)(";label:euiNotificationIcon;"),
+    size: {
+      l: /*#__PURE__*/(0, _react.css)("block-size:", sizeL, ";inline-size:", sizeL, ";;label:l;")
+    }
+  };
+};

package/optimize/lib/components/notification_icon/svgs/info_fill.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1ZM6.5 7V8H7.5V11H6V12H10V11H8.5V7H6.5ZM8 4C7.44772 4 7 4.44772 7 5C7 5.55228 7.44772 6 8 6C8.55228 6 9 5.55228 9 5C9 4.44772 8.55228 4 8 4Z" />
+</svg>

package/optimize/lib/components/notification_icon/svgs/warning_static.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00021 1C8.35577 1.00002 8.68427 1.18902 8.86349 1.49609L15.8635 13.4961C16.0439 13.8054 16.0457 14.1876 15.8674 14.498C15.6891 14.8085 15.3583 15 15.0002 15H1.00021C0.642148 15 0.311364 14.8085 0.133026 14.498C-0.0452792 14.1876 -0.0443711 13.8054 0.135956 13.4961L7.13596 1.49609C7.31517 1.18888 7.64455 1 8.00021 1Z" fill="#FACB3D"/>
+  <path d="M7.00024 12C7.00024 11.4477 7.44796 11 8.00024 11C8.5525 11 9.00024 11.4477 9.00024 12C9.00024 12.5523 8.5525 13 8.00024 13C7.44796 13 7.00024 12.5523 7.00024 12Z" fill="#825803"/>
+  <path d="M7.50024 10V5H8.50024V10H7.50024Z" fill="#825803"/>
+</svg>