@kaizen/components 1.27.0 → 1.29.0

package/dist/esm/Menu/subcomponents/MenuList/MenuList.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/Menu/subcomponents/StatelessMenu/StatelessMenu.mjs

@@ -0,0 +1,71 @@
+import React, { useState, useRef, useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import { MenuDropdown } from '../MenuDropdown/MenuDropdown.mjs';
+import styles from './StatelessMenu.module.scss.mjs';
+const StatelessMenu = /*#__PURE__*/function () {
+  const 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 = useState(null),
+      referenceElement = _e[0],
+      setReferenceElement = _e[1];
+    var portalSelectorElementRef = 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
+    });
+    useEffect(function () {
+      portalSelectorElementRef.current = portalSelector ? document.querySelector(portalSelector) : null;
+    }, [portalSelector]);
+    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 ? /*#__PURE__*/React.createElement(MenuDropdown, {
+      referenceElement: referenceElement,
+      align: align,
+      hideMenuDropdown: hideMenuDropdown,
+      width: dropdownWidth,
+      id: dropdownId,
+      autoHide: autoHide
+    }, children) : null;
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+      React.createElement("div", {
+        "data-testid": dataTestId,
+        onClick: onClick
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.buttonWrapper,
+        ref: setReferenceElement
+      }, menuButton), portalSelector && portalSelectorElementRef.current ? /*#__PURE__*/ReactDOM.createPortal(menu, portalSelectorElementRef.current) : menu)
+    );
+  };
+  StatelessMenu.displayName = "StatelessMenu";
+  return StatelessMenu;
+}();
+export { StatelessMenu };
+//# sourceMappingURL=StatelessMenu.mjs.map

package/dist/esm/Menu/subcomponents/StatelessMenu/StatelessMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatelessMenu.mjs","sources":["../../../../../src/Menu/subcomponents/StatelessMenu/StatelessMenu.tsx"],"sourcesContent":["import React, { useEffect, useState, SyntheticEvent, useRef } from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { MenuDropdown } from \"../MenuDropdown\"\nimport styles from \"./StatelessMenu.module.scss\"\n\nexport type StatelessMenuProps = {\n  /**\n   * Whether the menu is to be used on the left or right\n   * side of the viewport. If left, the left of the dropdown\n   * is aligned to the left of the button (and vice versa)\n   * @default \"left\"\n   */\n  align?: \"left\" | \"right\"\n\n  /**\n   * The width of the dropdown.\n   * \"default\": a fixed width of 248px\n   * \"contain\": contain the children's width (will be same width as children)\n   * @default \"default\"\n   */\n  dropdownWidth?: \"default\" | \"contain\"\n  /**\n   * @deprecated use data-testid instead\n   */\n  automationId?: string\n  \"data-testid\"?: string\n  dropdownId?: string\n  /**\n   * Determines when the menu should automatically hide.\n   * @default: \"on\"\n   */\n  autoHide?: \"on\" | \"outside-click-only\" | \"off\"\n  /**\n   * The content to appear inside the dropdown when it is open\n   */\n  children: React.ReactNode\n  /**\n   * Render the tooltip inside a react portal, given the CSS selector.\n   * This is typically used for instances where the menu is a descendant of an\n   * `overflow: scroll` or `overflow: hidden` element.\n   */\n  portalSelector?: string\n  isMenuVisible: boolean\n  toggleMenuDropdown: () => void\n  hideMenuDropdown: () => void\n  renderButton: (args: {\n    onClick: (e: any) => void\n    onMouseDown: (e: any) => void\n    \"aria-haspopup\": boolean\n    \"aria-expanded\": boolean\n  }) => React.ReactElement\n  onClick?: (event: SyntheticEvent) => void\n}\n\nexport const StatelessMenu = ({\n  align = \"left\",\n  dropdownWidth = \"default\",\n  autoHide = \"on\",\n  \"data-testid\": dataTestId,\n  dropdownId,\n  children,\n  portalSelector,\n  isMenuVisible,\n  toggleMenuDropdown,\n  hideMenuDropdown,\n  renderButton,\n  onClick,\n}: StatelessMenuProps): JSX.Element => {\n  const [referenceElement, setReferenceElement] =\n    useState<HTMLSpanElement | null>(null)\n  const portalSelectorElementRef = useRef<Element | null>(null)\n\n  const menuButton = renderButton({\n    onClick: (e: React.MouseEvent<Element, MouseEvent>) => {\n      e.preventDefault()\n      e.stopPropagation()\n      toggleMenuDropdown()\n    },\n    onMouseDown: (e: React.MouseEvent<Element, MouseEvent>) =>\n      e.preventDefault(),\n    \"aria-haspopup\": true,\n    \"aria-expanded\": isMenuVisible,\n  })\n\n  useEffect(() => {\n    portalSelectorElementRef.current = portalSelector\n      ? document.querySelector(portalSelector)\n      : null\n  }, [portalSelector])\n\n  useEffect(() => {\n    if (portalSelector && !portalSelectorElementRef.current) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"The portal could not be created using the selector: \" + portalSelector\n      )\n    }\n  }, [portalSelectorElementRef, portalSelector])\n\n  const menu = isMenuVisible ? (\n    <MenuDropdown\n      referenceElement={referenceElement}\n      align={align}\n      hideMenuDropdown={hideMenuDropdown}\n      width={dropdownWidth}\n      id={dropdownId}\n      autoHide={autoHide}\n    >\n      {children}\n    </MenuDropdown>\n  ) : null\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div data-testid={dataTestId} onClick={onClick}>\n      <div className={styles.buttonWrapper} ref={setReferenceElement}>\n        {menuButton}\n      </div>\n      {portalSelector && portalSelectorElementRef.current\n        ? ReactDOM.createPortal(menu, portalSelectorElementRef.current)\n        : menu}\n    </div>\n  )\n}\n\nStatelessMenu.displayName = \"StatelessMenu\"\n"],"names":["StatelessMenu","_a","_b","align","_c","dropdownWidth","_d","autoHide","dataTestId","dropdownId","children","portalSelector","isMenuVisible","toggleMenuDropdown","hideMenuDropdown","renderButton","onClick","_e","useState","referenceElement","setReferenceElement","portalSelectorElementRef","useRef","menuButton","e","preventDefault","stopPropagation","onMouseDown","useEffect","current","document","querySelector","console","warn","menu","React","createElement","MenuDropdown","width","id","className","styles","buttonWrapper","ref","ReactDOM","createPortal","displayName"],"mappings":"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"}

package/dist/esm/Menu/subcomponents/StatelessMenu/StatelessMenu.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "buttonWrapper": "StatelessMenu-module_buttonWrapper__9LgSC"
+};
+export { styles as default };
+//# sourceMappingURL=StatelessMenu.module.scss.mjs.map

package/dist/esm/Menu/subcomponents/StatelessMenu/StatelessMenu.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatelessMenu.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/Modal/ConfirmationModal/ConfirmationModal.mjs

@@ -0,0 +1,124 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Assertive, Positive, Negative, Informative, Cautionary } from '@kaizen/draft-illustration';
+import { Heading } from '../../Heading/Heading.mjs';
+import 'uuid';
+import '../../Icon/subcomponents/SVG/SVG.mjs';
+import { CautionWhiteIcon } from '../../Icon/CautionWhiteIcon.mjs';
+import { ExclamationWhiteIcon } from '../../Icon/ExclamationWhiteIcon.mjs';
+import { InformationWhiteIcon } from '../../Icon/InformationWhiteIcon.mjs';
+import { SuccessWhiteIcon } from '../../Icon/SuccessWhiteIcon.mjs';
+import { GenericModal } from '../GenericModal/GenericModal.mjs';
+import '../GenericModal/context/ModalContext.mjs';
+import { ModalAccessibleDescription } from '../GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs';
+import { ModalFooter } from '../GenericModal/subcomponents/ModalFooter/ModalFooter.mjs';
+import { ModalHeader } from '../GenericModal/subcomponents/ModalHeader/ModalHeader.mjs';
+import { ModalAccessibleLabel } from '../GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs';
+import { ModalBody } from '../GenericModal/subcomponents/ModalBody/ModalBody.mjs';
+import styles from './ConfirmationModal.module.scss.mjs';
+var getIcon = function (mood, isProminent) {
+  switch (mood) {
+    case "cautionary":
+      return isProminent ? /*#__PURE__*/React.createElement(Cautionary, null) : /*#__PURE__*/React.createElement(CautionWhiteIcon, {
+        inheritSize: true,
+        role: "presentation"
+      });
+    case "informative":
+      return isProminent ? /*#__PURE__*/React.createElement(Informative, null) : /*#__PURE__*/React.createElement(InformationWhiteIcon, {
+        inheritSize: true,
+        role: "presentation"
+      });
+    case "negative":
+      return isProminent ? /*#__PURE__*/React.createElement(Negative, null) : /*#__PURE__*/React.createElement(ExclamationWhiteIcon, {
+        inheritSize: true,
+        role: "presentation"
+      });
+    case "positive":
+      return isProminent ? /*#__PURE__*/React.createElement(Positive, null) : /*#__PURE__*/React.createElement(SuccessWhiteIcon, {
+        inheritSize: true,
+        role: "presentation"
+      });
+    case "assertive":
+      return isProminent ? /*#__PURE__*/React.createElement(Assertive, null) : /*#__PURE__*/React.createElement(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}
+ */
+const ConfirmationModal = /*#__PURE__*/function () {
+  const 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 = __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(__assign(__assign({}, confirmAction), workingProps));
+    }
+    footerActions.push({
+      label: dismissLabel,
+      onClick: onDismiss,
+      disabled: !!confirmWorking
+    });
+    return /*#__PURE__*/React.createElement(GenericModal, {
+      isOpen: isOpen,
+      onEscapeKeyup: onDismiss,
+      onOutsideModalClick: onDismiss,
+      onAfterLeave: onAfterLeave
+    }, /*#__PURE__*/React.createElement("div", __assign({
+      className: styles.modal,
+      "data-modal": true
+    }, props), /*#__PURE__*/React.createElement(ModalHeader, {
+      onDismiss: onDismiss
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.header, styles["".concat(mood, "Header")], isProminent && styles.prominent, !unpadded && styles.padded)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.iconContainer, isProminent && styles.prominent)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.spotIcon
+    }, getIcon(mood, isProminent))), /*#__PURE__*/React.createElement(ModalAccessibleLabel, {
+      isProminent: isProminent
+    }, /*#__PURE__*/React.createElement(Heading, {
+      tag: "h2",
+      variant: "heading-2"
+    }, title)))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
+      className: classnames(isProminent && styles.prominent, !unpadded && styles.padded)
+    }, /*#__PURE__*/React.createElement(ModalAccessibleDescription, null, children))), /*#__PURE__*/React.createElement(ModalFooter, {
+      actions: footerActions,
+      appearance: mood === "negative" ? "destructive" : "primary",
+      unpadded: unpadded
+    })));
+  };
+  ConfirmationModal.displayName = "ConfirmationModal";
+  return ConfirmationModal;
+}();
+export { ConfirmationModal };
+//# sourceMappingURL=ConfirmationModal.mjs.map

package/dist/esm/Modal/ConfirmationModal/ConfirmationModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationModal.mjs","sources":["../../../../src/Modal/ConfirmationModal/ConfirmationModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport {\n  Assertive,\n  Cautionary,\n  Informative,\n  Negative,\n  Positive,\n} from \"@kaizen/draft-illustration\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  CautionWhiteIcon,\n  ExclamationWhiteIcon,\n  InformationWhiteIcon,\n  SuccessWhiteIcon,\n} from \"~components/Icon\"\nimport {\n  GenericModal,\n  ModalAccessibleDescription,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./ConfirmationModal.module.scss\"\n\nexport type ConfirmationModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  /**\n   * To display the Prominent variation of the modal types\n   */\n  isProminent?: boolean\n  /**\n   * Defines the modal type or mood\n   */\n  mood: Mood\n  title: string\n  onConfirm?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  confirmLabel?: string\n  dismissLabel?: string\n  confirmWorking?: { label: string; labelHidden?: boolean }\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n} & HTMLAttributes<HTMLDivElement>\n\ntype Mood = \"positive\" | \"informative\" | \"negative\" | \"cautionary\" | \"assertive\"\n\nconst getIcon = (mood: Mood, isProminent: boolean): JSX.Element => {\n  switch (mood) {\n    case \"cautionary\":\n      return isProminent ? (\n        <Cautionary />\n      ) : (\n        <CautionWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"informative\":\n      return isProminent ? (\n        <Informative />\n      ) : (\n        <InformationWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"negative\":\n      return isProminent ? (\n        <Negative />\n      ) : (\n        <ExclamationWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"positive\":\n      return isProminent ? (\n        <Positive />\n      ) : (\n        <SuccessWhiteIcon inheritSize role=\"presentation\" />\n      )\n    case \"assertive\":\n      return isProminent ? (\n        <Assertive />\n      ) : (\n        <ExclamationWhiteIcon inheritSize role=\"presentation\" />\n      )\n  }\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}\n */\nexport const ConfirmationModal = ({\n  isOpen,\n  isProminent = false,\n  unpadded = false,\n  mood,\n  title,\n  onConfirm,\n  onAfterLeave,\n  confirmLabel = \"Confirm\",\n  dismissLabel = \"Cancel\",\n  confirmWorking,\n  onDismiss: propsOnDismiss,\n  children,\n  ...props\n}: ConfirmationModalProps): JSX.Element => {\n  const onDismiss = confirmWorking ? undefined : propsOnDismiss\n\n  const footerActions: ButtonProps[] = []\n  if (onConfirm) {\n    const confirmAction = { label: confirmLabel, onClick: onConfirm }\n    const workingProps = confirmWorking\n      ? {\n          working: true,\n          workingLabel: confirmWorking.label,\n          workingLabelHidden: confirmWorking.labelHidden,\n        }\n      : {}\n\n    footerActions.push({ ...confirmAction, ...workingProps })\n  }\n\n  footerActions.push({\n    label: dismissLabel,\n    onClick: onDismiss,\n    disabled: !!confirmWorking,\n  })\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onOutsideModalClick={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              styles[`${mood}Header`],\n              isProminent && styles.prominent,\n              !unpadded && styles.padded\n            )}\n          >\n            <div\n              className={classnames(\n                styles.iconContainer,\n                isProminent && styles.prominent\n              )}\n            >\n              <div className={styles.spotIcon}>\n                {getIcon(mood, isProminent)}\n              </div>\n            </div>\n            <ModalAccessibleLabel isProminent={isProminent}>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(\n              isProminent && styles.prominent,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleDescription>{children}</ModalAccessibleDescription>\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"negative\" ? \"destructive\" : \"primary\"}\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nConfirmationModal.displayName = \"ConfirmationModal\"\n"],"names":["getIcon","mood","isProminent","React","createElement","Cautionary","CautionWhiteIcon","inheritSize","role","Informative","InformationWhiteIcon","Negative","ExclamationWhiteIcon","Positive","SuccessWhiteIcon","Assertive","ConfirmationModal","_a","isOpen","_b","_c","unpadded","title","onConfirm","onAfterLeave","_d","confirmLabel","_e","dismissLabel","confirmWorking","propsOnDismiss","onDismiss","children","props","__rest","undefined","footerActions","confirmAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","push","__assign","disabled","GenericModal","onEscapeKeyup","onOutsideModalClick","className","styles","modal","ModalHeader","classnames","header","concat","prominent","padded","iconContainer","spotIcon","ModalAccessibleLabel","Heading","tag","variant","ModalBody","ModalAccessibleDescription","ModalFooter","actions","appearance","displayName"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+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"
+};
+export { styles as default };
+//# sourceMappingURL=ConfirmationModal.module.scss.mjs.map

package/dist/esm/Modal/ConfirmationModal/ConfirmationModal.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationModal.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/Modal/ContextModal/ContextModal.mjs

@@ -0,0 +1,93 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Heading } from '@kaizen/typography';
+import { GenericModal } from '../GenericModal/GenericModal.mjs';
+import '../GenericModal/context/ModalContext.mjs';
+import '../GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs';
+import { ModalFooter } from '../GenericModal/subcomponents/ModalFooter/ModalFooter.mjs';
+import { ModalHeader } from '../GenericModal/subcomponents/ModalHeader/ModalHeader.mjs';
+import { ModalAccessibleLabel } from '../GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs';
+import { ModalBody } from '../GenericModal/subcomponents/ModalBody/ModalBody.mjs';
+import styles from './ContextModal.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}
+ */
+const ContextModal = /*#__PURE__*/function () {
+  const 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,
+      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,
+      props = __rest(_a, ["isOpen", "unpadded", "layout", "title", "onConfirm", "onAfterLeave", "confirmLabel", "confirmWorking", "renderBackground", "children", "contentHeader", "image"]);
+    var onDismiss = confirmWorking ? undefined : props.onDismiss;
+    var footerActions = [];
+    var workingProps = confirmWorking ? {
+      working: true,
+      workingLabel: confirmWorking.label,
+      workingLabelHidden: confirmWorking.labelHidden
+    } : {};
+    if (onConfirm) {
+      var confirmAction = {
+        label: confirmLabel,
+        onClick: onConfirm
+      };
+      footerActions.push(__assign(__assign({}, confirmAction), workingProps));
+    }
+    if (props.secondaryLabel) {
+      footerActions.push({
+        label: props.secondaryLabel,
+        onClick: props.onSecondaryAction,
+        disabled: !!confirmWorking
+      });
+    }
+    return /*#__PURE__*/React.createElement(GenericModal, {
+      isOpen: isOpen,
+      onEscapeKeyup: onDismiss,
+      onOutsideModalClick: onDismiss,
+      onAfterLeave: onAfterLeave
+    }, /*#__PURE__*/React.createElement("div", __assign({
+      className: styles.modal,
+      "data-modal": true
+    }, props), renderBackground && renderBackground(), /*#__PURE__*/React.createElement(ModalHeader, {
+      onDismiss: onDismiss
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.header, !unpadded && styles.padded)
+    }, /*#__PURE__*/React.createElement(ModalAccessibleLabel, null, /*#__PURE__*/React.createElement(Heading, {
+      variant: "heading-2",
+      tag: "h2"
+    }, title)))), contentHeader && /*#__PURE__*/React.createElement("div", {
+      className: styles.contentHeader
+    }, contentHeader), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.contentLayout, styles["".concat(layout, "Contentlayout")])
+    }, image && /*#__PURE__*/React.createElement("div", {
+      className: styles.image
+    }, image), /*#__PURE__*/React.createElement("div", {
+      className: styles.content
+    }, children, onConfirm != null && /*#__PURE__*/React.createElement("div", {
+      className: props.secondaryLabel ? styles.footerWithSecondaryAction : styles.footer
+    })))), /*#__PURE__*/React.createElement(ModalFooter, {
+      variant: image ? "context" : undefined,
+      actions: footerActions,
+      appearance: "primary",
+      unpadded: unpadded
+    })));
+  };
+  ContextModal.displayName = "ContextModal";
+  return ContextModal;
+}();
+export { ContextModal };
+//# sourceMappingURL=ContextModal.mjs.map

package/dist/esm/Modal/ContextModal/ContextModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextModal.mjs","sources":["../../../../src/Modal/ContextModal/ContextModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Heading } from \"@kaizen/typography\"\nimport { ButtonProps } from \"~components/Button\"\nimport {\n  GenericModal,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./ContextModal.module.scss\"\n\nexport type ContextModalSecondaryActionProps =\n  | {\n      secondaryLabel: string\n      onSecondaryAction: () => void\n    }\n  | {\n      secondaryLabel?: undefined\n    }\n\nexport type ContextModalProps = Readonly<\n  {\n    isOpen: boolean\n    unpadded?: boolean\n    /**\n     * Defines the orientation layout of the image and content\n     */\n    layout?: \"portrait\" | \"landscape\"\n    title: string\n    onConfirm?: () => void\n    onDismiss: () => void\n    onAfterLeave?: () => void\n    confirmLabel?: string\n    confirmWorking?: { label: string; labelHidden?: boolean }\n    /**\n     * @deprecated use data-testid instead\n     */\n    automationId?: string\n    renderBackground?: () => React.ReactNode\n    image?: React.ReactNode\n    children: React.ReactNode\n    contentHeader?: React.ReactNode\n  } & ContextModalSecondaryActionProps &\n    HTMLAttributes<HTMLDivElement>\n>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}\n */\nexport const ContextModal = ({\n  isOpen,\n  unpadded = false,\n  layout = \"portrait\",\n  title,\n  onConfirm,\n  onAfterLeave,\n  confirmLabel = \"Confirm\",\n  confirmWorking,\n  renderBackground,\n  children,\n  contentHeader,\n  image,\n  ...props\n}: ContextModalProps): JSX.Element => {\n  const onDismiss = confirmWorking ? undefined : props.onDismiss\n\n  const footerActions: ButtonProps[] = []\n\n  const workingProps = confirmWorking\n    ? {\n        working: true,\n        workingLabel: confirmWorking.label,\n        workingLabelHidden: confirmWorking.labelHidden,\n      }\n    : {}\n\n  if (onConfirm) {\n    const confirmAction = { label: confirmLabel, onClick: onConfirm }\n    footerActions.push({ ...confirmAction, ...workingProps })\n  }\n\n  if (props.secondaryLabel) {\n    footerActions.push({\n      label: props.secondaryLabel,\n      onClick: props.onSecondaryAction,\n      disabled: !!confirmWorking,\n    })\n  }\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onOutsideModalClick={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} data-modal {...props}>\n        {renderBackground && renderBackground()}\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(styles.header, !unpadded && styles.padded)}\n          >\n            <ModalAccessibleLabel>\n              <Heading variant=\"heading-2\" tag=\"h2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        {contentHeader && (\n          <div className={styles.contentHeader}>{contentHeader}</div>\n        )}\n        <ModalBody>\n          <div\n            className={classnames(\n              styles.contentLayout,\n              styles[`${layout}Contentlayout`]\n            )}\n          >\n            {image && <div className={styles.image}>{image}</div>}\n            <div className={styles.content}>\n              {children}\n              {onConfirm != null && (\n                <div\n                  className={\n                    props.secondaryLabel\n                      ? styles.footerWithSecondaryAction\n                      : styles.footer\n                  }\n                ></div>\n              )}\n            </div>\n          </div>\n        </ModalBody>\n        <ModalFooter\n          variant={image ? \"context\" : undefined}\n          actions={footerActions}\n          appearance=\"primary\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nContextModal.displayName = \"ContextModal\"\n"],"names":["ContextModal","_a","isOpen","_b","unpadded","_c","layout","title","onConfirm","onAfterLeave","_d","confirmLabel","confirmWorking","renderBackground","children","contentHeader","image","props","__rest","onDismiss","undefined","footerActions","workingProps","working","workingLabel","label","workingLabelHidden","labelHidden","confirmAction","onClick","push","__assign","secondaryLabel","onSecondaryAction","disabled","React","createElement","GenericModal","onEscapeKeyup","onOutsideModalClick","className","styles","modal","ModalHeader","classnames","header","padded","ModalAccessibleLabel","Heading","variant","tag","ModalBody","contentLayout","concat","content","footerWithSecondaryAction","footer","ModalFooter","actions","appearance","displayName"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+var styles = {
+  "defaultModalWidth": "ContextModal-module_defaultModalWidth__bgf7L",
+  "backdropLayer": "ContextModal-module_backdropLayer__wuj3B",
+  "scrollLayer": "ContextModal-module_scrollLayer__JANXA",
+  "modalLayer": "ContextModal-module_modalLayer__Cx6aX",
+  "modal": "ContextModal-module_modal__wriV7",
+  "animatingEnter": "ContextModal-module_animatingEnter__53BlF",
+  "fade-0-to-0-5": "ContextModal-module_fade-0-to-0-5__vZx9M",
+  "custom-1": "ContextModal-module_custom-1__be8sO",
+  "animatingLeave": "ContextModal-module_animatingLeave__-JR11",
+  "fade-0-5-to-0": "ContextModal-module_fade-0-5-to-0__R4eO-",
+  "custom-3": "ContextModal-module_custom-3__klp3m",
+  "unscrollable": "ContextModal-module_unscrollable__kF7MR",
+  "pseudoScrollbar": "ContextModal-module_pseudoScrollbar__6RfHj",
+  "hide": "ContextModal-module_hide__Sdnsg",
+  "custom-5": "ContextModal-module_custom-5__deZpl",
+  "custom-7": "ContextModal-module_custom-7__rPmP4",
+  "header": "ContextModal-module_header__V4IRF",
+  "padded": "ContextModal-module_padded__osmk1",
+  "footerWithSecondaryAction": "ContextModal-module_footerWithSecondaryAction__-5sq8",
+  "footer": "ContextModal-module_footer__JIwF5",
+  "emptyFooter": "ContextModal-module_emptyFooter__UHWc-",
+  "portraitContentlayout": "ContextModal-module_portraitContentlayout__kqUJG",
+  "landscapeContentlayout": "ContextModal-module_landscapeContentlayout__IFqQN",
+  "image": "ContextModal-module_image__aEDvK",
+  "content": "ContextModal-module_content__-KrFF"
+};
+export { styles as default };
+//# sourceMappingURL=ContextModal.module.scss.mjs.map

package/dist/esm/Modal/ContextModal/ContextModal.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextModal.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,136 @@
+import React, { useId, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { Transition } from '@headlessui/react';
+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';
+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 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;
+      });
+    };
+    var outsideModalClickHandler = function (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();
+        }
+      }
+    };
+    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.");
+      }
+    };
+    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 onAfterEnterHandler = function () {
+      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);
+          }
+        });
+      }
+    };
+    var onAfterLeaveHandler = function () {
+      document.documentElement.classList.remove(styles.unscrollable, styles.pseudoScrollbar);
+      if (onEscapeKeyup) {
+        document.removeEventListener("keyup", onEscapeKeyup);
+      }
+      propsOnAfterLeave === null || propsOnAfterLeave === void 0 ? void 0 : propsOnAfterLeave();
+    };
+    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 };
+//# sourceMappingURL=GenericModal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericModal.mjs","sources":["../../../../src/Modal/GenericModal/GenericModal.tsx"],"sourcesContent":["import React, { useId, useState } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { Transition } from \"@headlessui/react\"\nimport FocusLock from \"react-focus-lock\"\nimport { warn } from \"../util/console\"\nimport { ModalContext } from \"./context/ModalContext\"\nimport styles from \"./GenericModal.module.scss\"\n\nexport type GenericModalProps = {\n  id?: string\n  isOpen: boolean\n  children: React.ReactNode\n  focusLockDisabled?: boolean\n  onEscapeKeyup?: (event: KeyboardEvent) => void\n  onOutsideModalClick?: (event: React.MouseEvent) => void\n  onAfterLeave?: () => void\n}\n\nexport const GenericModal = ({\n  id: propsId,\n  children,\n  isOpen = true,\n  focusLockDisabled,\n  onEscapeKeyup,\n  onOutsideModalClick,\n  onAfterLeave: propsOnAfterLeave,\n}: GenericModalProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const labelledByID = useId()\n  const describedByID = useId()\n\n  const [scrollLayer, setScrollLayer] = useState<HTMLDivElement | null>(null)\n  const [modalLayer, setModalLayer] = useState<HTMLDivElement | null>(null)\n\n  const scrollModalToTop = (): void => {\n    // If we have a really long modal, the autofocus could land on an element down below\n    // causing the modal to scroll down and skipping over the content near the modal's top.\n    // Ensure that when the modal opens, we are at the top of its content.\n    requestAnimationFrame(() => {\n      if (!scrollLayer) return\n      scrollLayer.scrollTop = 0\n    })\n  }\n\n  const outsideModalClickHandler = (event: React.MouseEvent): void => {\n    if (event.target === scrollLayer || event.target === modalLayer) {\n      onOutsideModalClick?.(event)\n    }\n  }\n\n  const focusAccessibleLabel = (): void => {\n    if (modalLayer) {\n      const labelElement: HTMLElement | null =\n        document.getElementById(labelledByID)\n      if (labelElement) {\n        labelElement.focus()\n      }\n    }\n  }\n\n  const a11yWarn = (): void => {\n    if (!modalLayer) return\n    // Ensure that consumers have provided an element that labels the modal\n    // to meet ARIA accessibility guidelines.\n    if (!document.getElementById(labelledByID)) {\n      warn(\n        `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.`\n      )\n    }\n  }\n\n  const preventBodyScroll = (): void => {\n    const hasScrollbar =\n      window.innerWidth > document.documentElement.clientWidth\n    const scrollStyles = [styles.unscrollable]\n\n    if (hasScrollbar) {\n      scrollStyles.push(styles.pseudoScrollbar)\n    }\n\n    document.documentElement.classList.add(...scrollStyles)\n  }\n\n  const onAfterEnterHandler = (): void => {\n    scrollModalToTop()\n    focusAccessibleLabel()\n    a11yWarn()\n  }\n\n  const onBeforeEnterHandler = (): void => {\n    preventBodyScroll()\n\n    if (onEscapeKeyup) {\n      document.addEventListener(\"keyup\", event => {\n        if (event.key === \"Escape\") {\n          onEscapeKeyup?.(event)\n        }\n      })\n    }\n  }\n\n  const onAfterLeaveHandler = (): void => {\n    document.documentElement.classList.remove(\n      styles.unscrollable,\n      styles.pseudoScrollbar\n    )\n\n    if (onEscapeKeyup) {\n      document.removeEventListener(\"keyup\", onEscapeKeyup)\n    }\n\n    propsOnAfterLeave?.()\n  }\n\n  return createPortal(\n    <Transition\n      appear={true}\n      show={isOpen}\n      enter={styles.animatingEnter}\n      leave={styles.animatingLeave}\n      beforeEnter={onBeforeEnterHandler}\n      afterEnter={onAfterEnterHandler}\n      afterLeave={onAfterLeaveHandler}\n      data-generic-modal-transition-wrapper\n      onClick={(e: React.MouseEvent): void => e.stopPropagation()}\n    >\n      <FocusLock\n        disabled={focusLockDisabled}\n        returnFocus={true}\n        // Disabling false positive\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={false}\n      >\n        <div className={styles.backdropLayer} />\n        {/* Disabling these because we don't want this to be keyboard focusable. Users can use Esc to achieve this with a keyboard.\n         */}\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n        <div\n          className={styles.scrollLayer}\n          ref={(scrollLayerRef): void => {\n            setScrollLayer(scrollLayerRef)\n          }}\n          onClick={outsideModalClickHandler}\n          data-testid={`${id}-scrollLayer`}\n        >\n          <ModalContext.Provider\n            value={{\n              labelledByID,\n              describedByID,\n            }}\n          >\n            <div\n              role=\"dialog\"\n              className={styles.modalLayer}\n              aria-labelledby={labelledByID}\n              aria-describedby={describedByID}\n              ref={(modalLayerRef): void => setModalLayer(modalLayerRef)}\n              data-testid={id}\n            >\n              {children}\n            </div>\n          </ModalContext.Provider>\n        </div>\n      </FocusLock>\n    </Transition>,\n    document.body\n  )\n}\n\nGenericModal.displayName = \"GenericModal\"\n"],"names":["GenericModal","_a","propsId","id","children","_b","isOpen","focusLockDisabled","onEscapeKeyup","onOutsideModalClick","propsOnAfterLeave","onAfterLeave","reactId","useId","labelledByID","describedByID","_c","useState","scrollLayer","setScrollLayer","_d","modalLayer","setModalLayer","scrollModalToTop","requestAnimationFrame","scrollTop","outsideModalClickHandler","event","target","focusAccessibleLabel","labelElement","document","getElementById","focus","a11yWarn","warn","preventBodyScroll","hasScrollbar","window","innerWidth","documentElement","clientWidth","scrollStyles","styles","unscrollable","push","pseudoScrollbar","classList","add","apply","onAfterEnterHandler","onBeforeEnterHandler","addEventListener","key","onAfterLeaveHandler","remove","removeEventListener","createPortal","React","createElement","Transition","appear","show","enter","animatingEnter","leave","animatingLeave","beforeEnter","afterEnter","afterLeave","onClick","e","stopPropagation","FocusLock","disabled","returnFocus","autoFocus","className","backdropLayer","ref","scrollLayerRef","concat","ModalContext","Provider","value","role","modalLayerRef","body","displayName"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+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 };
+//# sourceMappingURL=GenericModal.module.scss.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericModal.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+var ModalContext = /*#__PURE__*/createContext({
+  labelledByID: "modal-labelledby",
+  describedByID: "modal-describedby"
+});
+export { ModalContext };
+//# sourceMappingURL=ModalContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.mjs","sources":["../../../../../src/Modal/GenericModal/context/ModalContext.ts"],"sourcesContent":["import { createContext } from \"react\"\n\nexport type ModalContextType = {\n  labelledByID: string\n  describedByID: string\n}\n\nexport const ModalContext = createContext<ModalContextType>({\n  labelledByID: \"modal-labelledby\",\n  describedByID: \"modal-describedby\",\n})\n"],"names":["ModalContext","createContext","labelledByID","describedByID"],"mappings":";AAOO,IAAMA,YAAY,gBAAGC,aAAa,CAAmB;EAC1DC,YAAY,EAAE,kBAAkB;EAChCC,aAAa,EAAE;AAChB,CAAA,CAAA;"}