@splunk/react-ui 4.16.3 → 4.17.0

package/MessageBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 216);
+/******/ 	return __webpack_require__(__webpack_require__.s = 221);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -102,100 +102,27 @@ module.exports = require("prop-types");
 /***/ }),
 
 /***/ 100:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SuccessFilled; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(70);
-/* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
-/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-
-
-
-
-
-function Prisma24(_ref) {
-  var otherProps = _extends({}, _ref);
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
-    viewBox: "0 0 24 24"
-  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.8738 8.62627C17.2643 9.01679 17.2643 9.64996 16.8738 10.0405L11.5853 15.329C10.9996 15.9147 10.0499 15.9148 9.46414 15.3291L7.12637 12.9921C6.73579 12.6016 6.7357 11.9684 7.12616 11.5779C7.51663 11.1873 8.1498 11.1872 8.54038 11.5776L10.5246 13.5613L15.4596 8.62627C15.8501 8.23574 16.4833 8.23574 16.8738 8.62627Z",
-    fill: "currentColor"
-  }));
-}
+/***/ (function(module, exports) {
 
-function SuccessFilled(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1___default.a,
-    Prisma24: Prisma24
-  }, props));
-}
+module.exports = require("@splunk/react-icons/enterprise/Success");
 
 /***/ }),
 
 /***/ 101:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WarningFilled; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(102);
-/* harmony import */ var _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
-/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-
-
-
-
-
-function Prisma24(_ref) {
-  var otherProps = _extends({}, _ref);
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
-    viewBox: "0 0 24 24"
-  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10.6827 2.82369C11.2341 1.72544 12.7659 1.72544 13.3173 2.82369L21.8338 19.7867C22.3412 20.7973 21.6254 22 20.5165 22H3.48349C2.37462 22 1.65878 20.7973 2.16616 19.7867L10.6827 2.82369ZM11.0002 13.6618V11.0133C11.0002 10.461 11.4479 10.0133 12.0002 10.0133C12.5525 10.0133 13.0002 10.461 13.0002 11.0133V13.6618C13.0002 14.2141 12.5525 14.6618 12.0002 14.6618C11.4479 14.6618 11.0002 14.2141 11.0002 13.6618ZM13.2002 16.9347C13.2002 17.5975 12.6629 18.1347 12.0002 18.1347C11.3374 18.1347 10.8002 17.5975 10.8002 16.9347C10.8002 16.272 11.3374 15.7347 12.0002 15.7347C12.6629 15.7347 13.2002 16.272 13.2002 16.9347Z",
-    fill: "currentColor"
-  }));
-}
-
-function WarningFilled(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1___default.a,
-    Prisma24: Prisma24
-  }, props));
-}
-
-/***/ }),
-
-/***/ 102:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Warning");
+module.exports = require("@splunk/react-icons/enterprise/Warning");
 
 /***/ }),
 
-/***/ 14:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 16:
+/***/ 14:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScreenReaderContent");
@@ -209,7 +136,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 216:
+/***/ 221:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -227,48 +154,81 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
-// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(4);
+// EXTERNAL MODULE: external "@splunk/react-icons/Cross"
+var Cross_ = __webpack_require__(25);
+var Cross_default = /*#__PURE__*/__webpack_require__.n(Cross_);
+
+// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Close"
+var Close_ = __webpack_require__(26);
+var Close_default = /*#__PURE__*/__webpack_require__.n(Close_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(16);
+var ScreenReaderContent_ = __webpack_require__(14);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
-// EXTERNAL MODULE: ./src/icons/AlertFilled.tsx
-var AlertFilled = __webpack_require__(97);
-
-// EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(27);
-
-// EXTERNAL MODULE: ./src/icons/InfoFilled.tsx
-var InfoFilled = __webpack_require__(98);
-
-// EXTERNAL MODULE: ./src/icons/SuccessFilled.tsx
-var SuccessFilled = __webpack_require__(100);
+// EXTERNAL MODULE: external "@splunk/themes"
+var themes_ = __webpack_require__(0);
 
-// EXTERNAL MODULE: ./src/icons/WarningFilled.tsx
-var WarningFilled = __webpack_require__(101);
+// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
+var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
+// EXTERNAL MODULE: external "@splunk/react-icons/CheckCircle"
+var CheckCircle_ = __webpack_require__(69);
+var CheckCircle_default = /*#__PURE__*/__webpack_require__.n(CheckCircle_);
+
+// EXTERNAL MODULE: external "@splunk/react-icons/ExclamationCircle"
+var ExclamationCircle_ = __webpack_require__(70);
+var ExclamationCircle_default = /*#__PURE__*/__webpack_require__.n(ExclamationCircle_);
+
+// EXTERNAL MODULE: external "@splunk/react-icons/InformationCircle"
+var InformationCircle_ = __webpack_require__(96);
+var InformationCircle_default = /*#__PURE__*/__webpack_require__.n(InformationCircle_);
+
+// EXTERNAL MODULE: external "@splunk/react-icons/ExclamationTriangle"
+var ExclamationTriangle_ = __webpack_require__(97);
+var ExclamationTriangle_default = /*#__PURE__*/__webpack_require__.n(ExclamationTriangle_);
+
+// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Error"
+var Error_ = __webpack_require__(98);
+var Error_default = /*#__PURE__*/__webpack_require__.n(Error_);
+
+// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/InfoCircle"
+var InfoCircle_ = __webpack_require__(99);
+var InfoCircle_default = /*#__PURE__*/__webpack_require__.n(InfoCircle_);
+
+// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Success"
+var Success_ = __webpack_require__(100);
+var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
+
+// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Warning"
+var Warning_ = __webpack_require__(101);
+var Warning_default = /*#__PURE__*/__webpack_require__.n(Warning_);
+
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
-var Box_ = __webpack_require__(8);
+var Box_ = __webpack_require__(6);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(14);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
-// EXTERNAL MODULE: external "@splunk/themes"
-var themes_ = __webpack_require__(0);
-
 // CONCATENATED MODULE: ./src/MessageBar/MessageBarStyles.ts
 
 
 
 
+
+
+
+
+
+
+
+
 var MessageBarContent = external_styled_components_default.a.div.withConfig({
   displayName: "MessageBarStyles__MessageBarContent",
   componentId: "sc-1uyhzza-0"
@@ -290,7 +250,10 @@ var MessageBarContent = external_styled_components_default.a.div.withConfig({
 var MessageBarCloseWrapper = external_styled_components_default()(Clickable_default.a).withConfig({
   displayName: "MessageBarStyles__MessageBarCloseWrapper",
   componentId: "sc-1uyhzza-1"
-})(["", ";border:1px solid transparent;border-radius:", ";color:inherit;cursor:pointer;padding:", ";", " &:hover,&:focus{background:", ";border:", ";color:", ";}&:active{", ";}", ""], themes_["mixins"].reset('flex'), themes_["variables"].borderRadius, themes_["variables"].spacingXSmall, Object(themes_["pick"])({
+})(["", ";border:1px solid transparent;border-radius:", ";color:inherit;cursor:pointer;padding:", ";", " &:hover,&:focus{background:", ";border:", ";color:", ";}&:active{", ";}", ""], themes_["mixins"].reset('flex'), themes_["variables"].borderRadius, Object(themes_["pick"])({
+  enterprise: themes_["variables"].spacingXSmall,
+  prisma: '3px'
+}), Object(themes_["pick"])({
   enterprise: Object(external_styled_components_["css"])(["margin-top:1px;"])
 }), Object(themes_["pick"])({
   prisma: themes_["variables"].interactiveColorOverlayHover,
@@ -320,20 +283,42 @@ var MessageBarCloseWrapper = external_styled_components_default()(Clickable_defa
     dark: Object(external_styled_components_["css"])(["0 0 0 3px ", ""], themes_["variables"].black)
   }))
 }));
-var MessageBarIconWrapper = external_styled_components_default.a.div.withConfig({
-  displayName: "MessageBarStyles__MessageBarIconWrapper",
+var iconCommonStyles = Object(external_styled_components_["css"])(["margin-left:auto;"]);
+var StyledCheckCircleIcon = external_styled_components_default()(CheckCircle_default.a).withConfig({
+  displayName: "MessageBarStyles__StyledCheckCircleIcon",
   componentId: "sc-1uyhzza-2"
-})(["margin-left:auto;", ""], Object(themes_["pick"])({
-  enterprise: Object(external_styled_components_["css"])(["color:", ";"], Object(themes_["pickVariant"])('$type', {
-    info: themes_["variables"].infoColor,
-    success: themes_["variables"].successColor,
-    warning: themes_["variables"].warningColor,
-    error: themes_["variables"].errorColor
-  }))
-}));
+})(["", ""], iconCommonStyles);
+var StyledExclamationCircleIcon = external_styled_components_default()(ExclamationCircle_default.a).withConfig({
+  displayName: "MessageBarStyles__StyledExclamationCircleIcon",
+  componentId: "sc-1uyhzza-3"
+})(["", ""], iconCommonStyles);
+var StyledInformationCircleIcon = external_styled_components_default()(InformationCircle_default.a).withConfig({
+  displayName: "MessageBarStyles__StyledInformationCircleIcon",
+  componentId: "sc-1uyhzza-4"
+})(["", ""], iconCommonStyles);
+var StyledExclamationTriangleIcon = external_styled_components_default()(ExclamationTriangle_default.a).withConfig({
+  displayName: "MessageBarStyles__StyledExclamationTriangleIcon",
+  componentId: "sc-1uyhzza-5"
+})(["", ""], iconCommonStyles);
+var StyledEnterpriseErrorIcon = external_styled_components_default()(Error_default.a).withConfig({
+  displayName: "MessageBarStyles__StyledEnterpriseErrorIcon",
+  componentId: "sc-1uyhzza-6"
+})(["", " color:", ";"], iconCommonStyles, themes_["variables"].errorColor);
+var StyledEnterpriseInfoCircleIcon = external_styled_components_default()(InfoCircle_default.a).withConfig({
+  displayName: "MessageBarStyles__StyledEnterpriseInfoCircleIcon",
+  componentId: "sc-1uyhzza-7"
+})(["", " color:", ";"], iconCommonStyles, themes_["variables"].infoColor);
+var StyledEnterpriseSuccessIcon = external_styled_components_default()(Success_default.a).withConfig({
+  displayName: "MessageBarStyles__StyledEnterpriseSuccessIcon",
+  componentId: "sc-1uyhzza-8"
+})(["", " color:", ";"], iconCommonStyles, themes_["variables"].successColor);
+var StyledEnterpriseWarningIcon = external_styled_components_default()(Warning_default.a).withConfig({
+  displayName: "MessageBarStyles__StyledEnterpriseWarningIcon",
+  componentId: "sc-1uyhzza-9"
+})(["", " color:", ";"], iconCommonStyles, themes_["variables"].warningColor);
 var MessageBarWrapper = external_styled_components_default()(Box_default.a).withConfig({
   displayName: "MessageBarStyles__MessageBarWrapper",
-  componentId: "sc-1uyhzza-3"
+  componentId: "sc-1uyhzza-10"
 })(["", ";display:flex;align-items:center;justify-content:center;min-height:40px;margin-bottom:", ";", ";word-wrap:break-word;color:", ";", ";"], themes_["mixins"].reset('block'), themes_["variables"].spacingSmall, function (_ref) {
   var $hasCloseButton = _ref.$hasCloseButton;
   return $hasCloseButton ? Object(external_styled_components_["css"])(["", ""], Object(themes_["pick"])({
@@ -350,10 +335,7 @@ var MessageBarWrapper = external_styled_components_default()(Box_default.a).with
       dark: themes_["variables"].contentColorInverted
     },
     success: themes_["variables"].contentColorInverted,
-    warning: {
-      light: themes_["variables"].contentColorActive,
-      dark: themes_["variables"].contentColorInverted
-    },
+    warning: themes_["variables"].black,
     error: themes_["variables"].contentColorInverted
   }),
   enterprise: {
@@ -409,25 +391,30 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
-
 var propTypes = {
   children: external_prop_types_default.a.node.isRequired,
   onRequestClose: external_prop_types_default.a.func,
   type: external_prop_types_default.a.oneOf(['info', 'success', 'warning', 'error']).isRequired
 };
-var TypeToIconMap = Object.freeze({
-  info: InfoFilled["a" /* default */],
-  warning: WarningFilled["a" /* default */],
-  error: AlertFilled["a" /* default */],
-  success: SuccessFilled["a" /* default */]
-});
 var TypeToAnnouncementMap = Object.freeze({
   info: Object(i18n_["_"])('Info'),
   warning: Object(i18n_["_"])('Warning'),
   error: Object(i18n_["_"])('Alert'),
   success: Object(i18n_["_"])('Success')
 });
+var enterpriseTypeToIconMap = Object.freeze({
+  info: StyledEnterpriseInfoCircleIcon,
+  warning: StyledEnterpriseWarningIcon,
+  error: StyledEnterpriseErrorIcon,
+  success: StyledEnterpriseSuccessIcon
+});
+var prismaTypeToIconMap = Object.freeze({
+  info: StyledInformationCircleIcon,
+  warning: StyledExclamationTriangleIcon,
+  error: StyledExclamationCircleIcon,
+  success: StyledCheckCircleIcon
+});
+var standardIconSize = '24px';
 
 function MessageBar(_ref) {
   var children = _ref.children,
@@ -436,7 +423,34 @@ function MessageBar(_ref) {
       otherProps = _objectWithoutProperties(_ref, ["children", "type", "onRequestClose"]);
 
   // @docs-props-type MessageBarPropsBase
-  var Icon = TypeToIconMap[type];
+  var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
+      isEnterprise = _useSplunkTheme.isEnterprise;
+
+  var width = isEnterprise && type === 'error' ? '22px' : standardIconSize;
+  var height = isEnterprise && type === 'warning' ? '21px' : standardIconSize;
+  var icon;
+
+  if (isEnterprise) {
+    var IconType = enterpriseTypeToIconMap[type];
+    icon = /*#__PURE__*/external_react_default.a.createElement(IconType, {
+      height: height,
+      width: width,
+      hideDefaultTooltip: true,
+      screenReaderText: null,
+      "aria-hidden": true,
+      "data-test": "icon"
+    });
+  } else {
+    var _IconType = prismaTypeToIconMap[type];
+    icon = /*#__PURE__*/external_react_default.a.createElement(_IconType, {
+      height: standardIconSize,
+      width: standardIconSize,
+      variant: "filled",
+      "aria-hidden": true,
+      "data-test": "icon"
+    });
+  }
+
   return /*#__PURE__*/external_react_default.a.createElement(MessageBarWrapper, _extends({
     $type: type,
     "data-test": "message-bar",
@@ -444,22 +458,23 @@ function MessageBar(_ref) {
   }, otherProps, {
     role: "region",
     $hasCloseButton: Boolean(onRequestClose)
-  }), /*#__PURE__*/external_react_default.a.createElement(MessageBarIconWrapper, {
-    $type: type
-  }, /*#__PURE__*/external_react_default.a.createElement(Icon, {
-    "aria-hidden": "true",
-    enterpriseSize: "24px",
-    "data-test": "icon"
-  }), /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, TypeToAnnouncementMap[type])), /*#__PURE__*/external_react_default.a.createElement(MessageBarContent, {
+  }), icon, /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, TypeToAnnouncementMap[type]), /*#__PURE__*/external_react_default.a.createElement(MessageBarContent, {
     $type: type,
     "data-test": "content"
   }, children), onRequestClose && /*#__PURE__*/external_react_default.a.createElement(MessageBarCloseWrapper, {
     $type: type,
     onClick: onRequestClose
-  }, /*#__PURE__*/external_react_default.a.createElement(CrossMark["a" /* default */], {
-    "aria-hidden": "true",
-    prismaSize: "small",
-    enterpriseSize: "12px"
+  }, isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Close_default.a, {
+    height: "12px",
+    hideDefaultTooltip: true,
+    screenReaderText: null,
+    width: "12px"
+  }) : /*#__PURE__*/external_react_default.a.createElement(Cross_default.a, {
+    height: "19px",
+    style: {
+      margin: -0.5
+    },
+    width: "19px"
   }), /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, Object(i18n_["_"])('Close'))));
 }
 
@@ -471,60 +486,17 @@ MessageBar.propTypes = propTypes;
 
 /***/ }),
 
-/***/ 27:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
-/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
-/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-
-
-
-
-
-function Prisma24(_ref) {
-  var otherProps = _extends({}, _ref);
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
-    viewBox: "0 0 24 24"
-  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
-    d: "M6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.2929 17.2929C4.90238 17.6834 4.90238 18.3166 5.2929 18.7071C5.68342 19.0976 6.31659 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289Z",
-    fill: "currentColor"
-  }));
-}
-
-function Prisma16(_ref2) {
-  var otherProps = _extends({}, _ref2);
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
-    viewBox: "0 0 16 16"
-  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
-    d: "M12.2024 2.69009C12.5092 2.38325 13.0067 2.38325 13.3136 2.69009C13.6204 2.99693 13.6204 3.49442 13.3136 3.80126L9.11721 7.99762L13.3114 12.1918C13.6206 12.501 13.6206 13.0023 13.3114 13.3114C13.0023 13.6206 12.501 13.6206 12.1918 13.3114L7.99762 9.11721L3.885 13.2298C3.57816 13.5367 3.08067 13.5367 2.77383 13.2298C2.46699 12.923 2.46699 12.4255 2.77383 12.1187L6.88645 8.00604L2.69183 3.81142C2.38267 3.50226 2.38267 3.001 2.69183 2.69183C3.001 2.38267 3.50226 2.38267 3.81142 2.69183L8.00604 6.88646L12.2024 2.69009Z",
-    fill: "currentColor"
-  }));
-}
+/***/ 25:
+/***/ (function(module, exports) {
 
-function CrossMark(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
-    Prisma16: Prisma16,
-    Prisma24: Prisma24
-  }, props));
-}
+module.exports = require("@splunk/react-icons/Cross");
 
 /***/ }),
 
-/***/ 29:
+/***/ 26:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Close");
+module.exports = require("@splunk/react-icons/enterprise/Close");
 
 /***/ }),
 
@@ -543,253 +515,51 @@ module.exports = require("@splunk/ui-utils/i18n");
 /***/ }),
 
 /***/ 6:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-
+/***/ (function(module, exports) {
 
-var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
-  displayName: "SVG__Styled",
-  componentId: "sc-1bz0ryh-0"
-})(["flex:0 0 auto;"]);
-function SVG(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props));
-}
+module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
 /***/ 69:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Error");
-
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
-/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
-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) { _defineProperty(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; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-
-
-
-var inlineStyles = {
-  display: 'inline-block',
-  flex: '0 0 auto',
-  overflow: 'visible',
-  verticalAlign: 'middle'
-};
-var blockStyles = {
-  display: 'block',
-  flex: '0 0 auto',
-  margin: '0 auto',
-  overflow: 'visible'
-};
-var propTypes = {
-  Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
-  enterpriseSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
-  enterpriseWidth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
-  enterpriseHeight: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
-  Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
-  Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
-  Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
-  prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
-  inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-  screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
-};
-var defaultProps = {
-  inline: true,
-  prismaSize: 'medium'
-};
-function Icon(_ref) {
-  var Enterprise = _ref.Enterprise,
-      Prisma24 = _ref.Prisma24,
-      Prisma20 = _ref.Prisma20,
-      Prisma16 = _ref.Prisma16,
-      prismaSize = _ref.prismaSize,
-      inline = _ref.inline,
-      enterpriseSize = _ref.enterpriseSize,
-      enterpriseWidth = _ref.enterpriseWidth,
-      enterpriseHeight = _ref.enterpriseHeight,
-      screenReaderText = _ref.screenReaderText,
-      otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
-
-  var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
-      family = _useSplunkTheme.family,
-      density = _useSplunkTheme.density; // Enterprise - all variants
-
-
-  if (family === 'enterprise') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
-      size: enterpriseSize,
-      width: enterpriseWidth,
-      height: enterpriseHeight,
-      screenReaderText: screenReaderText || null,
-      hideDefaultTooltip: true,
-      inline: inline
-    }, otherProps));
-  }
-
-  var prismaProps = _objectSpread({
-    'aria-label': screenReaderText,
-    style: inline ? inlineStyles : blockStyles
-  }, otherProps); // Prisma - small+compact, small+comfortable
-
-
-  if (prismaSize === 'small') {
-    var SVG = Prisma16 || Prisma24;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
-      width: "16",
-      height: "16"
-    }, prismaProps));
-  } // Prisma - medium+compact
-
-
-  if (density === 'compact') {
-    var _SVG = Prisma20 || Prisma24;
-
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
-      width: "20",
-      height: "20"
-    }, prismaProps));
-  } // Prisma - medium+comfortable
-
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Prisma24, _extends({
-    width: "24",
-    height: "24"
-  }, prismaProps));
-}
-Icon.propTypes = propTypes;
-Icon.defaultProps = defaultProps;
+module.exports = require("@splunk/react-icons/CheckCircle");
 
 /***/ }),
 
 /***/ 70:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Success");
+module.exports = require("@splunk/react-icons/ExclamationCircle");
 
 /***/ }),
 
-/***/ 8:
+/***/ 96:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Box");
+module.exports = require("@splunk/react-icons/InformationCircle");
 
 /***/ }),
 
 /***/ 97:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AlertFilled; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(69);
-/* harmony import */ var _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
-/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-
-
-
-
-
-function Prisma24(_ref) {
-  var otherProps = _extends({}, _ref);
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
-    viewBox: "0 0 24 24"
-  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12ZM11.0001 7.9906V12.0001C11.0001 12.5524 11.4478 13.0001 12.0001 13.0001C12.5524 13.0001 13.0001 12.5524 13.0001 12.0001V7.9906C13.0001 7.43832 12.5524 6.9906 12.0001 6.9906C11.4478 6.9906 11.0001 7.43832 11.0001 7.9906ZM12.0001 17.0001C12.6628 17.0001 13.2001 16.4628 13.2001 15.8001C13.2001 15.1374 12.6628 14.6001 12.0001 14.6001C11.3373 14.6001 10.8001 15.1374 10.8001 15.8001C10.8001 16.4628 11.3373 17.0001 12.0001 17.0001Z",
-    fill: "currentColor"
-  }));
-}
+/***/ (function(module, exports) {
 
-function AlertFilled(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1___default.a,
-    Prisma24: Prisma24
-  }, props));
-}
+module.exports = require("@splunk/react-icons/ExclamationTriangle");
 
 /***/ }),
 
 /***/ 98:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return InfoFilled; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(99);
-/* harmony import */ var _splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
-/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-
-
-
-
-
-function Prisma24(_ref) {
-  var otherProps = _extends({}, _ref);
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
-    viewBox: "0 0 24 24"
-  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11.0001 16.0094V11.9999C11.0001 11.4476 11.4478 10.9999 12.0001 10.9999C12.5524 10.9999 13.0001 11.4476 13.0001 11.9999V16.0094C13.0001 16.5617 12.5524 17.0094 12.0001 17.0094C11.4478 17.0094 11.0001 16.5617 11.0001 16.0094ZM12 6.9999C12.6628 6.9999 13.2 7.53716 13.2 8.1999C13.2 8.86264 12.6628 9.3999 12 9.3999C11.3373 9.3999 10.8 8.86264 10.8 8.1999C10.8 7.53716 11.3373 6.9999 12 6.9999Z",
-    fill: "currentColor"
-  }));
-}
+/***/ (function(module, exports) {
 
-function InfoFilled(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1___default.a,
-    Prisma24: Prisma24
-  }, props));
-}
+module.exports = require("@splunk/react-icons/enterprise/Error");
 
 /***/ }),
 
 /***/ 99:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/InfoCircle");
+module.exports = require("@splunk/react-icons/enterprise/InfoCircle");
 
 /***/ })