@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup--tree-shake-20240408080317

package/dist/cjs/Menu/subcomponents/MenuItem/MenuItem.cjs

@@ -3,34 +3,63 @@
 var React = require('react');
 var classnames = require('classnames');
 var MenuItem_module = require('./MenuItem.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var MenuItem = function (_a) {
-    var label = _a.label, icon = _a.icon, destructive = _a.destructive, disabled = _a.disabled, onClick = _a.onClick, href = _a.href, target = _a.target, isActive = _a.isActive, dataTestId = _a["data-testid"], id = _a.id;
-    var wrappedLabel = React__default.default.createElement("span", { className: MenuItem_module.menuItem__Label }, label);
-    var iconNode = icon && React__default.default.createElement("span", { className: MenuItem_module.menuItem__Icon }, icon);
-    var className = classnames__default.default(MenuItem_module.menuItem, destructive && MenuItem_module["menuItem--destructive"], disabled && MenuItem_module["menuItem--disabled"], isActive && MenuItem_module["menuItem--active"]);
-    if (disabled) {
-        return (React__default.default.createElement("li", { className: MenuItem_module.menuListItem },
-            React__default.default.createElement("button", { id: id, type: "button", disabled: true, className: className, "data-testid": dataTestId },
-                iconNode,
-                wrappedLabel)));
-    }
-    if (href) {
-        return (React__default.default.createElement("li", { className: MenuItem_module.menuListItem },
-            React__default.default.createElement("a", { id: id, href: href, className: className, target: target, "aria-current": isActive ? "page" : undefined, "data-testid": dataTestId },
-                iconNode,
-                wrappedLabel)));
-    }
-    return (React__default.default.createElement("li", { className: MenuItem_module.menuListItem },
-        React__default.default.createElement("button", { id: id, type: "button", onClick: onClick, className: className, "data-testid": dataTestId },
-            iconNode,
-            wrappedLabel)));
+  var label = _a.label,
+    icon = _a.icon,
+    destructive = _a.destructive,
+    disabled = _a.disabled,
+    onClick = _a.onClick,
+    href = _a.href,
+    target = _a.target,
+    isActive = _a.isActive,
+    dataTestId = _a["data-testid"],
+    id = _a.id;
+  var wrappedLabel = React__default.default.createElement("span", {
+    className: MenuItem_module.menuItem__Label
+  }, label);
+  var iconNode = icon && React__default.default.createElement("span", {
+    className: MenuItem_module.menuItem__Icon
+  }, icon);
+  var className = classnames__default.default(MenuItem_module.menuItem, destructive && MenuItem_module["menuItem--destructive"], disabled && MenuItem_module["menuItem--disabled"], isActive && MenuItem_module["menuItem--active"]);
+  if (disabled) {
+    return React__default.default.createElement("li", {
+      className: MenuItem_module.menuListItem
+    }, React__default.default.createElement("button", {
+      id: id,
+      type: "button",
+      disabled: true,
+      className: className,
+      "data-testid": dataTestId
+    }, iconNode, wrappedLabel));
+  }
+  if (href) {
+    return React__default.default.createElement("li", {
+      className: MenuItem_module.menuListItem
+    }, React__default.default.createElement("a", {
+      id: id,
+      href: href,
+      className: className,
+      target: target,
+      "aria-current": isActive ? "page" : undefined,
+      "data-testid": dataTestId
+    }, iconNode, wrappedLabel));
+  }
+  return React__default.default.createElement("li", {
+    className: MenuItem_module.menuListItem
+  }, React__default.default.createElement("button", {
+    id: id,
+    type: "button",
+    onClick: onClick,
+    className: className,
+    "data-testid": dataTestId
+  }, iconNode, wrappedLabel));
 };
 MenuItem.displayName = "MenuItem";
-
 exports.MenuItem = MenuItem;

package/dist/cjs/Menu/subcomponents/MenuItem/MenuItem.module.scss.cjs

@@ -1,5 +1,12 @@
 'use strict';
 
-var styles = {"menuListItem":"MenuItem-module_menuListItem__TlgwJ","menuItem":"MenuItem-module_menuItem__sVlLA","menuItem--disabled":"MenuItem-module_menuItem--disabled__hPAaZ","menuItem__Icon":"MenuItem-module_menuItem__Icon__MwIT9","menuItem--destructive":"MenuItem-module_menuItem--destructive__PRybF","menuItem--active":"MenuItem-module_menuItem--active__XRziT","menuItem__Label":"MenuItem-module_menuItem__Label__gXz-G"};
-
+var styles = {
+  "menuListItem": "MenuItem-module_menuListItem__TlgwJ",
+  "menuItem": "MenuItem-module_menuItem__sVlLA",
+  "menuItem--disabled": "MenuItem-module_menuItem--disabled__hPAaZ",
+  "menuItem__Icon": "MenuItem-module_menuItem__Icon__MwIT9",
+  "menuItem--destructive": "MenuItem-module_menuItem--destructive__PRybF",
+  "menuItem--active": "MenuItem-module_menuItem--active__XRziT",
+  "menuItem__Label": "MenuItem-module_menuItem__Label__gXz-G"
+};
 module.exports = styles;

package/dist/cjs/Menu/subcomponents/MenuList/MenuList.cjs

@@ -3,20 +3,28 @@
 var tslib = require('tslib');
 var React = require('react');
 var MenuList_module = require('./MenuList.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
-var MenuList = function (props) {
+const MenuList = /*#__PURE__*/function () {
+  const MenuList = function (props) {
     var _a;
-    var heading = props.heading, children = props.children, restProps = tslib.__rest(props, ["heading", "children"]);
+    var heading = props.heading,
+      children = props.children,
+      restProps = tslib.__rest(props, ["heading", "children"]);
     var reactId = React.useId();
     var listHeadingID = (_a = heading === null || heading === void 0 ? void 0 : heading.props.id) !== null && _a !== void 0 ? _a : reactId;
-    return (React__default.default.createElement(React__default.default.Fragment, null,
-        heading && React.cloneElement(heading, { id: listHeadingID }),
-        React__default.default.createElement("ul", tslib.__assign({ className: MenuList_module.menuSection, "aria-labelledby": heading ? listHeadingID : undefined }, restProps), children)));
-};
-MenuList.displayName = "MenuList";
-
+    return React__default.default.createElement(React__default.default.Fragment, null, heading && React.cloneElement(heading, {
+      id: listHeadingID
+    }), React__default.default.createElement("ul", tslib.__assign({
+      className: MenuList_module.menuSection,
+      "aria-labelledby": heading ? listHeadingID : undefined
+    }, restProps), children));
+  };
+  MenuList.displayName = "MenuList";
+  return MenuList;
+}();
 exports.MenuList = MenuList;

package/dist/cjs/Menu/subcomponents/MenuList/MenuList.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"menuSection":"MenuList-module_menuSection__Wbgbr"};
-
+var styles = {
+  "menuSection": "MenuList-module_menuSection__Wbgbr"
+};
 module.exports = styles;

package/dist/cjs/Menu/subcomponents/StatelessMenu/StatelessMenu.cjs

@@ -4,48 +4,72 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var MenuDropdown = require('../MenuDropdown/MenuDropdown.cjs');
 var StatelessMenu_module = require('./StatelessMenu.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
-
 var StatelessMenu = function (_a) {
-    var _b = _a.align, align = _b === void 0 ? "left" : _b, _c = _a.dropdownWidth, dropdownWidth = _c === void 0 ? "default" : _c, _d = _a.autoHide, autoHide = _d === void 0 ? "on" : _d, dataTestId = _a["data-testid"], dropdownId = _a.dropdownId, children = _a.children, portalSelector = _a.portalSelector, isMenuVisible = _a.isMenuVisible, toggleMenuDropdown = _a.toggleMenuDropdown, hideMenuDropdown = _a.hideMenuDropdown, renderButton = _a.renderButton, onClick = _a.onClick;
-    var _e = React.useState(null), referenceElement = _e[0], setReferenceElement = _e[1];
-    var portalSelectorElementRef = React.useRef(null);
-    var menuButton = renderButton({
-        onClick: function (e) {
-            e.preventDefault();
-            e.stopPropagation();
-            toggleMenuDropdown();
-        },
-        onMouseDown: function (e) {
-            return e.preventDefault();
-        },
-        "aria-haspopup": true,
-        "aria-expanded": isMenuVisible,
-    });
-    React.useEffect(function () {
-        portalSelectorElementRef.current = portalSelector
-            ? document.querySelector(portalSelector)
-            : null;
-    }, [portalSelector]);
-    React.useEffect(function () {
-        if (portalSelector && !portalSelectorElementRef.current) {
-            // eslint-disable-next-line no-console
-            console.warn("The portal could not be created using the selector: " + portalSelector);
-        }
-    }, [portalSelectorElementRef, portalSelector]);
-    var menu = isMenuVisible ? (React__default.default.createElement(MenuDropdown.MenuDropdown, { referenceElement: referenceElement, align: align, hideMenuDropdown: hideMenuDropdown, width: dropdownWidth, id: dropdownId, autoHide: autoHide }, children)) : null;
-    return (
+  var _b = _a.align,
+    align = _b === void 0 ? "left" : _b,
+    _c = _a.dropdownWidth,
+    dropdownWidth = _c === void 0 ? "default" : _c,
+    _d = _a.autoHide,
+    autoHide = _d === void 0 ? "on" : _d,
+    dataTestId = _a["data-testid"],
+    dropdownId = _a.dropdownId,
+    children = _a.children,
+    portalSelector = _a.portalSelector,
+    isMenuVisible = _a.isMenuVisible,
+    toggleMenuDropdown = _a.toggleMenuDropdown,
+    hideMenuDropdown = _a.hideMenuDropdown,
+    renderButton = _a.renderButton,
+    onClick = _a.onClick;
+  var _e = React.useState(null),
+    referenceElement = _e[0],
+    setReferenceElement = _e[1];
+  var portalSelectorElementRef = React.useRef(null);
+  var menuButton = renderButton({
+    onClick: function (e) {
+      e.preventDefault();
+      e.stopPropagation();
+      toggleMenuDropdown();
+    },
+    onMouseDown: function (e) {
+      return e.preventDefault();
+    },
+    "aria-haspopup": true,
+    "aria-expanded": isMenuVisible
+  });
+  React.useEffect(function () {
+    portalSelectorElementRef.current = portalSelector ? document.querySelector(portalSelector) : null;
+  }, [portalSelector]);
+  React.useEffect(function () {
+    if (portalSelector && !portalSelectorElementRef.current) {
+      // eslint-disable-next-line no-console
+      console.warn("The portal could not be created using the selector: " + portalSelector);
+    }
+  }, [portalSelectorElementRef, portalSelector]);
+  var menu = isMenuVisible ? React__default.default.createElement(MenuDropdown.MenuDropdown, {
+    referenceElement: referenceElement,
+    align: align,
+    hideMenuDropdown: hideMenuDropdown,
+    width: dropdownWidth,
+    id: dropdownId,
+    autoHide: autoHide
+  }, children) : null;
+  return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    React__default.default.createElement("div", { "data-testid": dataTestId, onClick: onClick },
-        React__default.default.createElement("div", { className: StatelessMenu_module.buttonWrapper, ref: setReferenceElement }, menuButton),
-        portalSelector && portalSelectorElementRef.current
-            ? ReactDOM__default.default.createPortal(menu, portalSelectorElementRef.current)
-            : menu));
+    React__default.default.createElement("div", {
+      "data-testid": dataTestId,
+      onClick: onClick
+    }, React__default.default.createElement("div", {
+      className: StatelessMenu_module.buttonWrapper,
+      ref: setReferenceElement
+    }, menuButton), portalSelector && portalSelectorElementRef.current ? ReactDOM__default.default.createPortal(menu, portalSelectorElementRef.current) : menu)
+  );
 };
 StatelessMenu.displayName = "StatelessMenu";
-
 exports.StatelessMenu = StatelessMenu;

package/dist/cjs/Menu/subcomponents/StatelessMenu/StatelessMenu.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"buttonWrapper":"StatelessMenu-module_buttonWrapper__9LgSC"};
-
+var styles = {
+  "buttonWrapper": "StatelessMenu-module_buttonWrapper__9LgSC"
+};
 module.exports = styles;

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

@@ -20,63 +20,111 @@ var ModalHeader = require('../GenericModal/subcomponents/ModalHeader/ModalHeader
 var ModalAccessibleLabel = require('../GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.cjs');
 var ModalBody = require('../GenericModal/subcomponents/ModalBody/ModalBody.cjs');
 var ConfirmationModal_module = require('./ConfirmationModal.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var getIcon = function (mood, isProminent) {
-    switch (mood) {
-        case "cautionary":
-            return isProminent ? (React__default.default.createElement(Spot.Cautionary, null)) : (React__default.default.createElement(CautionWhiteIcon.CautionWhiteIcon, { inheritSize: true, role: "presentation" }));
-        case "informative":
-            return isProminent ? (React__default.default.createElement(Spot.Informative, null)) : (React__default.default.createElement(InformationWhiteIcon.InformationWhiteIcon, { inheritSize: true, role: "presentation" }));
-        case "negative":
-            return isProminent ? (React__default.default.createElement(Spot.Negative, null)) : (React__default.default.createElement(ExclamationWhiteIcon.ExclamationWhiteIcon, { inheritSize: true, role: "presentation" }));
-        case "positive":
-            return isProminent ? (React__default.default.createElement(Spot.Positive, null)) : (React__default.default.createElement(SuccessWhiteIcon.SuccessWhiteIcon, { inheritSize: true, role: "presentation" }));
-        case "assertive":
-            return isProminent ? (React__default.default.createElement(Spot.Assertive, null)) : (React__default.default.createElement(ExclamationWhiteIcon.ExclamationWhiteIcon, { inheritSize: true, role: "presentation" }));
-    }
+  switch (mood) {
+    case "cautionary":
+      return isProminent ? React__default.default.createElement(Spot.Cautionary, null) : React__default.default.createElement(CautionWhiteIcon.CautionWhiteIcon, {
+        inheritSize: true,
+        role: "presentation"
+      });
+    case "informative":
+      return isProminent ? React__default.default.createElement(Spot.Informative, null) : React__default.default.createElement(InformationWhiteIcon.InformationWhiteIcon, {
+        inheritSize: true,
+        role: "presentation"
+      });
+    case "negative":
+      return isProminent ? React__default.default.createElement(Spot.Negative, null) : React__default.default.createElement(ExclamationWhiteIcon.ExclamationWhiteIcon, {
+        inheritSize: true,
+        role: "presentation"
+      });
+    case "positive":
+      return isProminent ? React__default.default.createElement(Spot.Positive, null) : React__default.default.createElement(SuccessWhiteIcon.SuccessWhiteIcon, {
+        inheritSize: true,
+        role: "presentation"
+      });
+    case "assertive":
+      return isProminent ? React__default.default.createElement(Spot.Assertive, null) : React__default.default.createElement(ExclamationWhiteIcon.ExclamationWhiteIcon, {
+        inheritSize: true,
+        role: "presentation"
+      });
+  }
 };
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}
  */
 var ConfirmationModal = function (_a) {
-    var isOpen = _a.isOpen, _b = _a.isProminent, isProminent = _b === void 0 ? false : _b, _c = _a.unpadded, unpadded = _c === void 0 ? false : _c, mood = _a.mood, title = _a.title, onConfirm = _a.onConfirm, onAfterLeave = _a.onAfterLeave, _d = _a.confirmLabel, confirmLabel = _d === void 0 ? "Confirm" : _d, _e = _a.dismissLabel, dismissLabel = _e === void 0 ? "Cancel" : _e, confirmWorking = _a.confirmWorking, propsOnDismiss = _a.onDismiss, children = _a.children, props = tslib.__rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "title", "onConfirm", "onAfterLeave", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children"]);
-    var onDismiss = confirmWorking ? undefined : propsOnDismiss;
-    var footerActions = [];
-    if (onConfirm) {
-        var confirmAction = { label: confirmLabel, onClick: onConfirm };
-        var workingProps = confirmWorking
-            ? {
-                working: true,
-                workingLabel: confirmWorking.label,
-                workingLabelHidden: confirmWorking.labelHidden,
-            }
-            : {};
-        footerActions.push(tslib.__assign(tslib.__assign({}, confirmAction), workingProps));
-    }
-    footerActions.push({
-        label: dismissLabel,
-        onClick: onDismiss,
-        disabled: !!confirmWorking,
-    });
-    return (React__default.default.createElement(GenericModal.GenericModal, { isOpen: isOpen, onEscapeKeyup: onDismiss, onOutsideModalClick: onDismiss, onAfterLeave: onAfterLeave },
-        React__default.default.createElement("div", tslib.__assign({ className: ConfirmationModal_module.modal, "data-modal": true }, 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) },
-                    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, { isProminent: isProminent },
-                        React__default.default.createElement(Heading.Heading, { tag: "h2", variant: "heading-2" }, title)))),
-            React__default.default.createElement(ModalBody.ModalBody, null,
-                React__default.default.createElement("div", { className: classnames__default.default(isProminent && ConfirmationModal_module.prominent, !unpadded && ConfirmationModal_module.padded) },
-                    React__default.default.createElement(ModalAccessibleDescription.ModalAccessibleDescription, null, children))),
-            React__default.default.createElement(ModalFooter.ModalFooter, { actions: footerActions, appearance: mood === "negative" ? "destructive" : "primary", unpadded: unpadded }))));
+  var isOpen = _a.isOpen,
+    _b = _a.isProminent,
+    isProminent = _b === void 0 ? false : _b,
+    _c = _a.unpadded,
+    unpadded = _c === void 0 ? false : _c,
+    mood = _a.mood,
+    title = _a.title,
+    onConfirm = _a.onConfirm,
+    onAfterLeave = _a.onAfterLeave,
+    _d = _a.confirmLabel,
+    confirmLabel = _d === void 0 ? "Confirm" : _d,
+    _e = _a.dismissLabel,
+    dismissLabel = _e === void 0 ? "Cancel" : _e,
+    confirmWorking = _a.confirmWorking,
+    propsOnDismiss = _a.onDismiss,
+    children = _a.children,
+    props = tslib.__rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "title", "onConfirm", "onAfterLeave", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children"]);
+  var onDismiss = confirmWorking ? undefined : propsOnDismiss;
+  var footerActions = [];
+  if (onConfirm) {
+    var confirmAction = {
+      label: confirmLabel,
+      onClick: onConfirm
+    };
+    var workingProps = confirmWorking ? {
+      working: true,
+      workingLabel: confirmWorking.label,
+      workingLabelHidden: confirmWorking.labelHidden
+    } : {};
+    footerActions.push(tslib.__assign(tslib.__assign({}, confirmAction), workingProps));
+  }
+  footerActions.push({
+    label: dismissLabel,
+    onClick: onDismiss,
+    disabled: !!confirmWorking
+  });
+  return React__default.default.createElement(GenericModal.GenericModal, {
+    isOpen: isOpen,
+    onEscapeKeyup: onDismiss,
+    onOutsideModalClick: onDismiss,
+    onAfterLeave: onAfterLeave
+  }, React__default.default.createElement("div", tslib.__assign({
+    className: ConfirmationModal_module.modal,
+    "data-modal": true
+  }, 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)
+  }, 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, {
+    isProminent: isProminent
+  }, React__default.default.createElement(Heading.Heading, {
+    tag: "h2",
+    variant: "heading-2"
+  }, title)))), React__default.default.createElement(ModalBody.ModalBody, null, React__default.default.createElement("div", {
+    className: classnames__default.default(isProminent && ConfirmationModal_module.prominent, !unpadded && ConfirmationModal_module.padded)
+  }, React__default.default.createElement(ModalAccessibleDescription.ModalAccessibleDescription, null, children))), React__default.default.createElement(ModalFooter.ModalFooter, {
+    actions: footerActions,
+    appearance: mood === "negative" ? "destructive" : "primary",
+    unpadded: unpadded
+  })));
 };
 ConfirmationModal.displayName = "ConfirmationModal";
-
 exports.ConfirmationModal = ConfirmationModal;

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

@@ -1,5 +1,30 @@
 'use strict';
 
-var styles = {"defaultModalWidth":"ConfirmationModal-module_defaultModalWidth__K3fje","backdropLayer":"ConfirmationModal-module_backdropLayer__wvXnl","scrollLayer":"ConfirmationModal-module_scrollLayer__x-yP4","modalLayer":"ConfirmationModal-module_modalLayer__MucTZ","modal":"ConfirmationModal-module_modal__k3pXu","animatingEnter":"ConfirmationModal-module_animatingEnter__4W4xh","fade-0-to-0-5":"ConfirmationModal-module_fade-0-to-0-5__353tZ","custom-1":"ConfirmationModal-module_custom-1__Ibcy-","animatingLeave":"ConfirmationModal-module_animatingLeave__n-S4X","fade-0-5-to-0":"ConfirmationModal-module_fade-0-5-to-0__pfhV-","custom-3":"ConfirmationModal-module_custom-3__MEO7v","unscrollable":"ConfirmationModal-module_unscrollable__wg2AZ","pseudoScrollbar":"ConfirmationModal-module_pseudoScrollbar__NqMuT","hide":"ConfirmationModal-module_hide__jOdWV","header":"ConfirmationModal-module_header__Ooy23","padded":"ConfirmationModal-module_padded__nGa2-","iconContainer":"ConfirmationModal-module_iconContainer__QjdGa","positiveHeader":"ConfirmationModal-module_positiveHeader__8Dmja","spotIcon":"ConfirmationModal-module_spotIcon__rFSHQ","svgIcon":"ConfirmationModal-module_svgIcon__f1ncQ","assertiveHeader":"ConfirmationModal-module_assertiveHeader__3chNK","informativeHeader":"ConfirmationModal-module_informativeHeader__lTv94","negativeHeader":"ConfirmationModal-module_negativeHeader__Pmob9","cautionaryHeader":"ConfirmationModal-module_cautionaryHeader__ZnE4P","prominent":"ConfirmationModal-module_prominent__8-gkP"};
-
+var styles = {
+  "defaultModalWidth": "ConfirmationModal-module_defaultModalWidth__K3fje",
+  "backdropLayer": "ConfirmationModal-module_backdropLayer__wvXnl",
+  "scrollLayer": "ConfirmationModal-module_scrollLayer__x-yP4",
+  "modalLayer": "ConfirmationModal-module_modalLayer__MucTZ",
+  "modal": "ConfirmationModal-module_modal__k3pXu",
+  "animatingEnter": "ConfirmationModal-module_animatingEnter__4W4xh",
+  "fade-0-to-0-5": "ConfirmationModal-module_fade-0-to-0-5__353tZ",
+  "custom-1": "ConfirmationModal-module_custom-1__Ibcy-",
+  "animatingLeave": "ConfirmationModal-module_animatingLeave__n-S4X",
+  "fade-0-5-to-0": "ConfirmationModal-module_fade-0-5-to-0__pfhV-",
+  "custom-3": "ConfirmationModal-module_custom-3__MEO7v",
+  "unscrollable": "ConfirmationModal-module_unscrollable__wg2AZ",
+  "pseudoScrollbar": "ConfirmationModal-module_pseudoScrollbar__NqMuT",
+  "hide": "ConfirmationModal-module_hide__jOdWV",
+  "header": "ConfirmationModal-module_header__Ooy23",
+  "padded": "ConfirmationModal-module_padded__nGa2-",
+  "iconContainer": "ConfirmationModal-module_iconContainer__QjdGa",
+  "positiveHeader": "ConfirmationModal-module_positiveHeader__8Dmja",
+  "spotIcon": "ConfirmationModal-module_spotIcon__rFSHQ",
+  "svgIcon": "ConfirmationModal-module_svgIcon__f1ncQ",
+  "assertiveHeader": "ConfirmationModal-module_assertiveHeader__3chNK",
+  "informativeHeader": "ConfirmationModal-module_informativeHeader__lTv94",
+  "negativeHeader": "ConfirmationModal-module_negativeHeader__Pmob9",
+  "cautionaryHeader": "ConfirmationModal-module_cautionaryHeader__ZnE4P",
+  "prominent": "ConfirmationModal-module_prominent__8-gkP"
+};
 module.exports = styles;

package/dist/cjs/Modal/ContextModal/ContextModal.cjs

@@ -12,9 +12,11 @@ var ModalHeader = require('../GenericModal/subcomponents/ModalHeader/ModalHeader
 var ModalAccessibleLabel = require('../GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.cjs');
 var ModalBody = require('../GenericModal/subcomponents/ModalBody/ModalBody.cjs');
 var ContextModal_module = require('./ContextModal.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
@@ -23,45 +25,77 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}
  */
 var ContextModal = function (_a) {
-    var isOpen = _a.isOpen, _b = _a.unpadded, unpadded = _b === void 0 ? false : _b, _c = _a.layout, layout = _c === void 0 ? "portrait" : _c, title = _a.title, onConfirm = _a.onConfirm, propsOnDismiss = _a.onDismiss, onAfterLeave = _a.onAfterLeave, _d = _a.confirmLabel, confirmLabel = _d === void 0 ? "Confirm" : _d, confirmWorking = _a.confirmWorking, renderBackground = _a.renderBackground, children = _a.children, contentHeader = _a.contentHeader, image = _a.image, secondaryLabel = _a.secondaryLabel, onSecondaryAction = _a.onSecondaryAction, props = tslib.__rest(_a, ["isOpen", "unpadded", "layout", "title", "onConfirm", "onDismiss", "onAfterLeave", "confirmLabel", "confirmWorking", "renderBackground", "children", "contentHeader", "image", "secondaryLabel", "onSecondaryAction"]);
-    var onDismiss = confirmWorking ? undefined : propsOnDismiss;
-    var footerActions = [];
-    var workingProps = confirmWorking
-        ? {
-            working: true,
-            workingLabel: confirmWorking.label,
-            workingLabelHidden: confirmWorking.labelHidden,
-        }
-        : {};
-    if (onConfirm) {
-        var confirmAction = { label: confirmLabel, onClick: onConfirm };
-        footerActions.push(tslib.__assign(tslib.__assign({}, confirmAction), workingProps));
-    }
-    if (secondaryLabel) {
-        footerActions.push({
-            label: secondaryLabel,
-            onClick: onSecondaryAction,
-            disabled: !!confirmWorking,
-        });
-    }
-    return (React__default.default.createElement(GenericModal.GenericModal, { isOpen: isOpen, onEscapeKeyup: onDismiss, onOutsideModalClick: onDismiss, onAfterLeave: onAfterLeave },
-        React__default.default.createElement("div", tslib.__assign({ className: ContextModal_module.modal, "data-modal": true }, props),
-            renderBackground && renderBackground(),
-            React__default.default.createElement(ModalHeader.ModalHeader, { onDismiss: onDismiss },
-                React__default.default.createElement("div", { className: classnames__default.default(ContextModal_module.header, !unpadded && ContextModal_module.padded) },
-                    React__default.default.createElement(ModalAccessibleLabel.ModalAccessibleLabel, null,
-                        React__default.default.createElement(Heading.Heading, { variant: "heading-2", tag: "h2" }, title)))),
-            contentHeader && (React__default.default.createElement("div", { className: ContextModal_module.contentHeader }, contentHeader)),
-            React__default.default.createElement(ModalBody.ModalBody, null,
-                React__default.default.createElement("div", { className: classnames__default.default(ContextModal_module.contentLayout, ContextModal_module["".concat(layout, "Contentlayout")]) },
-                    image && React__default.default.createElement("div", { className: ContextModal_module.image }, image),
-                    React__default.default.createElement("div", { className: ContextModal_module.content },
-                        children,
-                        onConfirm != null && (React__default.default.createElement("div", { className: secondaryLabel
-                                ? ContextModal_module.footerWithSecondaryAction
-                                : ContextModal_module.footer }))))),
-            React__default.default.createElement(ModalFooter.ModalFooter, { variant: image ? "context" : undefined, actions: footerActions, appearance: "primary", unpadded: unpadded }))));
+  var isOpen = _a.isOpen,
+    _b = _a.unpadded,
+    unpadded = _b === void 0 ? false : _b,
+    _c = _a.layout,
+    layout = _c === void 0 ? "portrait" : _c,
+    title = _a.title,
+    onConfirm = _a.onConfirm,
+    propsOnDismiss = _a.onDismiss,
+    onAfterLeave = _a.onAfterLeave,
+    _d = _a.confirmLabel,
+    confirmLabel = _d === void 0 ? "Confirm" : _d,
+    confirmWorking = _a.confirmWorking,
+    renderBackground = _a.renderBackground,
+    children = _a.children,
+    contentHeader = _a.contentHeader,
+    image = _a.image,
+    secondaryLabel = _a.secondaryLabel,
+    onSecondaryAction = _a.onSecondaryAction,
+    props = tslib.__rest(_a, ["isOpen", "unpadded", "layout", "title", "onConfirm", "onDismiss", "onAfterLeave", "confirmLabel", "confirmWorking", "renderBackground", "children", "contentHeader", "image", "secondaryLabel", "onSecondaryAction"]);
+  var onDismiss = confirmWorking ? undefined : propsOnDismiss;
+  var footerActions = [];
+  var workingProps = confirmWorking ? {
+    working: true,
+    workingLabel: confirmWorking.label,
+    workingLabelHidden: confirmWorking.labelHidden
+  } : {};
+  if (onConfirm) {
+    var confirmAction = {
+      label: confirmLabel,
+      onClick: onConfirm
+    };
+    footerActions.push(tslib.__assign(tslib.__assign({}, confirmAction), workingProps));
+  }
+  if (secondaryLabel) {
+    footerActions.push({
+      label: secondaryLabel,
+      onClick: onSecondaryAction,
+      disabled: !!confirmWorking
+    });
+  }
+  return React__default.default.createElement(GenericModal.GenericModal, {
+    isOpen: isOpen,
+    onEscapeKeyup: onDismiss,
+    onOutsideModalClick: onDismiss,
+    onAfterLeave: onAfterLeave
+  }, React__default.default.createElement("div", tslib.__assign({
+    className: ContextModal_module.modal,
+    "data-modal": true
+  }, props), renderBackground && renderBackground(), React__default.default.createElement(ModalHeader.ModalHeader, {
+    onDismiss: onDismiss
+  }, React__default.default.createElement("div", {
+    className: classnames__default.default(ContextModal_module.header, !unpadded && ContextModal_module.padded)
+  }, React__default.default.createElement(ModalAccessibleLabel.ModalAccessibleLabel, null, React__default.default.createElement(Heading.Heading, {
+    variant: "heading-2",
+    tag: "h2"
+  }, title)))), contentHeader && React__default.default.createElement("div", {
+    className: ContextModal_module.contentHeader
+  }, contentHeader), React__default.default.createElement(ModalBody.ModalBody, null, React__default.default.createElement("div", {
+    className: classnames__default.default(ContextModal_module.contentLayout, ContextModal_module["".concat(layout, "Contentlayout")])
+  }, image && React__default.default.createElement("div", {
+    className: ContextModal_module.image
+  }, image), React__default.default.createElement("div", {
+    className: ContextModal_module.content
+  }, children, onConfirm != null && React__default.default.createElement("div", {
+    className: secondaryLabel ? ContextModal_module.footerWithSecondaryAction : ContextModal_module.footer
+  })))), React__default.default.createElement(ModalFooter.ModalFooter, {
+    variant: image ? "context" : undefined,
+    actions: footerActions,
+    appearance: "primary",
+    unpadded: unpadded
+  })));
 };
 ContextModal.displayName = "ContextModal";
-
 exports.ContextModal = ContextModal;