@j2-health/design-system 0.5.0 → 0.5.2

package/dist/src/components/notification/useNotification.js

@@ -1,55 +1,61 @@
-import { jsx } from "react/jsx-runtime";
+import Notification_module_default from "./Notification.module.css.js";
+import "react";
 import { notification } from "antd";
-import s from "./Notification.module.css.js";
-import { XIcon, WarningCircleIcon, InfoIcon, CheckCircleIcon, XCircleIcon } from "@phosphor-icons/react";
+import { CheckCircleIcon, InfoIcon, WarningCircleIcon, XCircleIcon, XIcon } from "@phosphor-icons/react";
+import { jsx } from "react/jsx-runtime";
 import cx from "classnames";
-const getIcon = (type) => {
-  switch (type) {
-    case "error":
-      return /* @__PURE__ */ jsx(XCircleIcon, { color: "var(--j2-color-error)", weight: "duotone", size: 24 });
-    case "success":
-      return /* @__PURE__ */ jsx(
-        CheckCircleIcon,
-        {
-          color: "var(--j2-color-success)",
-          weight: "duotone",
-          size: 24
-        }
-      );
-    case "info":
-      return /* @__PURE__ */ jsx(InfoIcon, { color: "var(--j2-color-info)", weight: "duotone", size: 24 });
-    case "warning":
-      return /* @__PURE__ */ jsx(
-        WarningCircleIcon,
-        {
-          color: "var(--j2-color-warning)",
-          weight: "duotone",
-          size: 24
-        }
-      );
-  }
-};
-const useNotification = () => {
-  const [api, contextHolder] = notification.useNotification();
-  const openNotification = (type, config) => {
-    const { message, title, btn, actions, ...restConfig } = config;
-    api[type]({
-      icon: getIcon(type),
-      ...restConfig,
-      title: title ?? message,
-      actions: actions ?? btn,
-      closeIcon: /* @__PURE__ */ jsx(XIcon, { color: "var(--j2-color-icon)", size: 22, weight: "regular" }),
-      className: cx({
-        [s.messageOnly]: (title ?? message) && !config.description
-      })
-    });
-  };
-  const closeNotification = (key) => {
-    api.destroy(key);
-  };
-  return { openNotification, closeNotification, contextHolder };
+//#region src/components/notification/useNotification.tsx
+var getIcon = (type) => {
+	switch (type) {
+		case "error": return /* @__PURE__ */ jsx(XCircleIcon, {
+			color: "var(--j2-color-error)",
+			weight: "duotone",
+			size: 24
+		});
+		case "success": return /* @__PURE__ */ jsx(CheckCircleIcon, {
+			color: "var(--j2-color-success)",
+			weight: "duotone",
+			size: 24
+		});
+		case "info": return /* @__PURE__ */ jsx(InfoIcon, {
+			color: "var(--j2-color-info)",
+			weight: "duotone",
+			size: 24
+		});
+		case "warning": return /* @__PURE__ */ jsx(WarningCircleIcon, {
+			color: "var(--j2-color-warning)",
+			weight: "duotone",
+			size: 24
+		});
+	}
 };
-export {
-  useNotification
+var useNotification = () => {
+	const [api, contextHolder] = notification.useNotification();
+	const openNotification = (type, config) => {
+		const { message, title, btn, actions, ...restConfig } = config;
+		api[type]({
+			icon: getIcon(type),
+			...restConfig,
+			title: title ?? message,
+			actions: actions ?? btn,
+			closeIcon: /* @__PURE__ */ jsx(XIcon, {
+				color: "var(--j2-color-icon)",
+				size: 22,
+				weight: "regular"
+			}),
+			className: cx({ [Notification_module_default.messageOnly]: (title ?? message) && !config.description })
+		});
+	};
+	const closeNotification = (key) => {
+		api.destroy(key);
+	};
+	return {
+		openNotification,
+		closeNotification,
+		contextHolder
+	};
 };
-//# sourceMappingURL=useNotification.js.map
+//#endregion
+export { useNotification };
+
+//# sourceMappingURL=useNotification.js.map

package/dist/src/components/notification/useNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNotification.js","sources":["../../../../src/components/notification/useNotification.tsx"],"sourcesContent":["import { notification } from 'antd'\nimport type { NotificationArgsProps } from 'antd'\nimport s from './Notification.module.css'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XIcon,\n  XCircleIcon,\n} from '@phosphor-icons/react'\nimport cx from 'classnames'\nimport React from 'react'\n\ntype NotificationType = 'success' | 'info' | 'warning' | 'error'\n\nexport type OpenNotificationFunc = (\n  type: Expand<NotificationType>,\n  config: Expand<NotificationArgsProps>\n) => void\n\nconst getIcon = (type: NotificationType) => {\n  switch (type) {\n    case 'error':\n      return (\n        <XCircleIcon color=\"var(--j2-color-error)\" weight=\"duotone\" size={24} />\n      )\n    case 'success':\n      return (\n        <CheckCircleIcon\n          color=\"var(--j2-color-success)\"\n          weight=\"duotone\"\n          size={24}\n        />\n      )\n    case 'info':\n      return (\n        <InfoIcon color=\"var(--j2-color-info)\" weight=\"duotone\" size={24} />\n      )\n    case 'warning':\n      return (\n        <WarningCircleIcon\n          color=\"var(--j2-color-warning)\"\n          weight=\"duotone\"\n          size={24}\n        />\n      )\n  }\n}\n\nexport const useNotification = () => {\n  const [api, contextHolder] = notification.useNotification()\n\n  const openNotification: OpenNotificationFunc = (\n    type: Expand<NotificationType>,\n    config: Expand<NotificationArgsProps>\n  ) => {\n    const { message, title, btn, actions, ...restConfig } = config\n    api[type]({\n      icon: getIcon(type),\n      ...restConfig,\n      title: title ?? message,\n      actions: actions ?? btn,\n      closeIcon: (\n        <XIcon color=\"var(--j2-color-icon)\" size={22} weight=\"regular\" />\n      ),\n      className: cx({\n        [s.messageOnly]: (title ?? message) && !config.description,\n      }),\n    })\n  }\n\n  const closeNotification = (key?: React.Key) => {\n    api.destroy(key)\n  }\n\n  return { openNotification, closeNotification, contextHolder }\n}\n"],"names":[],"mappings":";;;;;AAoBA,MAAM,UAAU,CAAC,SAA2B;AAC1C,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,iCACG,aAAA,EAAY,OAAM,yBAAwB,QAAO,WAAU,MAAM,IAAI;AAAA,IAE1E,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACH,iCACG,UAAA,EAAS,OAAM,wBAAuB,QAAO,WAAU,MAAM,IAAI;AAAA,IAEtE,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,EACR;AAGR;AAEO,MAAM,kBAAkB,MAAM;AACnC,QAAM,CAAC,KAAK,aAAa,IAAI,aAAa,gBAAA;AAE1C,QAAM,mBAAyC,CAC7C,MACA,WACG;AACH,UAAM,EAAE,SAAS,OAAO,KAAK,SAAS,GAAG,eAAe;AACxD,QAAI,IAAI,EAAE;AAAA,MACR,MAAM,QAAQ,IAAI;AAAA,MAClB,GAAG;AAAA,MACH,OAAO,SAAS;AAAA,MAChB,SAAS,WAAW;AAAA,MACpB,+BACG,OAAA,EAAM,OAAM,wBAAuB,MAAM,IAAI,QAAO,WAAU;AAAA,MAEjE,WAAW,GAAG;AAAA,QACZ,CAAC,EAAE,WAAW,IAAI,SAAS,YAAY,CAAC,OAAO;AAAA,MAAA,CAChD;AAAA,IAAA,CACF;AAAA,EACH;AAEA,QAAM,oBAAoB,CAAC,QAAoB;AAC7C,QAAI,QAAQ,GAAG;AAAA,EACjB;AAEA,SAAO,EAAE,kBAAkB,mBAAmB,cAAA;AAChD;"}
+{"version":3,"file":"useNotification.js","names":["s"],"sources":["../../../../src/components/notification/useNotification.tsx"],"sourcesContent":["import { notification } from 'antd'\nimport type { NotificationArgsProps } from 'antd'\nimport s from './Notification.module.css'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XIcon,\n  XCircleIcon,\n} from '@phosphor-icons/react'\nimport cx from 'classnames'\nimport React from 'react'\n\ntype NotificationType = 'success' | 'info' | 'warning' | 'error'\n\nexport type OpenNotificationFunc = (\n  type: Expand<NotificationType>,\n  config: Expand<NotificationArgsProps>\n) => void\n\nconst getIcon = (type: NotificationType) => {\n  switch (type) {\n    case 'error':\n      return (\n        <XCircleIcon color=\"var(--j2-color-error)\" weight=\"duotone\" size={24} />\n      )\n    case 'success':\n      return (\n        <CheckCircleIcon\n          color=\"var(--j2-color-success)\"\n          weight=\"duotone\"\n          size={24}\n        />\n      )\n    case 'info':\n      return (\n        <InfoIcon color=\"var(--j2-color-info)\" weight=\"duotone\" size={24} />\n      )\n    case 'warning':\n      return (\n        <WarningCircleIcon\n          color=\"var(--j2-color-warning)\"\n          weight=\"duotone\"\n          size={24}\n        />\n      )\n  }\n}\n\nexport const useNotification = () => {\n  const [api, contextHolder] = notification.useNotification()\n\n  const openNotification: OpenNotificationFunc = (\n    type: Expand<NotificationType>,\n    config: Expand<NotificationArgsProps>\n  ) => {\n    const { message, title, btn, actions, ...restConfig } = config\n    api[type]({\n      icon: getIcon(type),\n      ...restConfig,\n      title: title ?? message,\n      actions: actions ?? btn,\n      closeIcon: (\n        <XIcon color=\"var(--j2-color-icon)\" size={22} weight=\"regular\" />\n      ),\n      className: cx({\n        [s.messageOnly]: (title ?? message) && !config.description,\n      }),\n    })\n  }\n\n  const closeNotification = (key?: React.Key) => {\n    api.destroy(key)\n  }\n\n  return { openNotification, closeNotification, contextHolder }\n}\n"],"mappings":";;;;;;;AAoBA,IAAM,WAAW,SAA2B;CAC1C,QAAQ,MAAR;EACE,KAAK,SACH,OACE,oBAAC,aAAD;GAAa,OAAM;GAAwB,QAAO;GAAU,MAAM;EAAK,CAAA;EAE3E,KAAK,WACH,OACE,oBAAC,iBAAD;GACE,OAAM;GACN,QAAO;GACP,MAAM;EACP,CAAA;EAEL,KAAK,QACH,OACE,oBAAC,UAAD;GAAU,OAAM;GAAuB,QAAO;GAAU,MAAM;EAAK,CAAA;EAEvE,KAAK,WACH,OACE,oBAAC,mBAAD;GACE,OAAM;GACN,QAAO;GACP,MAAM;EACP,CAAA;CAEP;AACF;AAEA,IAAa,wBAAwB;CACnC,MAAM,CAAC,KAAK,iBAAiB,aAAa,gBAAgB;CAE1D,MAAM,oBACJ,MACA,WACG;EACH,MAAM,EAAE,SAAS,OAAO,KAAK,SAAS,GAAG,eAAe;EACxD,IAAI,KAAK,CAAC;GACR,MAAM,QAAQ,IAAI;GAClB,GAAG;GACH,OAAO,SAAS;GAChB,SAAS,WAAW;GACpB,WACE,oBAAC,OAAD;IAAO,OAAM;IAAuB,MAAM;IAAI,QAAO;GAAW,CAAA;GAElE,WAAW,GAAG,GACXA,4BAAE,eAAe,SAAS,YAAY,CAAC,OAAO,YACjD,CAAC;EACH,CAAC;CACH;CAEA,MAAM,qBAAqB,QAAoB;EAC7C,IAAI,QAAQ,GAAG;CACjB;CAEA,OAAO;EAAE;EAAkB;EAAmB;CAAc;AAC9D"}

package/dist/src/components/notificationModal/NotifcationModal.module.css.cjs

@@ -1,21 +1,22 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const modalTitleWithIcon = "_modalTitleWithIcon_5g0kf_1";
-const modalIcon = "_modalIcon_5g0kf_7";
-const modalTitleContent = "_modalTitleContent_5g0kf_16";
-const modalTitleText = "_modalTitleText_5g0kf_21";
-const modalContentWithIcon = "_modalContentWithIcon_5g0kf_30";
-const styles = {
-  modalTitleWithIcon,
-  modalIcon,
-  modalTitleContent,
-  modalTitleText,
-  modalContentWithIcon
+//#region src/components/notificationModal/NotifcationModal.module.css
+var modalTitleWithIcon = "_modalTitleWithIcon_5g0kf_1";
+var modalIcon = "_modalIcon_5g0kf_7";
+var modalTitleContent = "_modalTitleContent_5g0kf_16";
+var modalTitleText = "_modalTitleText_5g0kf_21";
+var modalContentWithIcon = "_modalContentWithIcon_5g0kf_30";
+var NotifcationModal_module_default = {
+	modalTitleWithIcon,
+	modalIcon,
+	modalTitleContent,
+	modalTitleText,
+	modalContentWithIcon
 };
-exports.default = styles;
+//#endregion
+exports.default = NotifcationModal_module_default;
 exports.modalContentWithIcon = modalContentWithIcon;
 exports.modalIcon = modalIcon;
 exports.modalTitleContent = modalTitleContent;
 exports.modalTitleText = modalTitleText;
 exports.modalTitleWithIcon = modalTitleWithIcon;
-//# sourceMappingURL=NotifcationModal.module.css.cjs.map
+
+//# sourceMappingURL=NotifcationModal.module.css.cjs.map

package/dist/src/components/notificationModal/NotifcationModal.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotifcationModal.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotifcationModal.module.css.cjs","names":[],"sources":["../../../../src/components/notificationModal/NotifcationModal.module.css"],"sourcesContent":[".modalTitleWithIcon {\n  display: flex;\n  gap: var(--j2-padding-sm);\n  align-items: flex-start;\n}\n\n.modalIcon {\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.modalTitleContent {\n  flex: 1;\n  min-width: 0;\n}\n\n.modalTitleText {\n  font-family: var(--j2-font-family);\n  font-weight: var(--j2-font-weight-strong);\n  font-size: var(--j2-font-size-lg);\n  line-height: var(--j2-line-height-lg);\n  color: var(--j2-color-text-heading);\n  margin: 0;\n}\n\n.modalContentWithIcon {\n  margin-left: calc(24px + var(--j2-padding-sm));\n}\n"],"mappings":""}

package/dist/src/components/notificationModal/NotifcationModal.module.css.js

@@ -1,21 +1,17 @@
-const modalTitleWithIcon = "_modalTitleWithIcon_5g0kf_1";
-const modalIcon = "_modalIcon_5g0kf_7";
-const modalTitleContent = "_modalTitleContent_5g0kf_16";
-const modalTitleText = "_modalTitleText_5g0kf_21";
-const modalContentWithIcon = "_modalContentWithIcon_5g0kf_30";
-const styles = {
-  modalTitleWithIcon,
-  modalIcon,
-  modalTitleContent,
-  modalTitleText,
-  modalContentWithIcon
+//#region src/components/notificationModal/NotifcationModal.module.css
+var modalTitleWithIcon = "_modalTitleWithIcon_5g0kf_1";
+var modalIcon = "_modalIcon_5g0kf_7";
+var modalTitleContent = "_modalTitleContent_5g0kf_16";
+var modalTitleText = "_modalTitleText_5g0kf_21";
+var modalContentWithIcon = "_modalContentWithIcon_5g0kf_30";
+var NotifcationModal_module_default = {
+	modalTitleWithIcon,
+	modalIcon,
+	modalTitleContent,
+	modalTitleText,
+	modalContentWithIcon
 };
-export {
-  styles as default,
-  modalContentWithIcon,
-  modalIcon,
-  modalTitleContent,
-  modalTitleText,
-  modalTitleWithIcon
-};
-//# sourceMappingURL=NotifcationModal.module.css.js.map
+//#endregion
+export { NotifcationModal_module_default as default, modalContentWithIcon, modalIcon, modalTitleContent, modalTitleText, modalTitleWithIcon };
+
+//# sourceMappingURL=NotifcationModal.module.css.js.map

package/dist/src/components/notificationModal/NotifcationModal.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotifcationModal.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"NotifcationModal.module.css.js","names":[],"sources":["../../../../src/components/notificationModal/NotifcationModal.module.css"],"sourcesContent":[".modalTitleWithIcon {\n  display: flex;\n  gap: var(--j2-padding-sm);\n  align-items: flex-start;\n}\n\n.modalIcon {\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.modalTitleContent {\n  flex: 1;\n  min-width: 0;\n}\n\n.modalTitleText {\n  font-family: var(--j2-font-family);\n  font-weight: var(--j2-font-weight-strong);\n  font-size: var(--j2-font-size-lg);\n  line-height: var(--j2-line-height-lg);\n  color: var(--j2-color-text-heading);\n  margin: 0;\n}\n\n.modalContentWithIcon {\n  margin-left: calc(24px + var(--j2-padding-sm));\n}\n"],"mappings":""}

package/dist/src/components/notificationModal/NotificationModal.cjs

@@ -1,57 +1,59 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("@phosphor-icons/react");
-const React = require("react");
-const NotifcationModal_module = require("./NotifcationModal.module.css.cjs");
-const Modal = require("../modal/Modal.cjs");
-const getNotificationIcon = (type) => {
-  switch (type) {
-    case "error":
-      return /* @__PURE__ */ jsxRuntime.jsx(react.XCircleIcon, { color: "var(--j2-color-error)", weight: "fill", size: 24 });
-    case "success":
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        react.CheckCircleIcon,
-        {
-          color: "var(--j2-color-success)",
-          weight: "fill",
-          size: 24
-        }
-      );
-    case "info":
-      return /* @__PURE__ */ jsxRuntime.jsx(react.InfoIcon, { color: "var(--j2-color-info)", weight: "fill", size: 24 });
-    case "warning":
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        react.WarningCircleIcon,
-        {
-          color: "var(--j2-color-warning)",
-          weight: "fill",
-          size: 24
-        }
-      );
-  }
+const require_Modal = require("../modal/Modal.cjs");
+const require_NotifcationModal_module = require("./NotifcationModal.module.css.cjs");
+let react = require("react");
+let _phosphor_icons_react = require("@phosphor-icons/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/notificationModal/NotificationModal.tsx
+var getNotificationIcon = (type) => {
+	switch (type) {
+		case "error": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.XCircleIcon, {
+			color: "var(--j2-color-error)",
+			weight: "fill",
+			size: 24
+		});
+		case "success": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.CheckCircleIcon, {
+			color: "var(--j2-color-success)",
+			weight: "fill",
+			size: 24
+		});
+		case "info": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.InfoIcon, {
+			color: "var(--j2-color-info)",
+			weight: "fill",
+			size: 24
+		});
+		case "warning": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.WarningCircleIcon, {
+			color: "var(--j2-color-warning)",
+			weight: "fill",
+			size: 24
+		});
+	}
 };
-const NotificationModal = ({
-  type,
-  title,
-  children,
-  withContentPadding = true,
-  ...props
-}) => {
-  const icon = React.useMemo(() => getNotificationIcon(type), [type]);
-  const titleWithIcon = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: NotifcationModal_module.default.modalTitleWithIcon, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: NotifcationModal_module.default.modalIcon, children: icon }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: NotifcationModal_module.default.modalTitleContent, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: NotifcationModal_module.default.modalTitleText, children: title }) })
-  ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Modal.Modal,
-    {
-      title: titleWithIcon,
-      withContentPadding,
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: NotifcationModal_module.default.modalContentWithIcon, children })
-    }
-  );
+var NotificationModal = ({ type, title, children, withContentPadding = true, ...props }) => {
+	const icon = (0, react.useMemo)(() => getNotificationIcon(type), [type]);
+	const titleWithIcon = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_NotifcationModal_module.default.modalTitleWithIcon,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_NotifcationModal_module.default.modalIcon,
+			children: icon
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_NotifcationModal_module.default.modalTitleContent,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_NotifcationModal_module.default.modalTitleText,
+				children: title
+			})
+		})]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Modal.Modal, {
+		title: titleWithIcon,
+		withContentPadding,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_NotifcationModal_module.default.modalContentWithIcon,
+			children
+		})
+	});
 };
+//#endregion
 exports.NotificationModal = NotificationModal;
-//# sourceMappingURL=NotificationModal.cjs.map
+
+//# sourceMappingURL=NotificationModal.cjs.map

package/dist/src/components/notificationModal/NotificationModal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationModal.cjs","sources":["../../../../src/components/notificationModal/NotificationModal.tsx"],"sourcesContent":["import { ModalProps } from 'antd'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XCircleIcon,\n} from '@phosphor-icons/react'\nimport { useMemo, ReactNode } from 'react'\nimport { Modal } from '../modal'\nimport styles from './NotifcationModal.module.css'\n\ntype NotificationType = 'success' | 'info' | 'warning' | 'error'\n\nexport type NotificationModalProps = {\n  type: NotificationType\n  withContentPadding?: boolean\n} & Omit<ModalProps, 'title'> & {\n    title?: ReactNode\n  }\n\nconst getNotificationIcon = (type: NotificationType) => {\n  switch (type) {\n    case 'error':\n      return (\n        <XCircleIcon color=\"var(--j2-color-error)\" weight=\"fill\" size={24} />\n      )\n    case 'success':\n      return (\n        <CheckCircleIcon\n          color=\"var(--j2-color-success)\"\n          weight=\"fill\"\n          size={24}\n        />\n      )\n    case 'info':\n      return <InfoIcon color=\"var(--j2-color-info)\" weight=\"fill\" size={24} />\n    case 'warning':\n      return (\n        <WarningCircleIcon\n          color=\"var(--j2-color-warning)\"\n          weight=\"fill\"\n          size={24}\n        />\n      )\n  }\n}\n\nconst NotificationModal = ({\n  type,\n  title,\n  children,\n  withContentPadding = true,\n  ...props\n}: NotificationModalProps) => {\n  const icon = useMemo(() => getNotificationIcon(type), [type])\n\n  const titleWithIcon = (\n    <div className={styles.modalTitleWithIcon}>\n      <div className={styles.modalIcon}>{icon}</div>\n      <div className={styles.modalTitleContent}>\n        <div className={styles.modalTitleText}>{title}</div>\n      </div>\n    </div>\n  )\n\n  return (\n    <Modal\n      title={titleWithIcon}\n      withContentPadding={withContentPadding}\n      {...props}\n    >\n      <div className={styles.modalContentWithIcon}>{children}</div>\n    </Modal>\n  )\n}\n\nexport { NotificationModal }\n"],"names":["XCircleIcon","jsx","CheckCircleIcon","InfoIcon","WarningCircleIcon","useMemo","jsxs","styles","Modal"],"mappings":";;;;;;;AAoBA,MAAM,sBAAsB,CAAC,SAA2B;AACtD,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,4CACGA,mBAAA,EAAY,OAAM,yBAAwB,QAAO,QAAO,MAAM,IAAI;AAAA,IAEvE,KAAK;AACH,aACEC,2BAAAA;AAAAA,QAACC,MAAAA;AAAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACH,4CAAQC,gBAAA,EAAS,OAAM,wBAAuB,QAAO,QAAO,MAAM,IAAI;AAAA,IACxE,KAAK;AACH,aACEF,2BAAAA;AAAAA,QAACG,MAAAA;AAAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,EACR;AAGR;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,GAAG;AACL,MAA8B;AAC5B,QAAM,OAAOC,MAAAA,QAAQ,MAAM,oBAAoB,IAAI,GAAG,CAAC,IAAI,CAAC;AAE5D,QAAM,gBACJC,2BAAAA,KAAC,OAAA,EAAI,WAAWC,wBAAAA,QAAO,oBACrB,UAAA;AAAA,IAAAN,2BAAAA,IAAC,OAAA,EAAI,WAAWM,wBAAAA,QAAO,WAAY,UAAA,MAAK;AAAA,IACxCN,2BAAAA,IAAC,OAAA,EAAI,WAAWM,wBAAAA,QAAO,mBACrB,UAAAN,2BAAAA,IAAC,OAAA,EAAI,WAAWM,wBAAAA,QAAO,gBAAiB,UAAA,MAAA,CAAM,EAAA,CAChD;AAAA,EAAA,GACF;AAGF,SACEN,2BAAAA;AAAAA,IAACO,MAAAA;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACC,GAAG;AAAA,MAEJ,UAAAP,2BAAAA,IAAC,OAAA,EAAI,WAAWM,wBAAAA,QAAO,sBAAuB,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG7D;;"}
+{"version":3,"file":"NotificationModal.cjs","names":["XCircleIcon","CheckCircleIcon","InfoIcon","WarningCircleIcon","useMemo","styles","Modal"],"sources":["../../../../src/components/notificationModal/NotificationModal.tsx"],"sourcesContent":["import { ModalProps } from 'antd'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XCircleIcon,\n} from '@phosphor-icons/react'\nimport { useMemo, ReactNode } from 'react'\nimport { Modal } from '../modal'\nimport styles from './NotifcationModal.module.css'\n\ntype NotificationType = 'success' | 'info' | 'warning' | 'error'\n\nexport type NotificationModalProps = {\n  type: NotificationType\n  withContentPadding?: boolean\n} & Omit<ModalProps, 'title'> & {\n    title?: ReactNode\n  }\n\nconst getNotificationIcon = (type: NotificationType) => {\n  switch (type) {\n    case 'error':\n      return (\n        <XCircleIcon color=\"var(--j2-color-error)\" weight=\"fill\" size={24} />\n      )\n    case 'success':\n      return (\n        <CheckCircleIcon\n          color=\"var(--j2-color-success)\"\n          weight=\"fill\"\n          size={24}\n        />\n      )\n    case 'info':\n      return <InfoIcon color=\"var(--j2-color-info)\" weight=\"fill\" size={24} />\n    case 'warning':\n      return (\n        <WarningCircleIcon\n          color=\"var(--j2-color-warning)\"\n          weight=\"fill\"\n          size={24}\n        />\n      )\n  }\n}\n\nconst NotificationModal = ({\n  type,\n  title,\n  children,\n  withContentPadding = true,\n  ...props\n}: NotificationModalProps) => {\n  const icon = useMemo(() => getNotificationIcon(type), [type])\n\n  const titleWithIcon = (\n    <div className={styles.modalTitleWithIcon}>\n      <div className={styles.modalIcon}>{icon}</div>\n      <div className={styles.modalTitleContent}>\n        <div className={styles.modalTitleText}>{title}</div>\n      </div>\n    </div>\n  )\n\n  return (\n    <Modal\n      title={titleWithIcon}\n      withContentPadding={withContentPadding}\n      {...props}\n    >\n      <div className={styles.modalContentWithIcon}>{children}</div>\n    </Modal>\n  )\n}\n\nexport { NotificationModal }\n"],"mappings":";;;;;;AAoBA,IAAM,uBAAuB,SAA2B;CACtD,QAAQ,MAAR;EACE,KAAK,SACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,aAAD;GAAa,OAAM;GAAwB,QAAO;GAAO,MAAM;EAAK,CAAA;EAExE,KAAK,WACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,iBAAD;GACE,OAAM;GACN,QAAO;GACP,MAAM;EACP,CAAA;EAEL,KAAK,QACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,UAAD;GAAU,OAAM;GAAuB,QAAO;GAAO,MAAM;EAAK,CAAA;EACzE,KAAK,WACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,mBAAD;GACE,OAAM;GACN,QAAO;GACP,MAAM;EACP,CAAA;CAEP;AACF;AAEA,IAAM,qBAAqB,EACzB,MACA,OACA,UACA,qBAAqB,MACrB,GAAG,YACyB;CAC5B,MAAM,QAAA,GAAOC,MAAAA,QAAAA,OAAc,oBAAoB,IAAI,GAAG,CAAC,IAAI,CAAC;CAE5D,MAAM,gBACJ,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAWC,gCAAAA,QAAO;EAAvB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAWA,gCAAAA,QAAO;GAAY,UAAA;EAAU,CAAA,GAC7C,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAWA,gCAAAA,QAAO;GACrB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAWA,gCAAAA,QAAO;IAAiB,UAAA;GAAW,CAAA;EAChD,CAAA,CACF;;CAGP,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;EACE,OAAO;EACa;EACpB,GAAI;EAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAWD,gCAAAA,QAAO;GAAuB;EAAc,CAAA;CACvD,CAAA;AAEX"}

package/dist/src/components/notificationModal/NotificationModal.d.ts

@@ -7,5 +7,5 @@ export type NotificationModalProps = {
 } & Omit<ModalProps, 'title'> & {
     title?: ReactNode;
 };
-declare const NotificationModal: ({ type, title, children, withContentPadding, ...props }: NotificationModalProps) => import("react").JSX.Element;
+declare const NotificationModal: ({ type, title, children, withContentPadding, ...props }: NotificationModalProps) => import('react').JSX.Element;
 export { NotificationModal };

package/dist/src/components/notificationModal/NotificationModal.js

@@ -1,57 +1,59 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { WarningCircleIcon, InfoIcon, CheckCircleIcon, XCircleIcon } from "@phosphor-icons/react";
-import { useMemo } from "react";
-import styles from "./NotifcationModal.module.css.js";
 import { Modal } from "../modal/Modal.js";
-const getNotificationIcon = (type) => {
-  switch (type) {
-    case "error":
-      return /* @__PURE__ */ jsx(XCircleIcon, { color: "var(--j2-color-error)", weight: "fill", size: 24 });
-    case "success":
-      return /* @__PURE__ */ jsx(
-        CheckCircleIcon,
-        {
-          color: "var(--j2-color-success)",
-          weight: "fill",
-          size: 24
-        }
-      );
-    case "info":
-      return /* @__PURE__ */ jsx(InfoIcon, { color: "var(--j2-color-info)", weight: "fill", size: 24 });
-    case "warning":
-      return /* @__PURE__ */ jsx(
-        WarningCircleIcon,
-        {
-          color: "var(--j2-color-warning)",
-          weight: "fill",
-          size: 24
-        }
-      );
-  }
-};
-const NotificationModal = ({
-  type,
-  title,
-  children,
-  withContentPadding = true,
-  ...props
-}) => {
-  const icon = useMemo(() => getNotificationIcon(type), [type]);
-  const titleWithIcon = /* @__PURE__ */ jsxs("div", { className: styles.modalTitleWithIcon, children: [
-    /* @__PURE__ */ jsx("div", { className: styles.modalIcon, children: icon }),
-    /* @__PURE__ */ jsx("div", { className: styles.modalTitleContent, children: /* @__PURE__ */ jsx("div", { className: styles.modalTitleText, children: title }) })
-  ] });
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      title: titleWithIcon,
-      withContentPadding,
-      ...props,
-      children: /* @__PURE__ */ jsx("div", { className: styles.modalContentWithIcon, children })
-    }
-  );
+import NotifcationModal_module_default from "./NotifcationModal.module.css.js";
+import { useMemo } from "react";
+import { CheckCircleIcon, InfoIcon, WarningCircleIcon, XCircleIcon } from "@phosphor-icons/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/notificationModal/NotificationModal.tsx
+var getNotificationIcon = (type) => {
+	switch (type) {
+		case "error": return /* @__PURE__ */ jsx(XCircleIcon, {
+			color: "var(--j2-color-error)",
+			weight: "fill",
+			size: 24
+		});
+		case "success": return /* @__PURE__ */ jsx(CheckCircleIcon, {
+			color: "var(--j2-color-success)",
+			weight: "fill",
+			size: 24
+		});
+		case "info": return /* @__PURE__ */ jsx(InfoIcon, {
+			color: "var(--j2-color-info)",
+			weight: "fill",
+			size: 24
+		});
+		case "warning": return /* @__PURE__ */ jsx(WarningCircleIcon, {
+			color: "var(--j2-color-warning)",
+			weight: "fill",
+			size: 24
+		});
+	}
 };
-export {
-  NotificationModal
+var NotificationModal = ({ type, title, children, withContentPadding = true, ...props }) => {
+	const icon = useMemo(() => getNotificationIcon(type), [type]);
+	const titleWithIcon = /* @__PURE__ */ jsxs("div", {
+		className: NotifcationModal_module_default.modalTitleWithIcon,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: NotifcationModal_module_default.modalIcon,
+			children: icon
+		}), /* @__PURE__ */ jsx("div", {
+			className: NotifcationModal_module_default.modalTitleContent,
+			children: /* @__PURE__ */ jsx("div", {
+				className: NotifcationModal_module_default.modalTitleText,
+				children: title
+			})
+		})]
+	});
+	return /* @__PURE__ */ jsx(Modal, {
+		title: titleWithIcon,
+		withContentPadding,
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: NotifcationModal_module_default.modalContentWithIcon,
+			children
+		})
+	});
 };
-//# sourceMappingURL=NotificationModal.js.map
+//#endregion
+export { NotificationModal };
+
+//# sourceMappingURL=NotificationModal.js.map

package/dist/src/components/notificationModal/NotificationModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationModal.js","sources":["../../../../src/components/notificationModal/NotificationModal.tsx"],"sourcesContent":["import { ModalProps } from 'antd'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XCircleIcon,\n} from '@phosphor-icons/react'\nimport { useMemo, ReactNode } from 'react'\nimport { Modal } from '../modal'\nimport styles from './NotifcationModal.module.css'\n\ntype NotificationType = 'success' | 'info' | 'warning' | 'error'\n\nexport type NotificationModalProps = {\n  type: NotificationType\n  withContentPadding?: boolean\n} & Omit<ModalProps, 'title'> & {\n    title?: ReactNode\n  }\n\nconst getNotificationIcon = (type: NotificationType) => {\n  switch (type) {\n    case 'error':\n      return (\n        <XCircleIcon color=\"var(--j2-color-error)\" weight=\"fill\" size={24} />\n      )\n    case 'success':\n      return (\n        <CheckCircleIcon\n          color=\"var(--j2-color-success)\"\n          weight=\"fill\"\n          size={24}\n        />\n      )\n    case 'info':\n      return <InfoIcon color=\"var(--j2-color-info)\" weight=\"fill\" size={24} />\n    case 'warning':\n      return (\n        <WarningCircleIcon\n          color=\"var(--j2-color-warning)\"\n          weight=\"fill\"\n          size={24}\n        />\n      )\n  }\n}\n\nconst NotificationModal = ({\n  type,\n  title,\n  children,\n  withContentPadding = true,\n  ...props\n}: NotificationModalProps) => {\n  const icon = useMemo(() => getNotificationIcon(type), [type])\n\n  const titleWithIcon = (\n    <div className={styles.modalTitleWithIcon}>\n      <div className={styles.modalIcon}>{icon}</div>\n      <div className={styles.modalTitleContent}>\n        <div className={styles.modalTitleText}>{title}</div>\n      </div>\n    </div>\n  )\n\n  return (\n    <Modal\n      title={titleWithIcon}\n      withContentPadding={withContentPadding}\n      {...props}\n    >\n      <div className={styles.modalContentWithIcon}>{children}</div>\n    </Modal>\n  )\n}\n\nexport { NotificationModal }\n"],"names":[],"mappings":";;;;;AAoBA,MAAM,sBAAsB,CAAC,SAA2B;AACtD,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,iCACG,aAAA,EAAY,OAAM,yBAAwB,QAAO,QAAO,MAAM,IAAI;AAAA,IAEvE,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACH,iCAAQ,UAAA,EAAS,OAAM,wBAAuB,QAAO,QAAO,MAAM,IAAI;AAAA,IACxE,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,EACR;AAGR;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,GAAG;AACL,MAA8B;AAC5B,QAAM,OAAO,QAAQ,MAAM,oBAAoB,IAAI,GAAG,CAAC,IAAI,CAAC;AAE5D,QAAM,gBACJ,qBAAC,OAAA,EAAI,WAAW,OAAO,oBACrB,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,WAAY,UAAA,MAAK;AAAA,IACxC,oBAAC,OAAA,EAAI,WAAW,OAAO,mBACrB,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,gBAAiB,UAAA,MAAA,CAAM,EAAA,CAChD;AAAA,EAAA,GACF;AAGF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,sBAAuB,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG7D;"}
+{"version":3,"file":"NotificationModal.js","names":["styles"],"sources":["../../../../src/components/notificationModal/NotificationModal.tsx"],"sourcesContent":["import { ModalProps } from 'antd'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XCircleIcon,\n} from '@phosphor-icons/react'\nimport { useMemo, ReactNode } from 'react'\nimport { Modal } from '../modal'\nimport styles from './NotifcationModal.module.css'\n\ntype NotificationType = 'success' | 'info' | 'warning' | 'error'\n\nexport type NotificationModalProps = {\n  type: NotificationType\n  withContentPadding?: boolean\n} & Omit<ModalProps, 'title'> & {\n    title?: ReactNode\n  }\n\nconst getNotificationIcon = (type: NotificationType) => {\n  switch (type) {\n    case 'error':\n      return (\n        <XCircleIcon color=\"var(--j2-color-error)\" weight=\"fill\" size={24} />\n      )\n    case 'success':\n      return (\n        <CheckCircleIcon\n          color=\"var(--j2-color-success)\"\n          weight=\"fill\"\n          size={24}\n        />\n      )\n    case 'info':\n      return <InfoIcon color=\"var(--j2-color-info)\" weight=\"fill\" size={24} />\n    case 'warning':\n      return (\n        <WarningCircleIcon\n          color=\"var(--j2-color-warning)\"\n          weight=\"fill\"\n          size={24}\n        />\n      )\n  }\n}\n\nconst NotificationModal = ({\n  type,\n  title,\n  children,\n  withContentPadding = true,\n  ...props\n}: NotificationModalProps) => {\n  const icon = useMemo(() => getNotificationIcon(type), [type])\n\n  const titleWithIcon = (\n    <div className={styles.modalTitleWithIcon}>\n      <div className={styles.modalIcon}>{icon}</div>\n      <div className={styles.modalTitleContent}>\n        <div className={styles.modalTitleText}>{title}</div>\n      </div>\n    </div>\n  )\n\n  return (\n    <Modal\n      title={titleWithIcon}\n      withContentPadding={withContentPadding}\n      {...props}\n    >\n      <div className={styles.modalContentWithIcon}>{children}</div>\n    </Modal>\n  )\n}\n\nexport { NotificationModal }\n"],"mappings":";;;;;;AAoBA,IAAM,uBAAuB,SAA2B;CACtD,QAAQ,MAAR;EACE,KAAK,SACH,OACE,oBAAC,aAAD;GAAa,OAAM;GAAwB,QAAO;GAAO,MAAM;EAAK,CAAA;EAExE,KAAK,WACH,OACE,oBAAC,iBAAD;GACE,OAAM;GACN,QAAO;GACP,MAAM;EACP,CAAA;EAEL,KAAK,QACH,OAAO,oBAAC,UAAD;GAAU,OAAM;GAAuB,QAAO;GAAO,MAAM;EAAK,CAAA;EACzE,KAAK,WACH,OACE,oBAAC,mBAAD;GACE,OAAM;GACN,QAAO;GACP,MAAM;EACP,CAAA;CAEP;AACF;AAEA,IAAM,qBAAqB,EACzB,MACA,OACA,UACA,qBAAqB,MACrB,GAAG,YACyB;CAC5B,MAAM,OAAO,cAAc,oBAAoB,IAAI,GAAG,CAAC,IAAI,CAAC;CAE5D,MAAM,gBACJ,qBAAC,OAAD;EAAK,WAAWA,gCAAO;EAAvB,UAAA,CACE,oBAAC,OAAD;GAAK,WAAWA,gCAAO;GAAY,UAAA;EAAU,CAAA,GAC7C,oBAAC,OAAD;GAAK,WAAWA,gCAAO;GACrB,UAAA,oBAAC,OAAD;IAAK,WAAWA,gCAAO;IAAiB,UAAA;GAAW,CAAA;EAChD,CAAA,CACF;;CAGP,OACE,oBAAC,OAAD;EACE,OAAO;EACa;EACpB,GAAI;EAEJ,UAAA,oBAAC,OAAD;GAAK,WAAWA,gCAAO;GAAuB;EAAc,CAAA;CACvD,CAAA;AAEX"}