@kaizen/components 1.57.2 → 1.58.1

package/dist/cjs/EmptyState/EmptyState.cjs

@@ -17,10 +17,17 @@ function _interopDefault(e) {
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var ILLUSTRATIONS = {
+  success: Scene.EmptyStatesPositive,
+  warning: Scene.EmptyStatesNegative,
+  informative: Scene.EmptyStatesInformative,
+  "expert-advice": Scene.EmptyStatesNeutral,
+  /** @deprecated Replaced by success */
   positive: Scene.EmptyStatesPositive,
+  /** @deprecated Replaced by expert-advice */
   neutral: Scene.EmptyStatesNeutral,
+  /** @deprecated Replaced by warning */
   negative: Scene.EmptyStatesNegative,
-  informative: Scene.EmptyStatesInformative,
+  /** @deprecated Replaced by warning */
   action: Scene.EmptyStatesNegative
 };
 /**
@@ -30,8 +37,9 @@ var ILLUSTRATIONS = {
 var EmptyState = function (_a) {
   var children = _a.children,
     id = _a.id,
-    _b = _a.illustrationType,
-    illustrationType = _b === void 0 ? "informative" : _b,
+    illustrationType = _a.illustrationType,
+    _b = _a.variant,
+    variant = _b === void 0 ? "informative" : _b,
     _c = _a.layoutContext,
     layoutContext = _c === void 0 ? "sidebarAndContent" : _c,
     headingProps = _a.headingProps,
@@ -42,10 +50,10 @@ var EmptyState = function (_a) {
     _e = _a.loop,
     loop = _e === void 0 ? false : _e,
     classNameOverride = _a.classNameOverride,
-    props = tslib.__rest(_a, ["children", "id", "illustrationType", "layoutContext", "headingProps", "bodyText", "straightCorners", "isAnimated", "loop", "classNameOverride"]);
-  var IllustrationComponent = ILLUSTRATIONS[illustrationType];
+    props = tslib.__rest(_a, ["children", "id", "illustrationType", "variant", "layoutContext", "headingProps", "bodyText", "straightCorners", "isAnimated", "loop", "classNameOverride"]);
+  var IllustrationComponent = ILLUSTRATIONS[illustrationType !== null && illustrationType !== void 0 ? illustrationType : variant];
   return React__default.default.createElement("div", tslib.__assign({
-    className: classnames__default.default(classNameOverride, EmptyState_module[illustrationType], EmptyState_module.container, EmptyState_module.zen, EmptyState_module[layoutContext], straightCorners && EmptyState_module.straightCorners),
+    className: classnames__default.default(EmptyState_module.container, illustrationType ? EmptyState_module[illustrationType] : EmptyState_module[variant], EmptyState_module[layoutContext], straightCorners && EmptyState_module.straightCorners, classNameOverride),
     id: id
   }, props), React__default.default.createElement("div", {
     className: EmptyState_module.illustrationSide

package/dist/cjs/EmptyState/EmptyState.module.scss.cjs

@@ -9,7 +9,10 @@ var styles = {
   "negative": "EmptyState-module_negative__e5ci6",
   "action": "EmptyState-module_action__OdsgJ",
   "neutral": "EmptyState-module_neutral__L6fBb",
+  "success": "EmptyState-module_success__y7jKP",
+  "warning": "EmptyState-module_warning__-PrRp",
   "informative": "EmptyState-module_informative__x0GSr",
+  "expert-advice": "EmptyState-module_expert-advice__VVB8i",
   "illustrationSide": "EmptyState-module_illustrationSide__ZSjF3",
   "textSide": "EmptyState-module_textSide__tv54w",
   "illustration": "EmptyState-module_illustration__HyD2k",

package/dist/cjs/ErrorPage/ErrorPage.cjs

@@ -68,7 +68,7 @@ var ErrorPage = function (_a) {
       isAnimated: true,
       loop: true
     }),
-    mood: "negative",
+    variant: "warning",
     primaryAction: tslib.__assign(tslib.__assign({}, actions.primary), {
       icon: React__default.default.createElement(ArrowRightIcon.ArrowRightIcon, {
         role: "presentation"

package/dist/cjs/Icon/subcomponents/SVG/SVG.cjs

@@ -23,9 +23,8 @@ var SVG = function (_a) {
     viewBox = _c === void 0 ? "0 0 20 20" : _c,
     classNameOverride = _a.classNameOverride,
     children = _a.children,
-    shouldFlipOnRtl = _a.shouldFlipOnRtl,
-    restProps = tslib.__rest(_a, ["inheritSize", "role", "viewBox", "classNameOverride", "children", "shouldFlipOnRtl"]);
-  var classes = classnames__default.default(SVG_module.icon, classNameOverride, inheritSize && SVG_module.inheritSize, shouldFlipOnRtl && SVG_module.flipOnRtl);
+    restProps = tslib.__rest(_a, ["inheritSize", "role", "viewBox", "classNameOverride", "children"]);
+  var classes = classnames__default.default(SVG_module.icon, classNameOverride, inheritSize && SVG_module.inheritSize);
   if (role === "presentation") {
     return React__default.default.createElement("svg", tslib.__assign({
       className: classes,

package/dist/cjs/Illustration/subcomponents/VideoPlayer/VideoPlayer.cjs

@@ -91,7 +91,7 @@ var VideoPlayer = function (_a) {
            * https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide#autoplay_availability
            */
         });
-      } catch (e) {
+      } catch (_b) {
         /**
          * Older browsers will raise a synchronous error because their first implementation
          * of `.play` was not a promise.

package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.cjs

@@ -27,8 +27,8 @@ function _interopDefault(e) {
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-var getIcon = function (mood, isProminent) {
-  switch (mood) {
+var getIcon = function (variantName, isProminent) {
+  switch (variantName) {
     case "cautionary":
       return isProminent ? React__default.default.createElement(Spot.Cautionary, null) : React__default.default.createElement(CautionWhiteIcon.CautionWhiteIcon, {
         inheritSize: true,
@@ -40,11 +40,13 @@ var getIcon = function (mood, isProminent) {
         role: "presentation"
       });
     case "negative":
+    case "warning":
       return isProminent ? React__default.default.createElement(Spot.Negative, null) : React__default.default.createElement(ExclamationWhiteIcon.ExclamationWhiteIcon, {
         inheritSize: true,
         role: "presentation"
       });
     case "positive":
+    case "success":
       return isProminent ? React__default.default.createElement(Spot.Positive, null) : React__default.default.createElement(SuccessWhiteIcon.SuccessWhiteIcon, {
         inheritSize: true,
         role: "presentation"
@@ -67,6 +69,7 @@ var ConfirmationModal = function (_a) {
     _c = _a.unpadded,
     unpadded = _c === void 0 ? false : _c,
     mood = _a.mood,
+    variant = _a.variant,
     title = _a.title,
     onConfirm = _a.onConfirm,
     onAfterLeave = _a.onAfterLeave,
@@ -78,7 +81,8 @@ var ConfirmationModal = function (_a) {
     confirmWorking = _a.confirmWorking,
     propsOnDismiss = _a.onDismiss,
     children = _a.children,
-    props = tslib.__rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "title", "onConfirm", "onAfterLeave", "onAfterEnter", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children"]);
+    props = tslib.__rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "variant", "title", "onConfirm", "onAfterLeave", "onAfterEnter", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children"]);
+  var variantName = variant || mood;
   var onDismiss = confirmWorking ? undefined : propsOnDismiss;
   var footerActions = [];
   if (onConfirm) {
@@ -110,12 +114,12 @@ var ConfirmationModal = function (_a) {
   }, props), React__default.default.createElement(ModalHeader.ModalHeader, {
     onDismiss: onDismiss
   }, React__default.default.createElement("div", {
-    className: classnames__default.default(ConfirmationModal_module.header, ConfirmationModal_module["".concat(mood, "Header")], isProminent && ConfirmationModal_module.prominent, !unpadded && ConfirmationModal_module.padded)
+    className: classnames__default.default(ConfirmationModal_module.header, variant ? ConfirmationModal_module[variant] : ConfirmationModal_module["".concat(mood, "Header")], isProminent && ConfirmationModal_module.prominent, !unpadded && ConfirmationModal_module.padded)
   }, React__default.default.createElement("div", {
     className: classnames__default.default(ConfirmationModal_module.iconContainer, isProminent && ConfirmationModal_module.prominent)
   }, React__default.default.createElement("div", {
     className: ConfirmationModal_module.spotIcon
-  }, getIcon(mood, isProminent))), React__default.default.createElement(ModalAccessibleLabel.ModalAccessibleLabel, {
+  }, getIcon(variantName, isProminent))), React__default.default.createElement(ModalAccessibleLabel.ModalAccessibleLabel, {
     isProminent: isProminent
   }, React__default.default.createElement(Heading.Heading, {
     tag: "h2",

package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.module.scss.cjs

@@ -15,15 +15,19 @@ var styles = {
   "unscrollable": "ConfirmationModal-module_unscrollable__wg2AZ",
   "pseudoScrollbar": "ConfirmationModal-module_pseudoScrollbar__NqMuT",
   "hide": "ConfirmationModal-module_hide__jOdWV",
+  "spotIcon": "ConfirmationModal-module_spotIcon__rFSHQ",
   "header": "ConfirmationModal-module_header__Ooy23",
   "padded": "ConfirmationModal-module_padded__nGa2-",
   "iconContainer": "ConfirmationModal-module_iconContainer__QjdGa",
+  "prominent": "ConfirmationModal-module_prominent__8-gkP",
   "positiveHeader": "ConfirmationModal-module_positiveHeader__8Dmja",
-  "spotIcon": "ConfirmationModal-module_spotIcon__rFSHQ",
   "informativeHeader": "ConfirmationModal-module_informativeHeader__lTv94",
   "negativeHeader": "ConfirmationModal-module_negativeHeader__Pmob9",
   "assertiveHeader": "ConfirmationModal-module_assertiveHeader__3chNK",
   "cautionaryHeader": "ConfirmationModal-module_cautionaryHeader__ZnE4P",
-  "prominent": "ConfirmationModal-module_prominent__8-gkP"
+  "success": "ConfirmationModal-module_success__4feh-",
+  "informative": "ConfirmationModal-module_informative__-kOIo",
+  "warning": "ConfirmationModal-module_warning__QlnBO",
+  "cautionary": "ConfirmationModal-module_cautionary__AJSCG"
 };
 module.exports = styles;

package/dist/cjs/Notification/ToastNotification/ToastNotification/ToastNotification.cjs

@@ -7,11 +7,10 @@ var ToastNotification = function (_a) {
   var propsId = _a.id,
     _b = _a.hideCloseIcon,
     hideCloseIcon = _b === void 0 ? false : _b,
-    type = _a.type,
     title = _a.title,
     onHide = _a.onHide,
     children = _a.children,
-    restProps = tslib.__rest(_a, ["id", "hideCloseIcon", "type", "title", "onHide", "children"]);
+    restProps = tslib.__rest(_a, ["id", "hideCloseIcon", "title", "onHide", "children"]);
   var reactId = React.useId();
   var id = propsId || reactId;
   var addToastNotification = ToastNotificationContext.useToastNotificationContext().addToastNotification;
@@ -19,7 +18,6 @@ var ToastNotification = function (_a) {
   React.useEffect(function () {
     addToastNotification(tslib.__assign({
       id: id,
-      type: type,
       title: title,
       message: children,
       persistent: persistent,

package/dist/cjs/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.cjs

@@ -19,16 +19,14 @@ var ToastNotificationsMap = function (_a) {
   // this list cannot render with a container (must be portalled into one).
   return ReactDOM.createPortal(React__default.default.createElement(React__default.default.Fragment, null, notifications.map(function (_a) {
     var id = _a.id,
-      type = _a.type,
       title = _a.title,
       persistent = _a.persistent,
       onHide = _a.onHide,
       message = _a.message,
-      restProps = tslib.__rest(_a, ["id", "type", "title", "persistent", "onHide", "message"]);
+      restProps = tslib.__rest(_a, ["id", "title", "persistent", "onHide", "message"]);
     return React__default.default.createElement(GenericNotification.GenericNotification, tslib.__assign({
       key: id,
       style: "toast",
-      type: type,
       title: title,
       persistent: persistent,
       onHide: function () {

package/dist/cjs/Notification/subcomponents/GenericNotification/GenericNotification.cjs

@@ -16,6 +16,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var GenericNotification = function (_a) {
   var type = _a.type,
+    variant = _a.variant,
     style = _a.style,
     children = _a.children,
     title = _a.title,
@@ -26,7 +27,7 @@ var GenericNotification = function (_a) {
     forceMultiline = _a.forceMultiline,
     headingProps = _a.headingProps,
     classNameOverride = _a.classNameOverride,
-    restProps = tslib.__rest(_a, ["type", "style", "children", "title", "persistent", "onHide", "noBottomMargin", "forceMultiline", "headingProps", "classNameOverride"]);
+    restProps = tslib.__rest(_a, ["type", "variant", "style", "children", "title", "persistent", "onHide", "noBottomMargin", "forceMultiline", "headingProps", "classNameOverride"]);
   var _c = React.useState(true),
     isHidden = _c[0],
     setIsHidden = _c[1];
@@ -59,15 +60,17 @@ var GenericNotification = function (_a) {
   }
   return React__default.default.createElement("div", tslib.__assign({
     ref: containerRef,
-    className: classnames__default.default(GenericNotification_module.notification, GenericNotification_module[type], GenericNotification_module[style], isHidden && GenericNotification_module.hidden, noBottomMargin && GenericNotification_module.noBottomMargin, classNameOverride, persistent && GenericNotification_module.persistent),
+    className: classnames__default.default(GenericNotification_module.notification, variant ? GenericNotification_module[variant] : GenericNotification_module[type], GenericNotification_module[style], isHidden && GenericNotification_module.hidden, noBottomMargin && GenericNotification_module.noBottomMargin, classNameOverride, persistent && GenericNotification_module.persistent),
     style: {
       marginTop: getMarginTop()
     },
     onTransitionEnd: onTransitionEnd
   }, restProps), React__default.default.createElement("div", {
     className: GenericNotification_module.icon
-  }, React__default.default.createElement(NotificationIcon.NotificationIcon, {
+  }, type ? React__default.default.createElement(NotificationIcon.NotificationIconType, {
     type: type
+  }) : React__default.default.createElement(NotificationIcon.NotificationIconVariant, {
+    variant: variant
   })), React__default.default.createElement("div", {
     className: classnames__default.default(GenericNotification_module.textContainer, forceMultiline && GenericNotification_module.forceMultiline)
   }, style !== "global" && React__default.default.createElement(NotificationHeading.NotificationHeading, {

package/dist/cjs/Notification/subcomponents/GenericNotification/GenericNotification.module.scss.cjs

@@ -6,8 +6,6 @@ var styles = {
   "toast": "GenericNotification-module_toast__GOVfC",
   "global": "GenericNotification-module_global__Weka-",
   "positive": "GenericNotification-module_positive__U-3HK",
-  "informative": "GenericNotification-module_informative__WLimi",
-  "cautionary": "GenericNotification-module_cautionary__lneFu",
   "security": "GenericNotification-module_security__QTALa",
   "negative": "GenericNotification-module_negative__lUWhD",
   "hidden": "GenericNotification-module_hidden__WJjct",
@@ -24,6 +22,10 @@ var styles = {
   "hover": "GenericNotification-module_hover__hUURd",
   "active": "GenericNotification-module_active__-6ahb",
   "cancelLabel": "GenericNotification-module_cancelLabel__HJzsk",
-  "notificationTitle": "GenericNotification-module_notificationTitle__Oaqb8"
+  "notificationTitle": "GenericNotification-module_notificationTitle__Oaqb8",
+  "success": "GenericNotification-module_success__oLGIP",
+  "informative": "GenericNotification-module_informative__WLimi",
+  "cautionary": "GenericNotification-module_cautionary__lneFu",
+  "warning": "GenericNotification-module_warning__7275P"
 };
 module.exports = styles;

package/dist/cjs/Notification/subcomponents/NotificationIcon/NotificationIcon.cjs

@@ -12,7 +12,7 @@ function _interopDefault(e) {
   };
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
-var NotificationIcon = function (_a) {
+var NotificationIconType = function (_a) {
   var type = _a.type;
   switch (type) {
     case "positive":
@@ -47,5 +47,37 @@ var NotificationIcon = function (_a) {
       });
   }
 };
-NotificationIcon.displayName = "NotificationIcon";
-exports.NotificationIcon = NotificationIcon;
+NotificationIconType.displayName = "NotificationIconType";
+var NotificationIconVariant = function (_a) {
+  var variant = _a.variant;
+  switch (variant) {
+    case "success":
+      return React__default.default.createElement(SuccessIcon.SuccessIcon, {
+        role: "presentation",
+        inheritSize: true
+      });
+    case "warning":
+      return React__default.default.createElement(ExclamationIcon.ExclamationIcon, {
+        role: "presentation",
+        inheritSize: true
+      });
+    case "cautionary":
+      return React__default.default.createElement(CautionIcon.CautionIcon, {
+        role: "presentation",
+        inheritSize: true
+      });
+    case "informative":
+      return React__default.default.createElement(InformationIcon.InformationIcon, {
+        role: "presentation",
+        inheritSize: true
+      });
+    case "security":
+      return React__default.default.createElement(SecurityTipIcon.SecurityTipIcon, {
+        role: "presentation",
+        inheritSize: true
+      });
+  }
+};
+NotificationIconVariant.displayName = "NotificationIconVariant";
+exports.NotificationIconType = NotificationIconType;
+exports.NotificationIconVariant = NotificationIconVariant;

package/dist/cjs/ProgressBar/ProgressBar.cjs

@@ -24,12 +24,13 @@ var ProgressBar = function (_a) {
     max = _a.max,
     isAnimating = _a.isAnimating,
     mood = _a.mood,
+    color = _a.color,
     subtext = _a.subtext,
     label = _a.label,
     classNameOverride = _a.classNameOverride,
     _b = _a.isReversed,
     isReversed = _b === void 0 ? false : _b,
-    restProps = tslib.__rest(_a, ["value", "max", "isAnimating", "mood", "subtext", "label", "classNameOverride", "isReversed"]);
+    restProps = tslib.__rest(_a, ["value", "max", "isAnimating", "mood", "color", "subtext", "label", "classNameOverride", "isReversed"]);
   var percentage = calculatePercentage.calculatePercentage({
     value: value,
     max: max
@@ -46,7 +47,7 @@ var ProgressBar = function (_a) {
   }), React__default.default.createElement("div", {
     className: ProgressBar_module.progressBackground
   }, React__default.default.createElement("div", {
-    className: classnames__default.default(ProgressBar_module[mood], isAnimating && ProgressBar_module.isAnimating),
+    className: classnames__default.default(ProgressBar_module.progress, color ? ProgressBar_module[color] : ProgressBar_module[mood], isAnimating && ProgressBar_module.isAnimating),
     style: {
       transform: "translateX(-".concat(100 - percentage, "%")
     }

package/dist/cjs/ProgressBar/ProgressBar.module.scss.cjs

@@ -4,10 +4,14 @@ var styles = {
   "subtext": "ProgressBar-module_subtext__eizyu",
   "progressBackground": "ProgressBar-module_progressBackground__5qzp5",
   "progress": "ProgressBar-module_progress__X1IHw",
-  "positive": "ProgressBar-module_positive__12oA1 ProgressBar-module_progress__X1IHw",
-  "informative": "ProgressBar-module_informative__lrVDM ProgressBar-module_progress__X1IHw",
-  "cautionary": "ProgressBar-module_cautionary__f56gH ProgressBar-module_progress__X1IHw",
-  "negative": "ProgressBar-module_negative__EVWBt ProgressBar-module_progress__X1IHw",
+  "positive": "ProgressBar-module_positive__12oA1",
+  "informative": "ProgressBar-module_informative__lrVDM",
+  "cautionary": "ProgressBar-module_cautionary__f56gH",
+  "negative": "ProgressBar-module_negative__EVWBt",
+  "blue": "ProgressBar-module_blue__WEID8",
+  "green": "ProgressBar-module_green__J1T96",
+  "red": "ProgressBar-module_red__Ssd61",
+  "yellow": "ProgressBar-module_yellow__bcHWO",
   "isAnimating": "ProgressBar-module_isAnimating__F6AxQ",
   "pulse": "ProgressBar-module_pulse__RGaQm"
 };

package/dist/cjs/Tile/subcomponents/GenericTile/GenericTile.cjs

@@ -26,12 +26,14 @@ var GenericTile = function (_a) {
     metadata = _a.metadata,
     information = _a.information,
     mood = _a.mood,
+    _c = _a.variant,
+    variant = _c === void 0 ? "default" : _c,
     footer = _a.footer,
     classNameOverride = _a.classNameOverride,
-    restProps = tslib.__rest(_a, ["children", "title", "titleTag", "metadata", "information", "mood", "footer", "classNameOverride"]);
-  var _c = React.useState(false),
-    isFlipped = _c[0],
-    setIsFlipped = _c[1];
+    restProps = tslib.__rest(_a, ["children", "title", "titleTag", "metadata", "information", "mood", "variant", "footer", "classNameOverride"]);
+  var _d = React.useState(false),
+    isFlipped = _d[0],
+    setIsFlipped = _d[1];
   var renderTitle = function () {
     return React__default.default.createElement("div", {
       className: GenericTile_module.title
@@ -59,7 +61,7 @@ var GenericTile = function (_a) {
   };
   var renderFront = function () {
     return React__default.default.createElement("div", {
-      className: classnames__default.default(GenericTile_module.face, GenericTile_module.faceFront, mood === "positive" && GenericTile_module.faceMoodPositive, mood === "informative" && GenericTile_module.faceMoodInformative, mood === "cautionary" && GenericTile_module.faceMoodCautionary, mood === "assertive" && GenericTile_module.faceMoodAssertive, mood === "negative" && GenericTile_module.faceMoodNegative, mood === "prominent" && GenericTile_module.faceMoodProminent)
+      className: classnames__default.default(GenericTile_module.face, GenericTile_module.faceFront, mood ? GenericTile_module[mood] : GenericTile_module[variant])
     }, information && React__default.default.createElement("div", {
       className: GenericTile_module.informationBtn
     }, React__default.default.createElement(IconButton.IconButton, {

package/dist/cjs/Tile/subcomponents/GenericTile/GenericTile.module.scss.cjs

@@ -7,12 +7,14 @@ var styles = {
   "face": "GenericTile-module_face__-KLVi",
   "faceFront": "GenericTile-module_faceFront__HywHi",
   "faceBack": "GenericTile-module_faceBack__NDCQ8",
-  "faceMoodPositive": "GenericTile-module_faceMoodPositive__3MEBl",
-  "faceMoodInformative": "GenericTile-module_faceMoodInformative__D0QsW",
-  "faceMoodCautionary": "GenericTile-module_faceMoodCautionary__oUZXT",
-  "faceMoodNegative": "GenericTile-module_faceMoodNegative__DmcZH",
-  "faceMoodAssertive": "GenericTile-module_faceMoodAssertive__PaUZ-",
-  "faceMoodProminent": "GenericTile-module_faceMoodProminent__VmMmv",
+  "positive": "GenericTile-module_positive__lnpvE",
+  "informative": "GenericTile-module_informative__7ox46",
+  "cautionary": "GenericTile-module_cautionary__MIucD",
+  "negative": "GenericTile-module_negative__2GyVY",
+  "assertive": "GenericTile-module_assertive__h7Z5M",
+  "prominent": "GenericTile-module_prominent__bfA9P",
+  "default": "GenericTile-module_default__z-CEg",
+  "expert-advice": "GenericTile-module_expert-advice__qSnxo",
   "isFlipped": "GenericTile-module_isFlipped__K18mo",
   "title": "GenericTile-module_title__zC6Qv",
   "actions": "GenericTile-module_actions__l8vXl",

package/dist/cjs/Well/Well.cjs

@@ -18,16 +18,17 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  */
 var Well = function (_a) {
   var children = _a.children,
-    _b = _a.variant,
-    variant = _b === void 0 ? "default" : _b,
+    variant = _a.variant,
+    _b = _a.color,
+    color = _b === void 0 ? "white" : _b,
     _c = _a.borderStyle,
     borderStyle = _c === void 0 ? "solid" : _c,
     _d = _a.noMargin,
     noMargin = _d === void 0 ? false : _d,
     classNameOverride = _a.classNameOverride,
-    restProps = tslib.__rest(_a, ["children", "variant", "borderStyle", "noMargin", "classNameOverride"]);
+    restProps = tslib.__rest(_a, ["children", "variant", "color", "borderStyle", "noMargin", "classNameOverride"]);
   return React__default.default.createElement("div", tslib.__assign({
-    className: classnames__default.default(Well_module.container, Well_module[borderStyle], Well_module[variant], noMargin && Well_module.noMargin, classNameOverride)
+    className: classnames__default.default(Well_module.container, Well_module[borderStyle], Well_module[color], variant && Well_module[variant], noMargin && Well_module.noMargin, classNameOverride)
   }, restProps), children);
 };
 Well.displayName = "Well";

package/dist/cjs/Well/Well.module.scss.cjs

@@ -3,8 +3,16 @@
 var styles = {
   "container": "Well-module_container__pi8-W",
   "noMargin": "Well-module_noMargin__xBvM9",
-  "default": "Well-module_default__tSiHp",
+  "white": "Well-module_white__HEVrB",
+  "gray": "Well-module_gray__ur3Fv",
+  "blue": "Well-module_blue__H8M0Q",
+  "yellow": "Well-module_yellow__DJAMr",
+  "orange": "Well-module_orange__F0FkU",
+  "red": "Well-module_red__40n5z",
+  "green": "Well-module_green__R-zR1",
+  "purple": "Well-module_purple__iXxT8",
   "positive": "Well-module_positive__6ldUu",
+  "default": "Well-module_default__tSiHp",
   "negative": "Well-module_negative__mVczy",
   "informative": "Well-module_informative__81djJ",
   "cautionary": "Well-module_cautionary__MSYHT",

package/dist/cjs/{GuidanceBlock → __containers__/GuidanceBlock/v1}/GuidanceBlock.cjs

@@ -4,13 +4,13 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var Media = require('react-media');
-var Heading = require('../Heading/Heading.cjs');
-require('../Icon/subcomponents/SVG/SVG.cjs');
-var ArrowForwardIcon = require('../Icon/ArrowForwardIcon.cjs');
-var Text = require('../Text/Text.cjs');
-var index = require('../__overlays__/Tooltip/v1/index.cjs');
+var Heading = require('../../../Heading/Heading.cjs');
+require('../../../Icon/subcomponents/SVG/SVG.cjs');
+var ArrowForwardIcon = require('../../../Icon/ArrowForwardIcon.cjs');
+var Text = require('../../../Text/Text.cjs');
+var index = require('../../../__overlays__/Tooltip/v1/index.cjs');
 var GuidanceBlock_module = require('./GuidanceBlock.module.scss.cjs');
-var Button = require('../__actions__/Button/v1/Button/Button.cjs');
+var Button = require('../../../__actions__/Button/v1/Button/Button.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/__containers__/GuidanceBlock/v1/GuidanceBlock.module.scss.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var styles = {
+  "rightMargin": "GuidanceBlock-module_rightMargin__SbVUD",
+  "noRightMargin": "GuidanceBlock-module_noRightMargin__CbCz9",
+  "banner": "GuidanceBlock-module_banner__NyOs1",
+  "noMaxWidth": "GuidanceBlock-module_noMaxWidth__Rh070",
+  "illustrationWrapper": "GuidanceBlock-module_illustrationWrapper__lIGaj",
+  "illustration": "GuidanceBlock-module_illustration__W7PwM",
+  "hasSceneIllustration": "GuidanceBlock-module_hasSceneIllustration__CX8GF",
+  "descriptionContainer": "GuidanceBlock-module_descriptionContainer__JyNJp",
+  "descriptionAndActions": "GuidanceBlock-module_descriptionAndActions__2KGZQ",
+  "buttonContainer": "GuidanceBlock-module_buttonContainer__6-Ty-",
+  "hidden": "GuidanceBlock-module_hidden__a6zCg",
+  "headingWrapper": "GuidanceBlock-module_headingWrapper__3zGY2",
+  "cancel": "GuidanceBlock-module_cancel__G-4ci",
+  "icon": "GuidanceBlock-module_icon__W0pEX",
+  "disabled": "GuidanceBlock-module_disabled__GL1dK",
+  "hover": "GuidanceBlock-module_hover__5PdJM",
+  "active": "GuidanceBlock-module_active__3ifEz",
+  "default": "GuidanceBlock-module_default__9rhEq",
+  "positive": "GuidanceBlock-module_positive__m6n-N",
+  "negative": "GuidanceBlock-module_negative__Z8tj-",
+  "assertive": "GuidanceBlock-module_assertive__76y6Y",
+  "informative": "GuidanceBlock-module_informative__QBzhx",
+  "cautionary": "GuidanceBlock-module_cautionary__iwOA-",
+  "prominent": "GuidanceBlock-module_prominent__LWMSm",
+  "inline": "GuidanceBlock-module_inline__Dq-OU",
+  "stacked": "GuidanceBlock-module_stacked__h3bUz",
+  "centerContent": "GuidanceBlock-module_centerContent__Cyd34",
+  "smallScreenTextAlignment": "GuidanceBlock-module_smallScreenTextAlignment__VI-fw"
+};
+module.exports = styles;