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

package/dist/esm/Modal/GenericModal/GenericModal.mjs

@@ -5,98 +5,140 @@ import FocusLock from 'react-focus-lock';
 import { warn } from '../util/console.mjs';
 import { ModalContext } from './context/ModalContext.mjs';
 import styles from './GenericModal.module.scss.mjs';
-
-var GenericModal = function (_a) {
-    var propsId = _a.id, children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, focusLockDisabled = _a.focusLockDisabled, onEscapeKeyup = _a.onEscapeKeyup, onOutsideModalClick = _a.onOutsideModalClick, propsOnAfterLeave = _a.onAfterLeave;
+const GenericModal = /*#__PURE__*/function () {
+  const GenericModal = function (_a) {
+    var propsId = _a.id,
+      children = _a.children,
+      _b = _a.isOpen,
+      isOpen = _b === void 0 ? true : _b,
+      focusLockDisabled = _a.focusLockDisabled,
+      onEscapeKeyup = _a.onEscapeKeyup,
+      onOutsideModalClick = _a.onOutsideModalClick,
+      propsOnAfterLeave = _a.onAfterLeave;
     var reactId = useId();
     var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
     var labelledByID = useId();
     var describedByID = useId();
-    var _c = useState(null), scrollLayer = _c[0], setScrollLayer = _c[1];
-    var _d = useState(null), modalLayer = _d[0], setModalLayer = _d[1];
+    var _c = useState(null),
+      scrollLayer = _c[0],
+      setScrollLayer = _c[1];
+    var _d = useState(null),
+      modalLayer = _d[0],
+      setModalLayer = _d[1];
     var scrollModalToTop = function () {
-        // If we have a really long modal, the autofocus could land on an element down below
-        // causing the modal to scroll down and skipping over the content near the modal's top.
-        // Ensure that when the modal opens, we are at the top of its content.
-        requestAnimationFrame(function () {
-            if (!scrollLayer)
-                return;
-            scrollLayer.scrollTop = 0;
-        });
+      // If we have a really long modal, the autofocus could land on an element down below
+      // causing the modal to scroll down and skipping over the content near the modal's top.
+      // Ensure that when the modal opens, we are at the top of its content.
+      requestAnimationFrame(function () {
+        if (!scrollLayer) return;
+        scrollLayer.scrollTop = 0;
+      });
     };
     var outsideModalClickHandler = function (event) {
-        if (event.target === scrollLayer || event.target === modalLayer) {
-            onOutsideModalClick === null || onOutsideModalClick === void 0 ? void 0 : onOutsideModalClick(event);
-        }
+      if (event.target === scrollLayer || event.target === modalLayer) {
+        onOutsideModalClick === null || onOutsideModalClick === void 0 ? void 0 : onOutsideModalClick(event);
+      }
     };
     var focusAccessibleLabel = function () {
-        if (modalLayer) {
-            var labelElement = document.getElementById(labelledByID);
-            if (labelElement) {
-                labelElement.focus();
-            }
+      if (modalLayer) {
+        var labelElement = document.getElementById(labelledByID);
+        if (labelElement) {
+          labelElement.focus();
         }
+      }
     };
     var a11yWarn = function () {
-        if (!modalLayer)
-            return;
-        // Ensure that consumers have provided an element that labels the modal
-        // to meet ARIA accessibility guidelines.
-        if (!document.getElementById(labelledByID)) {
-            warn("When using the Modal component, you must provide a label for the modal.\n        Make sure you have a <ModalAccessibleLabel /> component with content that labels the modal.");
-        }
+      if (!modalLayer) return;
+      // Ensure that consumers have provided an element that labels the modal
+      // to meet ARIA accessibility guidelines.
+      if (!document.getElementById(labelledByID)) {
+        warn("When using the Modal component, you must provide a label for the modal.\n        Make sure you have a <ModalAccessibleLabel /> component with content that labels the modal.");
+      }
     };
     var preventBodyScroll = function () {
-        var _a;
-        var hasScrollbar = window.innerWidth > document.documentElement.clientWidth;
-        var scrollStyles = [styles.unscrollable];
-        if (hasScrollbar) {
-            scrollStyles.push(styles.pseudoScrollbar);
-        }
-        (_a = document.documentElement.classList).add.apply(_a, scrollStyles);
+      var _a;
+      var hasScrollbar = window.innerWidth > document.documentElement.clientWidth;
+      var scrollStyles = [styles.unscrollable];
+      if (hasScrollbar) {
+        scrollStyles.push(styles.pseudoScrollbar);
+      }
+      (_a = document.documentElement.classList).add.apply(_a, scrollStyles);
     };
     var onAfterEnterHandler = function () {
-        scrollModalToTop();
-        focusAccessibleLabel();
-        a11yWarn();
+      scrollModalToTop();
+      focusAccessibleLabel();
+      a11yWarn();
     };
     var onBeforeEnterHandler = function () {
-        preventBodyScroll();
-        if (onEscapeKeyup) {
-            document.addEventListener("keyup", function (event) {
-                if (event.key === "Escape") {
-                    onEscapeKeyup === null || onEscapeKeyup === void 0 ? void 0 : onEscapeKeyup(event);
-                }
-            });
-        }
+      preventBodyScroll();
+      if (onEscapeKeyup) {
+        document.addEventListener("keyup", function (event) {
+          if (event.key === "Escape") {
+            onEscapeKeyup === null || onEscapeKeyup === void 0 ? void 0 : onEscapeKeyup(event);
+          }
+        });
+      }
     };
     var cleanUpAfterClose = function () {
-        document.documentElement.classList.remove(styles.unscrollable, styles.pseudoScrollbar);
-        if (onEscapeKeyup) {
-            document.removeEventListener("keyup", onEscapeKeyup);
-        }
+      document.documentElement.classList.remove(styles.unscrollable, styles.pseudoScrollbar);
+      if (onEscapeKeyup) {
+        document.removeEventListener("keyup", onEscapeKeyup);
+      }
     };
     /* Ensure sure add-on styles (e.g. unscrollable) and key event is cleaned up when the modal is unmounted*/
-    useEffect(function () { return function () { return cleanUpAfterClose(); }; }, []);
+    useEffect(function () {
+      return function () {
+        return cleanUpAfterClose();
+      };
+    }, []);
     var onAfterLeaveHandler = function () {
-        cleanUpAfterClose();
-        propsOnAfterLeave === null || propsOnAfterLeave === void 0 ? void 0 : propsOnAfterLeave();
+      cleanUpAfterClose();
+      propsOnAfterLeave === null || propsOnAfterLeave === void 0 ? void 0 : propsOnAfterLeave();
     };
-    return createPortal(React.createElement(Transition, { appear: true, show: isOpen, enter: styles.animatingEnter, leave: styles.animatingLeave, beforeEnter: onBeforeEnterHandler, afterEnter: onAfterEnterHandler, afterLeave: onAfterLeaveHandler, "data-generic-modal-transition-wrapper": true, onClick: function (e) { return e.stopPropagation(); } },
-        React.createElement(FocusLock, { disabled: focusLockDisabled, returnFocus: true, 
-            // Disabling false positive
-            // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: false },
-            React.createElement("div", { className: styles.backdropLayer }),
-            React.createElement("div", { className: styles.scrollLayer, ref: function (scrollLayerRef) {
-                    setScrollLayer(scrollLayerRef);
-                }, onClick: outsideModalClickHandler, "data-testid": "".concat(id, "-scrollLayer") },
-                React.createElement(ModalContext.Provider, { value: {
-                        labelledByID: labelledByID,
-                        describedByID: describedByID,
-                    } },
-                    React.createElement("div", { role: "dialog", className: styles.modalLayer, "aria-labelledby": labelledByID, "aria-describedby": describedByID, ref: function (modalLayerRef) { return setModalLayer(modalLayerRef); }, "data-testid": id }, children))))), document.body);
-};
-GenericModal.displayName = "GenericModal";
-
+    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(Transition, {
+      appear: true,
+      show: isOpen,
+      enter: styles.animatingEnter,
+      leave: styles.animatingLeave,
+      beforeEnter: onBeforeEnterHandler,
+      afterEnter: onAfterEnterHandler,
+      afterLeave: onAfterLeaveHandler,
+      "data-generic-modal-transition-wrapper": true,
+      onClick: function (e) {
+        return e.stopPropagation();
+      }
+    }, /*#__PURE__*/React.createElement(FocusLock, {
+      disabled: focusLockDisabled,
+      returnFocus: true,
+      // Disabling false positive
+      // eslint-disable-next-line jsx-a11y/no-autofocus
+      autoFocus: false
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.backdropLayer
+    }), /*#__PURE__*/React.createElement("div", {
+      className: styles.scrollLayer,
+      ref: function (scrollLayerRef) {
+        setScrollLayer(scrollLayerRef);
+      },
+      onClick: outsideModalClickHandler,
+      "data-testid": "".concat(id, "-scrollLayer")
+    }, /*#__PURE__*/React.createElement(ModalContext.Provider, {
+      value: {
+        labelledByID: labelledByID,
+        describedByID: describedByID
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      role: "dialog",
+      className: styles.modalLayer,
+      "aria-labelledby": labelledByID,
+      "aria-describedby": describedByID,
+      ref: function (modalLayerRef) {
+        return setModalLayer(modalLayerRef);
+      },
+      "data-testid": id
+    }, children))))), document.body);
+  };
+  GenericModal.displayName = "GenericModal";
+  return GenericModal;
+}();
 export { GenericModal };

package/dist/esm/Modal/GenericModal/GenericModal.module.scss.mjs

@@ -1,3 +1,16 @@
-var styles = {"defaultModalWidth":"GenericModal-module_defaultModalWidth__kG7lU","backdropLayer":"GenericModal-module_backdropLayer__RNQ-U","scrollLayer":"GenericModal-module_scrollLayer__A5VdY","modalLayer":"GenericModal-module_modalLayer__WfD1U","animatingEnter":"GenericModal-module_animatingEnter__P3wuk","fade-0-to-0-5":"GenericModal-module_fade-0-to-0-5__-4t3h","custom-1":"GenericModal-module_custom-1__G0JT4","animatingLeave":"GenericModal-module_animatingLeave__rNkKX","fade-0-5-to-0":"GenericModal-module_fade-0-5-to-0__JkaSn","custom-3":"GenericModal-module_custom-3__oWflS","unscrollable":"GenericModal-module_unscrollable__HjRaW","pseudoScrollbar":"GenericModal-module_pseudoScrollbar__BhRqh","hide":"GenericModal-module_hide__SK9PI"};
-
+var styles = {
+  "defaultModalWidth": "GenericModal-module_defaultModalWidth__kG7lU",
+  "backdropLayer": "GenericModal-module_backdropLayer__RNQ-U",
+  "scrollLayer": "GenericModal-module_scrollLayer__A5VdY",
+  "modalLayer": "GenericModal-module_modalLayer__WfD1U",
+  "animatingEnter": "GenericModal-module_animatingEnter__P3wuk",
+  "fade-0-to-0-5": "GenericModal-module_fade-0-to-0-5__-4t3h",
+  "custom-1": "GenericModal-module_custom-1__G0JT4",
+  "animatingLeave": "GenericModal-module_animatingLeave__rNkKX",
+  "fade-0-5-to-0": "GenericModal-module_fade-0-5-to-0__JkaSn",
+  "custom-3": "GenericModal-module_custom-3__oWflS",
+  "unscrollable": "GenericModal-module_unscrollable__HjRaW",
+  "pseudoScrollbar": "GenericModal-module_pseudoScrollbar__BhRqh",
+  "hide": "GenericModal-module_hide__SK9PI"
+};
 export { styles as default };

package/dist/esm/Modal/GenericModal/context/ModalContext.mjs

@@ -1,8 +1,6 @@
 import { createContext } from 'react';
-
-var ModalContext = createContext({
-    labelledByID: "modal-labelledby",
-    describedByID: "modal-describedby",
+var ModalContext = /*#__PURE__*/createContext({
+  labelledByID: "modal-labelledby",
+  describedByID: "modal-describedby"
 });
-
 export { ModalContext };

package/dist/esm/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs

@@ -1,14 +1,18 @@
 import React from 'react';
 import { ModalContext } from '../../context/ModalContext.mjs';
 import styles from './ModalAccessibleDescription.module.scss.mjs';
-
-var ModalAccessibleDescription = function (_a) {
+const ModalAccessibleDescription = /*#__PURE__*/function () {
+  const ModalAccessibleDescription = function (_a) {
     var children = _a.children;
-    return (React.createElement(ModalContext.Consumer, null, function (_a) {
-        var describedByID = _a.describedByID;
-        return (React.createElement("div", { id: describedByID, className: styles.modalDescription }, children));
-    }));
-};
-ModalAccessibleDescription.displayName = "ModalAccessibleDescription";
-
+    return /*#__PURE__*/React.createElement(ModalContext.Consumer, null, function (_a) {
+      var describedByID = _a.describedByID;
+      return /*#__PURE__*/React.createElement("div", {
+        id: describedByID,
+        className: styles.modalDescription
+      }, children);
+    });
+  };
+  ModalAccessibleDescription.displayName = "ModalAccessibleDescription";
+  return ModalAccessibleDescription;
+}();
 export { ModalAccessibleDescription };

package/dist/esm/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.module.scss.mjs

@@ -1,3 +1,4 @@
-var styles = {"modalDescription":"ModalAccessibleDescription-module_modalDescription__gq-Mn"};
-
+var styles = {
+  "modalDescription": "ModalAccessibleDescription-module_modalDescription__gq-Mn"
+};
 export { styles as default };

package/dist/esm/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs

@@ -2,14 +2,21 @@ import React from 'react';
 import classnames from 'classnames';
 import { ModalContext } from '../../context/ModalContext.mjs';
 import styles from './ModalAccessibleLabel.module.scss.mjs';
-
-var ModalAccessibleLabel = function (_a) {
-    var children = _a.children, _b = _a.isProminent, isProminent = _b === void 0 ? false : _b;
-    return (React.createElement(ModalContext.Consumer, null, function (_a) {
-        var labelledByID = _a.labelledByID;
-        return (React.createElement("div", { id: labelledByID, tabIndex: -1, className: classnames(styles.modalLabel, isProminent && styles.prominent) }, children));
-    }));
-};
-ModalAccessibleLabel.displayName = "ModalAccessibleLabel";
-
+const ModalAccessibleLabel = /*#__PURE__*/function () {
+  const ModalAccessibleLabel = function (_a) {
+    var children = _a.children,
+      _b = _a.isProminent,
+      isProminent = _b === void 0 ? false : _b;
+    return /*#__PURE__*/React.createElement(ModalContext.Consumer, null, function (_a) {
+      var labelledByID = _a.labelledByID;
+      return /*#__PURE__*/React.createElement("div", {
+        id: labelledByID,
+        tabIndex: -1,
+        className: classnames(styles.modalLabel, isProminent && styles.prominent)
+      }, children);
+    });
+  };
+  ModalAccessibleLabel.displayName = "ModalAccessibleLabel";
+  return ModalAccessibleLabel;
+}();
 export { ModalAccessibleLabel };

package/dist/esm/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.module.scss.mjs

@@ -1,3 +1,5 @@
-var styles = {"modalLabel":"ModalAccessibleLabel-module_modalLabel__CQAIs","prominent":"ModalAccessibleLabel-module_prominent__WEPnY"};
-
+var styles = {
+  "modalLabel": "ModalAccessibleLabel-module_modalLabel__CQAIs",
+  "prominent": "ModalAccessibleLabel-module_prominent__WEPnY"
+};
 export { styles as default };

package/dist/esm/Modal/GenericModal/subcomponents/ModalBody/ModalBody.mjs

@@ -1,11 +1,16 @@
 import React from 'react';
 import classnames from 'classnames';
 import styles from './ModalBody.module.scss.mjs';
-
-var ModalBody = function (_a) {
-    var _b = _a.inputEdit, inputEdit = _b === void 0 ? false : _b, children = _a.children;
-    return (React.createElement("div", { className: classnames(inputEdit && styles.inputEdit) }, children));
-};
-ModalBody.displayName = "ModalBody";
-
+const ModalBody = /*#__PURE__*/function () {
+  const ModalBody = function (_a) {
+    var _b = _a.inputEdit,
+      inputEdit = _b === void 0 ? false : _b,
+      children = _a.children;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames(inputEdit && styles.inputEdit)
+    }, children);
+  };
+  ModalBody.displayName = "ModalBody";
+  return ModalBody;
+}();
 export { ModalBody };

package/dist/esm/Modal/GenericModal/subcomponents/ModalBody/ModalBody.module.scss.mjs

@@ -1,3 +1,4 @@
-var styles = {"inputEdit":"ModalBody-module_inputEdit__4Krgt"};
-
+var styles = {
+  "inputEdit": "ModalBody-module_inputEdit__4Krgt"
+};
 export { styles as default };

package/dist/esm/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs

@@ -6,14 +6,34 @@ import '../../../../Button/IconButton/IconButton.mjs';
 import { useMediaQueries } from '../../../../utils/useMediaQueries.mjs';
 import { ModalBody } from '../ModalBody/ModalBody.mjs';
 import styles from './ModalFooter.module.scss.mjs';
-
-var ModalFooter = function (_a) {
-    var unpadded = _a.unpadded, actions = _a.actions, _b = _a.appearance, appearance = _b === void 0 ? "primary" : _b, alignStart = _a.alignStart, variant = _a.variant, props = __rest(_a, ["unpadded", "actions", "appearance", "alignStart", "variant"]);
+const ModalFooter = /*#__PURE__*/function () {
+  const ModalFooter = function (_a) {
+    var unpadded = _a.unpadded,
+      actions = _a.actions,
+      _b = _a.appearance,
+      appearance = _b === void 0 ? "primary" : _b,
+      alignStart = _a.alignStart,
+      variant = _a.variant,
+      props = __rest(_a, ["unpadded", "actions", "appearance", "alignStart", "variant"]);
     var queries = useMediaQueries().queries;
-    return (React.createElement(ModalBody, { inputEdit: variant === "inputEdit" },
-        React.createElement("div", __assign({ className: classnames(styles.actions, !unpadded && styles.padded, variant === "context" && styles.informationPadded, alignStart && styles.actionsAlignStart) }, props), actions.map(function (action, index) { return (React.createElement("div", { className: styles.actionButton, key: index },
-            React.createElement(Button, __assign({ type: "button", primary: index === 0 && appearance === "primary", destructive: index === 0 && appearance === "destructive", secondary: index > 0, fullWidth: queries.isSmall }, action)))); }))));
-};
-ModalFooter.displayName = "ModalFooter";
-
+    return /*#__PURE__*/React.createElement(ModalBody, {
+      inputEdit: variant === "inputEdit"
+    }, /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.actions, !unpadded && styles.padded, variant === "context" && styles.informationPadded, alignStart && styles.actionsAlignStart)
+    }, props), actions.map(function (action, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.actionButton,
+        key: index
+      }, /*#__PURE__*/React.createElement(Button, __assign({
+        type: "button",
+        primary: index === 0 && appearance === "primary",
+        destructive: index === 0 && appearance === "destructive",
+        secondary: index > 0,
+        fullWidth: queries.isSmall
+      }, action)));
+    })));
+  };
+  ModalFooter.displayName = "ModalFooter";
+  return ModalFooter;
+}();
 export { ModalFooter };

package/dist/esm/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.module.scss.mjs

@@ -1,3 +1,14 @@
-var styles = {"actions":"ModalFooter-module_actions__q2PiD","actionsAlignStart":"ModalFooter-module_actionsAlignStart__4wZ75","padded":"ModalFooter-module_padded__9PLtz","actionButton":"ModalFooter-module_actionButton__YD4vG","footerWrap":"ModalFooter-module_footerWrap__IEAMY","center":"ModalFooter-module_center__w232S","border":"ModalFooter-module_border__jj-Zy","start":"ModalFooter-module_start__0GJno","end":"ModalFooter-module_end__KuUbk","fixed":"ModalFooter-module_fixed__mV5fZ","filler":"ModalFooter-module_filler__kElGb"};
-
+var styles = {
+  "actions": "ModalFooter-module_actions__q2PiD",
+  "actionsAlignStart": "ModalFooter-module_actionsAlignStart__4wZ75",
+  "padded": "ModalFooter-module_padded__9PLtz",
+  "actionButton": "ModalFooter-module_actionButton__YD4vG",
+  "footerWrap": "ModalFooter-module_footerWrap__IEAMY",
+  "center": "ModalFooter-module_center__w232S",
+  "border": "ModalFooter-module_border__jj-Zy",
+  "start": "ModalFooter-module_start__0GJno",
+  "end": "ModalFooter-module_end__KuUbk",
+  "fixed": "ModalFooter-module_fixed__mV5fZ",
+  "filler": "ModalFooter-module_filler__kElGb"
+};
 export { styles as default };

package/dist/esm/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs

@@ -6,14 +6,24 @@ import '../../../../Icon/subcomponents/SVG/SVG.mjs';
 import { CloseIcon } from '../../../../Icon/CloseIcon.mjs';
 import { ModalBody } from '../ModalBody/ModalBody.mjs';
 import styles from './ModalHeader.module.scss.mjs';
-
-var ModalHeader = function (_a) {
-    var reversed = _a.reversed, onDismiss = _a.onDismiss, children = _a.children;
-    return (React.createElement(ModalBody, null,
-        React.createElement("div", { className: styles.dismissButton },
-            React.createElement(IconButton, { label: "Dismiss", icon: React.createElement(CloseIcon, { role: "presentation" }), reversed: reversed, onClick: onDismiss, disabled: onDismiss == undefined })),
-        children));
-};
-ModalHeader.displayName = "ModalHeader";
-
+const ModalHeader = /*#__PURE__*/function () {
+  const ModalHeader = function (_a) {
+    var reversed = _a.reversed,
+      onDismiss = _a.onDismiss,
+      children = _a.children;
+    return /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
+      className: styles.dismissButton
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      label: "Dismiss",
+      icon: /*#__PURE__*/React.createElement(CloseIcon, {
+        role: "presentation"
+      }),
+      reversed: reversed,
+      onClick: onDismiss,
+      disabled: onDismiss == undefined
+    })), children);
+  };
+  ModalHeader.displayName = "ModalHeader";
+  return ModalHeader;
+}();
 export { ModalHeader };

package/dist/esm/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.module.scss.mjs

@@ -1,3 +1,7 @@
-var styles = {"dismissButton":"ModalHeader-module_dismissButton__YhHZl","layout":"ModalHeader-module_layout__K8x4O","fixed":"ModalHeader-module_fixed__JEeic","filler":"ModalHeader-module_filler__w1MCN"};
-
+var styles = {
+  "dismissButton": "ModalHeader-module_dismissButton__YhHZl",
+  "layout": "ModalHeader-module_layout__K8x4O",
+  "fixed": "ModalHeader-module_fixed__JEeic",
+  "filler": "ModalHeader-module_filler__w1MCN"
+};
 export { styles as default };

package/dist/esm/Modal/InputEditModal/InputEditModal.mjs

@@ -15,36 +15,69 @@ import styles from './InputEditModal.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}
  */
-var InputEditModal = function (_a) {
-    var isOpen = _a.isOpen, mood = _a.mood, title = _a.title, onSubmit = _a.onSubmit, onSecondaryAction = _a.onSecondaryAction, onAfterLeave = _a.onAfterLeave, _b = _a.localeDirection, localeDirection = _b === void 0 ? "ltr" : _b, _c = _a.submitLabel, submitLabel = _c === void 0 ? "Submit" : _c, _d = _a.dismissLabel, dismissLabel = _d === void 0 ? "Cancel" : _d, secondaryLabel = _a.secondaryLabel, submitWorking = _a.submitWorking, children = _a.children, _e = _a.unpadded, unpadded = _e === void 0 ? false : _e, propsOnDismiss = _a.onDismiss, props = __rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss"]);
+const InputEditModal = /*#__PURE__*/function () {
+  const InputEditModal = function (_a) {
+    var isOpen = _a.isOpen,
+      mood = _a.mood,
+      title = _a.title,
+      onSubmit = _a.onSubmit,
+      onSecondaryAction = _a.onSecondaryAction,
+      onAfterLeave = _a.onAfterLeave,
+      _b = _a.localeDirection,
+      localeDirection = _b === void 0 ? "ltr" : _b,
+      _c = _a.submitLabel,
+      submitLabel = _c === void 0 ? "Submit" : _c,
+      _d = _a.dismissLabel,
+      dismissLabel = _d === void 0 ? "Cancel" : _d,
+      secondaryLabel = _a.secondaryLabel,
+      submitWorking = _a.submitWorking,
+      children = _a.children,
+      _e = _a.unpadded,
+      unpadded = _e === void 0 ? false : _e,
+      propsOnDismiss = _a.onDismiss,
+      props = __rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss"]);
     var onDismiss = submitWorking ? undefined : propsOnDismiss;
-    var submitAction = { label: submitLabel, onClick: onSubmit };
-    var workingProps = submitWorking
-        ? {
-            working: true,
-            workingLabel: submitWorking.label,
-            workingLabelHidden: submitWorking.labelHidden,
-        }
-        : {};
+    var submitAction = {
+      label: submitLabel,
+      onClick: onSubmit
+    };
+    var workingProps = submitWorking ? {
+      working: true,
+      workingLabel: submitWorking.label,
+      workingLabelHidden: submitWorking.labelHidden
+    } : {};
     var showSecondary = onSecondaryAction && secondaryLabel;
-    var footerActions = [
-        __assign(__assign({}, submitAction), workingProps),
-        {
-            label: showSecondary ? secondaryLabel : dismissLabel,
-            onClick: showSecondary ? onSecondaryAction : onDismiss,
-            disabled: !!submitWorking,
-        },
-    ];
-    return (React.createElement(GenericModal, { isOpen: isOpen, onEscapeKeyup: onDismiss, onAfterLeave: onAfterLeave },
-        React.createElement("div", __assign({ className: styles.modal, dir: localeDirection, "data-modal": true }, props),
-            React.createElement(ModalHeader, { onDismiss: onDismiss },
-                React.createElement("div", { className: classnames(styles.header, localeDirection === "rtl" && styles.textAlignRTL, !unpadded && styles.padded) },
-                    React.createElement(ModalAccessibleLabel, null,
-                        React.createElement(Heading, { tag: "h2", variant: "heading-2" }, title)))),
-            React.createElement(ModalBody, null,
-                React.createElement("div", { className: classnames(styles.body, !unpadded && styles.padded), dir: localeDirection }, children)),
-            React.createElement(ModalFooter, { actions: footerActions, appearance: mood === "destructive" ? "destructive" : "primary", variant: "inputEdit", unpadded: unpadded }))));
-};
-InputEditModal.displayName = "InputEditModal";
-
+    var footerActions = [__assign(__assign({}, submitAction), workingProps), {
+      label: showSecondary ? secondaryLabel : dismissLabel,
+      onClick: showSecondary ? onSecondaryAction : onDismiss,
+      disabled: !!submitWorking
+    }];
+    return /*#__PURE__*/React.createElement(GenericModal, {
+      isOpen: isOpen,
+      onEscapeKeyup: onDismiss,
+      onAfterLeave: onAfterLeave
+    }, /*#__PURE__*/React.createElement("div", __assign({
+      className: styles.modal,
+      dir: localeDirection,
+      "data-modal": true
+    }, props), /*#__PURE__*/React.createElement(ModalHeader, {
+      onDismiss: onDismiss
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.header, localeDirection === "rtl" && styles.textAlignRTL, !unpadded && styles.padded)
+    }, /*#__PURE__*/React.createElement(ModalAccessibleLabel, null, /*#__PURE__*/React.createElement(Heading, {
+      tag: "h2",
+      variant: "heading-2"
+    }, title)))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.body, !unpadded && styles.padded),
+      dir: localeDirection
+    }, children)), /*#__PURE__*/React.createElement(ModalFooter, {
+      actions: footerActions,
+      appearance: mood === "destructive" ? "destructive" : "primary",
+      variant: "inputEdit",
+      unpadded: unpadded
+    })));
+  };
+  InputEditModal.displayName = "InputEditModal";
+  return InputEditModal;
+}();
 export { InputEditModal };

package/dist/esm/Modal/InputEditModal/InputEditModal.module.scss.mjs

@@ -1,3 +1,23 @@
-var styles = {"defaultModalWidth":"InputEditModal-module_defaultModalWidth__My9Eh","backdropLayer":"InputEditModal-module_backdropLayer__aVLSb","scrollLayer":"InputEditModal-module_scrollLayer__isygg","modalLayer":"InputEditModal-module_modalLayer__r5vqj","modal":"InputEditModal-module_modal__SbQqp","animatingEnter":"InputEditModal-module_animatingEnter__qZgX2","fade-0-to-0-5":"InputEditModal-module_fade-0-to-0-5__ywvjR","custom-1":"InputEditModal-module_custom-1__wSZX6","animatingLeave":"InputEditModal-module_animatingLeave__S2HGz","fade-0-5-to-0":"InputEditModal-module_fade-0-5-to-0__s2WmG","custom-3":"InputEditModal-module_custom-3__T3riv","unscrollable":"InputEditModal-module_unscrollable__GN1M2","pseudoScrollbar":"InputEditModal-module_pseudoScrollbar__WCHmn","hide":"InputEditModal-module_hide__N88RW","custom-5":"InputEditModal-module_custom-5__trORr","custom-7":"InputEditModal-module_custom-7__-98CZ","header":"InputEditModal-module_header__nivTf","textAlignRTL":"InputEditModal-module_textAlignRTL__5QQP8","padded":"InputEditModal-module_padded__ZdEIS","body":"InputEditModal-module_body__LyxBE"};
-
+var styles = {
+  "defaultModalWidth": "InputEditModal-module_defaultModalWidth__My9Eh",
+  "backdropLayer": "InputEditModal-module_backdropLayer__aVLSb",
+  "scrollLayer": "InputEditModal-module_scrollLayer__isygg",
+  "modalLayer": "InputEditModal-module_modalLayer__r5vqj",
+  "modal": "InputEditModal-module_modal__SbQqp",
+  "animatingEnter": "InputEditModal-module_animatingEnter__qZgX2",
+  "fade-0-to-0-5": "InputEditModal-module_fade-0-to-0-5__ywvjR",
+  "custom-1": "InputEditModal-module_custom-1__wSZX6",
+  "animatingLeave": "InputEditModal-module_animatingLeave__S2HGz",
+  "fade-0-5-to-0": "InputEditModal-module_fade-0-5-to-0__s2WmG",
+  "custom-3": "InputEditModal-module_custom-3__T3riv",
+  "unscrollable": "InputEditModal-module_unscrollable__GN1M2",
+  "pseudoScrollbar": "InputEditModal-module_pseudoScrollbar__WCHmn",
+  "hide": "InputEditModal-module_hide__N88RW",
+  "custom-5": "InputEditModal-module_custom-5__trORr",
+  "custom-7": "InputEditModal-module_custom-7__-98CZ",
+  "header": "InputEditModal-module_header__nivTf",
+  "textAlignRTL": "InputEditModal-module_textAlignRTL__5QQP8",
+  "padded": "InputEditModal-module_padded__ZdEIS",
+  "body": "InputEditModal-module_body__LyxBE"
+};
 export { styles as default };

package/dist/esm/Modal/util/console.mjs

@@ -4,11 +4,10 @@ var reset = "\u001b[0m ";
  * @deprecated Do not use ever again
  */
 var warn = function (message) {
-    // eslint-disable-next-line no-console
-    console.warn("".concat(yellow, "\nCULTUREAMP UI WARNING:\n").concat(singleLine(message)).concat(reset, "\n"));
+  // eslint-disable-next-line no-console
+  console.warn("".concat(yellow, "\nCULTUREAMP UI WARNING:\n").concat(singleLine(message)).concat(reset, "\n"));
 };
 var singleLine = function (message) {
-    return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
+  return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
 };
-
 export { singleLine, warn };