@kaizen/components 0.0.0-canary-bundler--fix-style-inject-20240522033251 → 0.0.0-canary-bundler--local-style-inject-20240522043016

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

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".GenericModal-module_defaultModalWidth__kG7lU{max-width:600px;min-width:300px}.GenericModal-module_backdropLayer__RNQ-U{background-color:#000;bottom:0;left:0;opacity:50%;position:fixed;right:0;top:0;z-index:1040}.GenericModal-module_backdropLayer__RNQ-U[dir=rtl],[dir=rtl] .GenericModal-module_backdropLayer__RNQ-U{left:0;right:0}.GenericModal-module_scrollLayer__A5VdY{align-items:center;bottom:0;display:flex;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:1050}.GenericModal-module_scrollLayer__A5VdY[dir=rtl],[dir=rtl] .GenericModal-module_scrollLayer__A5VdY{left:0;right:0}.GenericModal-module_modalLayer__WfD1U{margin:auto;padding:1.5rem 0;width:100%}.GenericModal-module_animatingEnter__P3wuk{transition-duration:var(--animation-duration-fast,.3s)}.GenericModal-module_animatingEnter__P3wuk .GenericModal-module_backdropLayer__RNQ-U{animation-duration:201ms;animation-fill-mode:forwards;animation-name:GenericModal-module_fade-0-to-0-5__-4t3h}@keyframes GenericModal-module_fade-0-to-0-5__-4t3h{0%{opacity:0}to{opacity:.5}}.GenericModal-module_animatingEnter__P3wuk [data-modal]{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-name:GenericModal-module_custom-1__G0JT4;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245))}@keyframes GenericModal-module_custom-1__G0JT4{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.GenericModal-module_animatingLeave__rNkKX{transition-duration:var(--animation-duration-rapid,.2s)}.GenericModal-module_animatingLeave__rNkKX .GenericModal-module_backdropLayer__RNQ-U{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:GenericModal-module_fade-0-5-to-0__JkaSn}@keyframes GenericModal-module_fade-0-5-to-0__JkaSn{0%{opacity:.5}to{opacity:0}}.GenericModal-module_animatingLeave__rNkKX [data-modal]{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:GenericModal-module_custom-3__oWflS;animation-timing-function:var(--animation-easing-function-bounce-out,cubic-bezier(.485,.155,.515,.845))}@keyframes GenericModal-module_custom-3__oWflS{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.GenericModal-module_unscrollable__HjRaW{overflow:hidden!important}.GenericModal-module_pseudoScrollbar__BhRqh{padding-right:15px!important}.GenericModal-module_hide__SK9PI{opacity:0;pointer-events:none}";
+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"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/Modal/GenericModal/context/ModalContext.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var React = require('react');
+var ModalContext = React.createContext({
+  labelledByID: "modal-labelledby",
+  describedByID: "modal-describedby"
+});
+exports.ModalContext = ModalContext;

package/dist/cjs/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var React = require('react');
+var ModalContext = require('../../context/ModalContext.cjs');
+var ModalAccessibleDescription_module = require('./ModalAccessibleDescription.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var ModalAccessibleDescription = function (_a) {
+  var children = _a.children;
+  return React__default.default.createElement(ModalContext.ModalContext.Consumer, null, function (_a) {
+    var describedByID = _a.describedByID;
+    return React__default.default.createElement("div", {
+      id: describedByID,
+      className: ModalAccessibleDescription_module.default.modalDescription
+    }, children);
+  });
+};
+ModalAccessibleDescription.displayName = "ModalAccessibleDescription";
+exports.ModalAccessibleDescription = ModalAccessibleDescription;

package/dist/cjs/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.module.scss.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".ModalAccessibleDescription-module_modalDescription__gq-Mn{grid-column-start:2}";
+var styles = {
+  "modalDescription": "ModalAccessibleDescription-module_modalDescription__gq-Mn"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var ModalContext = require('../../context/ModalContext.cjs');
+var ModalAccessibleLabel_module = require('./ModalAccessibleLabel.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var ModalAccessibleLabel = function (_a) {
+  var children = _a.children,
+    _b = _a.isProminent,
+    isProminent = _b === void 0 ? false : _b;
+  return React__default.default.createElement(ModalContext.ModalContext.Consumer, null, function (_a) {
+    var labelledByID = _a.labelledByID;
+    return React__default.default.createElement("div", {
+      id: labelledByID,
+      tabIndex: -1,
+      className: classnames__default.default(ModalAccessibleLabel_module.default.modalLabel, isProminent && ModalAccessibleLabel_module.default.prominent)
+    }, children);
+  });
+};
+ModalAccessibleLabel.displayName = "ModalAccessibleLabel";
+exports.ModalAccessibleLabel = ModalAccessibleLabel;

package/dist/cjs/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.module.scss.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".ModalAccessibleLabel-module_modalLabel__CQAIs{position:relative}@media (max-width:768px){.ModalAccessibleLabel-module_modalLabel__CQAIs h2{font-size:1.625rem;line-height:2rem}}@media (max-width:375px){.ModalAccessibleLabel-module_modalLabel__CQAIs h2{font-size:1.5rem;line-height:1.875rem}}.ModalAccessibleLabel-module_modalLabel__CQAIs.ModalAccessibleLabel-module_prominent__WEPnY{grid-column-start:2;text-align:left}.ModalAccessibleLabel-module_modalLabel__CQAIs:focus{outline:none}.ModalAccessibleLabel-module_modalLabel__CQAIs:focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:\"\";inset:calc(var(--border-focus-ring-border-width, 2px)*2*-1 + -1px);position:absolute}";
+var styles = {
+  "modalLabel": "ModalAccessibleLabel-module_modalLabel__CQAIs",
+  "prominent": "ModalAccessibleLabel-module_prominent__WEPnY"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/Modal/GenericModal/subcomponents/ModalBody/ModalBody.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var ModalBody_module = require('./ModalBody.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var ModalBody = function (_a) {
+  var _b = _a.inputEdit,
+    inputEdit = _b === void 0 ? false : _b,
+    children = _a.children;
+  return React__default.default.createElement("div", {
+    className: classnames__default.default(inputEdit && ModalBody_module.default.inputEdit)
+  }, children);
+};
+ModalBody.displayName = "ModalBody";
+exports.ModalBody = ModalBody;

package/dist/cjs/Modal/GenericModal/subcomponents/ModalBody/ModalBody.module.scss.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".ModalBody-module_inputEdit__4Krgt{background-color:var(--color-gray-200,#f4f4f5);border-radius:var(--border-solid-border-radius,7px)}";
+var styles = {
+  "inputEdit": "ModalBody-module_inputEdit__4Krgt"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Button = require('../../../../Button/Button/Button.cjs');
+require('../../../../Button/IconButton/IconButton.cjs');
+var useMediaQueries = require('../../../../utils/useMediaQueries.cjs');
+var ModalBody = require('../ModalBody/ModalBody.cjs');
+var ModalFooter_module = require('./ModalFooter.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+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 = tslib.__rest(_a, ["unpadded", "actions", "appearance", "alignStart", "variant"]);
+  var queries = useMediaQueries.useMediaQueries().queries;
+  return React__default.default.createElement(ModalBody.ModalBody, {
+    inputEdit: variant === "inputEdit"
+  }, React__default.default.createElement("div", tslib.__assign({
+    className: classnames__default.default(ModalFooter_module.default.actions, !unpadded && ModalFooter_module.default.padded, variant === "context" && ModalFooter_module.default.informationPadded, alignStart && ModalFooter_module.default.actionsAlignStart)
+  }, props), actions.map(function (action, index) {
+    return React__default.default.createElement("div", {
+      className: ModalFooter_module.default.actionButton,
+      key: index
+    }, React__default.default.createElement(Button.Button, tslib.__assign({
+      type: "button",
+      primary: index === 0 && appearance === "primary",
+      destructive: index === 0 && appearance === "destructive",
+      secondary: index > 0,
+      fullWidth: queries.isSmall
+    }, action)));
+  })));
+};
+ModalFooter.displayName = "ModalFooter";
+exports.ModalFooter = ModalFooter;

package/dist/cjs/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.module.scss.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".ModalFooter-module_actions__q2PiD{display:flex;flex-direction:row-reverse;justify-content:flex-start}.ModalFooter-module_actionsAlignStart__4wZ75{flex-direction:row-reverse;justify-content:flex-end}.ModalFooter-module_padded__9PLtz{flex-direction:column;padding:var(--spacing-md,1.5rem)}@media (min-width:768px){.ModalFooter-module_padded__9PLtz{flex-direction:row-reverse;padding:0 var(--spacing-lg,2.25rem) var(--spacing-lg,2.25rem) var(--spacing-lg,2.25rem)}}.ModalFooter-module_actionButton__YD4vG{width:100%}@media (min-width:768px){.ModalFooter-module_actionButton__YD4vG{width:inherit}}.ModalFooter-module_actionButton__YD4vG+.ModalFooter-module_actionButton__YD4vG{margin-right:var(--spacing-sm,.75rem)}@media (max-width:calc(768px - 1px)){.ModalFooter-module_actionButton__YD4vG+.ModalFooter-module_actionButton__YD4vG{margin-top:var(--spacing-sm,.75rem)}}.ModalFooter-module_footerWrap__IEAMY{align-items:baseline;box-sizing:border-box;width:100%}.ModalFooter-module_center__w232S{display:flex;justify-content:center}.ModalFooter-module_border__jj-Zy{border-top:1px solid var(--border-solid-border-color,#e1e2ea)}.ModalFooter-module_start__0GJno{display:flex;justify-content:flex-start}.ModalFooter-module_end__KuUbk{display:flex;justify-content:flex-end}.ModalFooter-module_fixed__mV5fZ{bottom:0;left:0;position:absolute}.ModalFooter-module_filler__kElGb{visibility:hidden}";
+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"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var React = require('react');
+require('../../../../Button/Button/Button.cjs');
+var IconButton = require('../../../../Button/IconButton/IconButton.cjs');
+require('tslib');
+require('../../../../Icon/subcomponents/SVG/SVG.cjs');
+var CloseIcon = require('../../../../Icon/CloseIcon.cjs');
+var ModalBody = require('../ModalBody/ModalBody.cjs');
+var ModalHeader_module = require('./ModalHeader.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var ModalHeader = function (_a) {
+  var reversed = _a.reversed,
+    onDismiss = _a.onDismiss,
+    children = _a.children;
+  return React__default.default.createElement(ModalBody.ModalBody, null, React__default.default.createElement("div", {
+    className: ModalHeader_module.default.dismissButton
+  }, React__default.default.createElement(IconButton.IconButton, {
+    label: "Dismiss",
+    icon: React__default.default.createElement(CloseIcon.CloseIcon, {
+      role: "presentation"
+    }),
+    reversed: reversed,
+    onClick: onDismiss,
+    disabled: onDismiss == undefined
+  })), children);
+};
+ModalHeader.displayName = "ModalHeader";
+exports.ModalHeader = ModalHeader;

package/dist/cjs/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.module.scss.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".ModalHeader-module_dismissButton__YhHZl{left:auto;position:absolute;right:0;top:0;z-index:1060}.ModalHeader-module_dismissButton__YhHZl[dir=rtl],[dir=rtl] .ModalHeader-module_dismissButton__YhHZl{left:0;right:auto}.ModalHeader-module_layout__K8x4O{width:100%}.ModalHeader-module_fixed__JEeic{left:0;position:absolute;top:0}.ModalHeader-module_filler__w1MCN{visibility:hidden}";
+var styles = {
+  "dismissButton": "ModalHeader-module_dismissButton__YhHZl",
+  "layout": "ModalHeader-module_layout__K8x4O",
+  "fixed": "ModalHeader-module_fixed__JEeic",
+  "filler": "ModalHeader-module_filler__w1MCN"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/Modal/InputEditModal/InputEditModal.cjs

@@ -0,0 +1,91 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Heading = require('../../Heading/Heading.cjs');
+var GenericModal = require('../GenericModal/GenericModal.cjs');
+require('../GenericModal/context/ModalContext.cjs');
+require('../GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.cjs');
+var ModalFooter = require('../GenericModal/subcomponents/ModalFooter/ModalFooter.cjs');
+var ModalHeader = require('../GenericModal/subcomponents/ModalHeader/ModalHeader.cjs');
+var ModalAccessibleLabel = require('../GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.cjs');
+var ModalBody = require('../GenericModal/subcomponents/ModalBody/ModalBody.cjs');
+var InputEditModal_module = require('./InputEditModal.module.scss.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+/**
+ * {@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,
+    onAfterEnter = _a.onAfterEnter,
+    props = tslib.__rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss", "onAfterEnter"]);
+  var onDismiss = submitWorking ? undefined : propsOnDismiss;
+  var submitAction = {
+    label: submitLabel,
+    onClick: onSubmit
+  };
+  var workingProps = submitWorking ? {
+    working: true,
+    workingLabel: submitWorking.label,
+    workingLabelHidden: submitWorking.labelHidden
+  } : {};
+  var showSecondary = onSecondaryAction && secondaryLabel;
+  var footerActions = [tslib.__assign(tslib.__assign({}, submitAction), workingProps), {
+    label: showSecondary ? secondaryLabel : dismissLabel,
+    onClick: showSecondary ? onSecondaryAction : onDismiss,
+    disabled: !!submitWorking
+  }];
+  return React__default.default.createElement(GenericModal.GenericModal, {
+    isOpen: isOpen,
+    onEscapeKeyup: onDismiss,
+    onAfterLeave: onAfterLeave,
+    onAfterEnter: onAfterEnter
+  }, React__default.default.createElement("div", tslib.__assign({
+    className: InputEditModal_module.default.modal,
+    dir: localeDirection,
+    "data-modal": true
+  }, props), React__default.default.createElement(ModalHeader.ModalHeader, {
+    onDismiss: onDismiss
+  }, React__default.default.createElement("div", {
+    className: classnames__default.default(InputEditModal_module.default.header, localeDirection === "rtl" && InputEditModal_module.default.textAlignRTL, !unpadded && InputEditModal_module.default.padded)
+  }, React__default.default.createElement(ModalAccessibleLabel.ModalAccessibleLabel, null, 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(InputEditModal_module.default.body, !unpadded && InputEditModal_module.default.padded),
+    dir: localeDirection
+  }, children)), React__default.default.createElement(ModalFooter.ModalFooter, {
+    actions: footerActions,
+    appearance: mood === "destructive" ? "destructive" : "primary",
+    variant: "inputEdit",
+    unpadded: unpadded
+  })));
+};
+InputEditModal.displayName = "InputEditModal";
+exports.InputEditModal = InputEditModal;

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

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".InputEditModal-module_defaultModalWidth__My9Eh{max-width:600px;min-width:300px}.InputEditModal-module_backdropLayer__aVLSb{background-color:#000;bottom:0;left:0;opacity:50%;position:fixed;right:0;top:0;z-index:1040}.InputEditModal-module_backdropLayer__aVLSb[dir=rtl],[dir=rtl] .InputEditModal-module_backdropLayer__aVLSb{left:0;right:0}.InputEditModal-module_scrollLayer__isygg{align-items:center;bottom:0;display:flex;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:1050}.InputEditModal-module_scrollLayer__isygg[dir=rtl],[dir=rtl] .InputEditModal-module_scrollLayer__isygg{left:0;right:0}.InputEditModal-module_modalLayer__r5vqj{margin:auto;padding:1.5rem 0;width:100%}.InputEditModal-module_modal__SbQqp{-webkit-font-smoothing:antialiased;background-color:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08));color:var(--color-purple-800,#2f2438);margin:auto;position:relative;width:90%}@media (min-width:768px){.InputEditModal-module_modal__SbQqp{width:100%}}.InputEditModal-module_animatingEnter__qZgX2{transition-duration:var(--animation-duration-fast,.3s)}.InputEditModal-module_animatingEnter__qZgX2 .InputEditModal-module_backdropLayer__aVLSb{animation-duration:201ms;animation-fill-mode:forwards;animation-name:InputEditModal-module_fade-0-to-0-5__ywvjR}@keyframes InputEditModal-module_fade-0-to-0-5__ywvjR{0%{opacity:0}to{opacity:.5}}.InputEditModal-module_animatingEnter__qZgX2 [data-modal]{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-name:InputEditModal-module_custom-1__wSZX6;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245))}@keyframes InputEditModal-module_custom-1__wSZX6{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.InputEditModal-module_animatingLeave__S2HGz{transition-duration:var(--animation-duration-rapid,.2s)}.InputEditModal-module_animatingLeave__S2HGz .InputEditModal-module_backdropLayer__aVLSb{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:InputEditModal-module_fade-0-5-to-0__s2WmG}@keyframes InputEditModal-module_fade-0-5-to-0__s2WmG{0%{opacity:.5}to{opacity:0}}.InputEditModal-module_animatingLeave__S2HGz [data-modal]{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:InputEditModal-module_custom-3__T3riv;animation-timing-function:var(--animation-easing-function-bounce-out,cubic-bezier(.485,.155,.515,.845))}@keyframes InputEditModal-module_custom-3__T3riv{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.InputEditModal-module_unscrollable__GN1M2{overflow:hidden!important}.InputEditModal-module_pseudoScrollbar__WCHmn{padding-right:15px!important}.InputEditModal-module_hide__N88RW{opacity:0;pointer-events:none}.InputEditModal-module_modal__SbQqp{max-width:600px;min-width:300px}.InputEditModal-module_animatingEnter__qZgX2 .InputEditModal-module_modal__SbQqp{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-name:InputEditModal-module_custom-5__trORr;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245))}@keyframes InputEditModal-module_custom-5__trORr{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.InputEditModal-module_animatingLeave__S2HGz .InputEditModal-module_modal__SbQqp{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:InputEditModal-module_custom-7__-98CZ;animation-timing-function:var(--animation-easing-function-bounce-out,cubic-bezier(.485,.155,.515,.845))}@keyframes InputEditModal-module_custom-7__-98CZ{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.InputEditModal-module_header__nivTf{color:var(--color-purple-800,#2f2438);text-align:left}.InputEditModal-module_header__nivTf.InputEditModal-module_textAlignRTL__5QQP8{text-align:right}.InputEditModal-module_header__nivTf.InputEditModal-module_padded__ZdEIS{padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}@media (max-width:768px){.InputEditModal-module_header__nivTf.InputEditModal-module_padded__ZdEIS{padding:var(--spacing-md,1.5rem)}}.InputEditModal-module_body__LyxBE{background:var(--color-gray-200,#f4f4f5)}.InputEditModal-module_body__LyxBE.InputEditModal-module_padded__ZdEIS{padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem) var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}@media (max-width:768px){.InputEditModal-module_body__LyxBE.InputEditModal-module_padded__ZdEIS{padding:var(--spacing-md,1.5rem)}}";
+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"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/Modal/util/console.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var yellow = "\u001b[33m ";
+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"));
+};
+var singleLine = function (message) {
+  return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
+};
+exports.singleLine = singleLine;
+exports.warn = warn;