@splunk/react-ui 4.6.0 → 4.7.0

package/Message.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 110);
+/******/ 	return __webpack_require__(__webpack_require__.s = 127);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 110:
+/***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Clickable");
+
+/***/ }),
+
+/***/ 127:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -120,142 +127,14 @@ 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: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(22);
+// EXTERNAL MODULE: external "@splunk/react-ui/MessageBar"
+var MessageBar_ = __webpack_require__(99);
+var MessageBar_default = /*#__PURE__*/__webpack_require__.n(MessageBar_);
 
 // 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-ui/Box"
-var Box_ = __webpack_require__(8);
-var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-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/Message/BannerStyles.ts
-
-
-
-
-var BannerContent = external_styled_components_default.a.div.withConfig({
-  displayName: "BannerStyles__BannerContent",
-  componentId: "sc-12z0t1m-0"
-})(["", ";padding:0 8px;text-align:center;margin-left:auto;", ""], themes_["mixins"].reset('inline'), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorInverted)
-}));
-var BannerRemoveWrapper = external_styled_components_default()(Clickable_default.a).withConfig({
-  displayName: "BannerStyles__BannerRemoveWrapper",
-  componentId: "sc-12z0t1m-1"
-})(["", ";border:1px solid transparent;border-radius:", ";color:", ";cursor:pointer;margin-left:auto;padding:", ";", " &:hover,&:focus{background:", ";border:", ";color:", ";}&:active{", ";}", ""], themes_["mixins"].reset('flex'), Object(themes_["pick"])({
-  prisma: '50%',
-  enterprise: themes_["variables"].borderRadius
-}), Object(themes_["pick"])({
-  prisma: themes_["variables"].contentColorInverted,
-  enterprise: {
-    dark: themes_["variables"].gray96,
-    light: themes_["variables"].gray45
-  }
-}), Object(themes_["pick"])({
-  prisma: '10px',
-  enterprise: '8px'
-}), Object(themes_["pick"])({
-  enterprise: Object(external_styled_components_["css"])(["margin-top:1px;"])
-}), Object(themes_["pick"])({
-  prisma: themes_["variables"].interactiveColorOverlayHover,
-  enterprise: {
-    dark: themes_["variables"].gray30,
-    light: themes_["variables"].gray92
-  }
-}), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["1px solid inherit"]),
-  enterprise: Object(external_styled_components_["css"])(["1px solid ", ""], themes_["variables"].gray80)
-}), Object(themes_["pick"])({
-  enterprise: {
-    dark: themes_["variables"].gray96,
-    light: themes_["variables"].linkColor
-  }
-}), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["background:", ";"], themes_["variables"].interactiveColorOverlayActive),
-  enterprise: Object(external_styled_components_["css"])(["box-shadow:", ";"], themes_["variables"].focusShadow)
-}), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["&:focus{box-shadow:0 0 0 3px ", ";}"], themes_["variables"].focusColor)
-}));
-var BannerWrapper = external_styled_components_default()(Box_default.a).withConfig({
-  displayName: "BannerStyles__BannerWrapper",
-  componentId: "sc-12z0t1m-2"
-})(["", ";display:flex;align-items:center;justify-content:center;min-height:40px;margin-bottom:", ";padding:", ";word-wrap:break-word;", ""], themes_["mixins"].reset('block'), themes_["variables"].spacingSmall, Object(themes_["pick"])({
-  prisma: '0 8px 0 32px',
-  enterprise: '0 8px 0 38px'
-}), Object(themes_["pickVariant"])('$type', {
-  info: Object(external_styled_components_["css"])(["background-color:", ";"], Object(themes_["pick"])({
-    prisma: themes_["variables"].contentColorActive,
-    enterprise: {
-      dark: themes_["mixins"].colorWithAlpha(themes_["variables"].infoColor, 0.5),
-      light: themes_["variables"].infoColorL50
-    }
-  })),
-  success: Object(external_styled_components_["css"])(["background-color:", ";"], Object(themes_["pick"])({
-    prisma: themes_["variables"].accentColorPositive,
-    enterprise: {
-      dark: themes_["mixins"].colorWithAlpha(themes_["variables"].successColor, 0.5),
-      light: themes_["variables"].successColorL50
-    }
-  })),
-  warning: Object(external_styled_components_["css"])(["background-color:", ";"], Object(themes_["pick"])({
-    prisma: themes_["variables"].accentColorWarning,
-    enterprise: {
-      dark: themes_["mixins"].colorWithAlpha(themes_["variables"].warningColor, 0.5),
-      light: themes_["variables"].warningColorL50
-    }
-  })),
-  error: Object(external_styled_components_["css"])(["background-color:", ";"], Object(themes_["pick"])({
-    prisma: themes_["variables"].accentColorNegative,
-    enterprise: {
-      dark: themes_["mixins"].colorWithAlpha(themes_["variables"].errorColor, 0.5),
-      light: themes_["variables"].errorColorL50
-    }
-  }))
-}));
-
-// CONCATENATED MODULE: ./src/Message/Banner.tsx
-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 Banner_Banner = function Banner(_ref) {
-  var children = _ref.children,
-      type = _ref.type,
-      onRequestRemove = _ref.onRequestRemove,
-      otherProps = _objectWithoutProperties(_ref, ["children", "type", "onRequestRemove"]);
-
-  return /*#__PURE__*/external_react_default.a.createElement(BannerWrapper, _extends({
-    $type: type,
-    "data-test-type": type,
-    "data-test": "message"
-  }, otherProps), /*#__PURE__*/external_react_default.a.createElement(BannerContent, {
-    "data-test": "content"
-  }, children), /*#__PURE__*/external_react_default.a.createElement(BannerRemoveWrapper, {
-    "data-test": "remove",
-    onClick: onRequestRemove
-  }, /*#__PURE__*/external_react_default.a.createElement(CrossMark["a" /* default */], {
-    prismaSize: "small",
-    enterpriseSize: "12px"
-  })));
-};
-
-/* harmony default export */ var Message_Banner = (Banner_Banner);
 // EXTERNAL MODULE: external "@splunk/react-ui/Link"
 var Link_ = __webpack_require__(29);
 var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
@@ -263,18 +142,15 @@ var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
 // CONCATENATED MODULE: ./src/Message/LinkStyles.ts
 
 
-
 var StyledLink = external_styled_components_default()(Link_default.a).withConfig({
   displayName: "LinkStyles__StyledLink",
   componentId: "w06zjv-0"
-})(["margin:0 3px;text-decoration:underline;color:inherit;&:not([disabled]){cursor:pointer;&:focus{", " text-decoration:underline;&:active{box-shadow:none;text-decoration:underline;}}}"], Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["box-shadow:", ";"], themes_["variables"].focusShadow)
-}));
+})([""]);
 
 // CONCATENATED MODULE: ./src/Message/Link.tsx
-function Link_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Link_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 _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 Link_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; }
+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; }
 
 
 
@@ -287,18 +163,25 @@ var propTypes = {
 };
 
 /**
+ * @deprecated `Message.Link` is deprecated and will be removed in a future major version. Use `Link` instead.
+ *
  * A `Link` styled to work with `Message`'s `banner` appearance.
  */
 function Link(_ref) {
   var children = _ref.children,
-      otherProps = Link_objectWithoutProperties(_ref, ["children"]);
+      otherProps = _objectWithoutProperties(_ref, ["children"]);
 
   // @docs-props-type LinkPropsBase
+  if (false) {}
+
   return /*#__PURE__*/external_react_default.a.createElement(StyledLink, otherProps, children);
 }
 
 Link.propTypes = propTypes;
 /* harmony default export */ var Message_Link = (Link);
+// EXTERNAL MODULE: external "@splunk/themes"
+var themes_ = __webpack_require__(0);
+
 // CONCATENATED MODULE: ./src/Message/TitleStyles.ts
 
 
@@ -334,6 +217,14 @@ function Title(_ref) {
 
 Title.propTypes = Title_propTypes;
 /* harmony default export */ var Message_Title = (Title);
+// EXTERNAL MODULE: external "@splunk/react-ui/Box"
+var Box_ = __webpack_require__(8);
+var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
+var Clickable_ = __webpack_require__(11);
+var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
+
 // CONCATENATED MODULE: ./src/Message/MessageStyles.ts
 
 
@@ -473,138 +364,23 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   }))
 }));
 
-// EXTERNAL MODULE: external "@splunk/react-icons/Error"
-var Error_ = __webpack_require__(68);
-var Error_default = /*#__PURE__*/__webpack_require__.n(Error_);
-
-// EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
-var ThemedIcon = __webpack_require__(7);
-
-// EXTERNAL MODULE: ./src/icons/SVG.tsx
-var SVG = __webpack_require__(6);
-
-// CONCATENATED MODULE: ./src/icons/AlertFilled.tsx
-function AlertFilled_extends() { AlertFilled_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 AlertFilled_extends.apply(this, arguments); }
-
-
-
-
-
-
-function Prisma24(_ref) {
-  var otherProps = AlertFilled_extends({}, _ref);
-
-  return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], AlertFilled_extends({
-    viewBox: "0 0 24 24"
-  }, otherProps), /*#__PURE__*/external_react_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 AlertFilled(props) {
-  return /*#__PURE__*/external_react_default.a.createElement(ThemedIcon["a" /* default */], AlertFilled_extends({
-    Enterprise: Error_default.a,
-    Prisma24: Prisma24
-  }, props));
-}
-// EXTERNAL MODULE: external "@splunk/react-icons/InfoCircle"
-var InfoCircle_ = __webpack_require__(92);
-var InfoCircle_default = /*#__PURE__*/__webpack_require__.n(InfoCircle_);
-
-// CONCATENATED MODULE: ./src/icons/InfoFilled.tsx
-function InfoFilled_extends() { InfoFilled_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 InfoFilled_extends.apply(this, arguments); }
-
-
-
-
-
-
-function InfoFilled_Prisma24(_ref) {
-  var otherProps = InfoFilled_extends({}, _ref);
-
-  return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], InfoFilled_extends({
-    viewBox: "0 0 24 24"
-  }, otherProps), /*#__PURE__*/external_react_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 InfoFilled(props) {
-  return /*#__PURE__*/external_react_default.a.createElement(ThemedIcon["a" /* default */], InfoFilled_extends({
-    Enterprise: InfoCircle_default.a,
-    Prisma24: InfoFilled_Prisma24
-  }, props));
-}
-// EXTERNAL MODULE: external "@splunk/react-icons/Success"
-var Success_ = __webpack_require__(69);
-var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
-
-// CONCATENATED MODULE: ./src/icons/SuccessFilled.tsx
-function SuccessFilled_extends() { SuccessFilled_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 SuccessFilled_extends.apply(this, arguments); }
-
-
-
-
-
-
-function SuccessFilled_Prisma24(_ref) {
-  var otherProps = SuccessFilled_extends({}, _ref);
-
-  return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], SuccessFilled_extends({
-    viewBox: "0 0 24 24"
-  }, otherProps), /*#__PURE__*/external_react_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 SuccessFilled(props) {
-  return /*#__PURE__*/external_react_default.a.createElement(ThemedIcon["a" /* default */], SuccessFilled_extends({
-    Enterprise: Success_default.a,
-    Prisma24: SuccessFilled_Prisma24
-  }, props));
-}
-// EXTERNAL MODULE: external "@splunk/react-icons/Warning"
-var Warning_ = __webpack_require__(93);
-var Warning_default = /*#__PURE__*/__webpack_require__.n(Warning_);
-
-// CONCATENATED MODULE: ./src/icons/WarningFilled.tsx
-function WarningFilled_extends() { WarningFilled_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 WarningFilled_extends.apply(this, arguments); }
-
-
-
+// EXTERNAL MODULE: ./src/icons/AlertFilled.tsx
+var AlertFilled = __webpack_require__(71);
 
+// EXTERNAL MODULE: ./src/icons/CrossMark.tsx
+var CrossMark = __webpack_require__(20);
 
+// EXTERNAL MODULE: ./src/icons/InfoFilled.tsx
+var InfoFilled = __webpack_require__(72);
 
-function WarningFilled_Prisma24(_ref) {
-  var otherProps = WarningFilled_extends({}, _ref);
+// EXTERNAL MODULE: ./src/icons/SuccessFilled.tsx
+var SuccessFilled = __webpack_require__(74);
 
-  return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], WarningFilled_extends({
-    viewBox: "0 0 24 24"
-  }, otherProps), /*#__PURE__*/external_react_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"
-  }));
-}
+// EXTERNAL MODULE: ./src/icons/WarningFilled.tsx
+var WarningFilled = __webpack_require__(75);
 
-function WarningFilled(props) {
-  return /*#__PURE__*/external_react_default.a.createElement(ThemedIcon["a" /* default */], WarningFilled_extends({
-    Enterprise: Warning_default.a,
-    Prisma24: WarningFilled_Prisma24
-  }, props));
-}
 // CONCATENATED MODULE: ./src/Message/Message.tsx
-function Message_extends() { Message_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 Message_extends.apply(this, arguments); }
+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 Message_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Message_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; }
 
@@ -628,6 +404,12 @@ var Message_propTypes = {
   onRequestRemove: external_prop_types_default.a.func,
   type: external_prop_types_default.a.oneOf(['info', 'success', 'warning', 'error'])
 };
+var TypeToIconMap = Object.freeze({
+  info: InfoFilled["a" /* default */],
+  warning: WarningFilled["a" /* default */],
+  error: AlertFilled["a" /* default */],
+  success: SuccessFilled["a" /* default */]
+});
 
 function Message(_ref) {
   var _ref$appearance = _ref.appearance,
@@ -638,27 +420,26 @@ function Message(_ref) {
       onRequestRemove = _ref.onRequestRemove,
       otherProps = Message_objectWithoutProperties(_ref, ["appearance", "children", "type", "onRequestRemove"]);
 
-  // double check this can only be button
+  // @docs-props-type MessagePropsBase
+  if (false) {} // double check this can only be button
+
+
   var handleRemoveClick = Object(external_react_["useCallback"])(function (e) {
     onRequestRemove === null || onRequestRemove === void 0 ? void 0 : onRequestRemove(e);
   }, [onRequestRemove]);
 
   if (appearance === 'banner') {
-    return /*#__PURE__*/external_react_default.a.createElement(Message_Banner, Message_extends({
+    return /*#__PURE__*/external_react_default.a.createElement(MessageBar_default.a, _extends({
       type: type,
-      onRequestRemove: handleRemoveClick
+      "data-test": "banner",
+      onRequestClose: handleRemoveClick
     }, otherProps), children);
   }
 
-  var Icon = {
-    info: InfoFilled,
-    success: SuccessFilled,
-    warning: WarningFilled,
-    error: AlertFilled
-  }[type];
+  var Icon = TypeToIconMap[type];
   var fillStyle = appearance === 'fill';
   var hasIcon = appearance === 'default' || appearance === 'fill';
-  return /*#__PURE__*/external_react_default.a.createElement(StyledBox, Message_extends({
+  return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
     $appearance: appearance,
     $fillStyle: fillStyle,
     $hasRemoveIcon: !!onRequestRemove,
@@ -695,13 +476,6 @@ Message.Link = Message_Link;
 
 
 
-/***/ }),
-
-/***/ 12:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Clickable");
-
 /***/ }),
 
 /***/ 2:
@@ -711,14 +485,14 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 22:
+/***/ 20:
 /***/ (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__(26);
+/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
 /* 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);
@@ -761,7 +535,7 @@ function CrossMark(props) {
 
 /***/ }),
 
-/***/ 26:
+/***/ 22:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Close");
@@ -782,6 +556,20 @@ module.exports = require("styled-components");
 
 /***/ }),
 
+/***/ 49:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/Error");
+
+/***/ }),
+
+/***/ 50:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/Success");
+
+/***/ }),
+
 /***/ 6:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -807,20 +595,6 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 68:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/Error");
-
-/***/ }),
-
-/***/ 69:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/Success");
-
-/***/ }),
-
 /***/ 7:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -939,25 +713,192 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 8:
-/***/ (function(module, exports) {
+/***/ 71:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-module.exports = require("@splunk/react-ui/Box");
+"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__(49);
+/* 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 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));
+}
+
+/***/ }),
+
+/***/ 72:
+/***/ (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__(73);
+/* 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 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));
+}
 
 /***/ }),
 
-/***/ 92:
+/***/ 73:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/InfoCircle");
 
 /***/ }),
 
-/***/ 93:
+/***/ 74:
+/***/ (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__(50);
+/* 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 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));
+}
+
+/***/ }),
+
+/***/ 75:
+/***/ (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__(76);
+/* 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));
+}
+
+/***/ }),
+
+/***/ 76:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Warning");
 
+/***/ }),
+
+/***/ 8:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Box");
+
+/***/ }),
+
+/***/ 99:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/MessageBar");
+
 /***/ })
 
 /******/ });