krl-alfred 2.17.12 → 2.17.13

package/dist/components/Modal/Modal.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { ModalProps } from "./props";
-declare const Modal: ({ size, showCloseIcon, showBackIcon, hasCloseOnOutsideClick, onClose, onBack, show, showDivider, title, children, modalFooter, showPrimaryButton, showSecondaryButton, onPrimaryAction, onSecondaryAction, buttonsAlignment, buttonsAlignmentOnMobile, primaryButtonText, secondaryButtonText, showHeaderBorder, showFooterBorder, autoHeight, titleAlignment, titleDescription, isPrimaryButtonLoading, primaryButtonIcon, secondaryButtonIcon, isSecondaryButtonLoading, isPrimaryButtonDisabled, isSecondaryButtonDisabled, primaryButtonWidth, secondaryButtonWidth, customContent, id, ...other }: ModalProps) => React.ReactPortal;
+declare const Modal: ({ size, showCloseIcon, showBackIcon, hasCloseOnOutsideClick, onClose, onBack, show, showDivider, title, children, modalFooter, showPrimaryButton, showSecondaryButton, onPrimaryAction, onSecondaryAction, buttonsAlignment, buttonsAlignmentOnMobile, primaryButtonText, secondaryButtonText, showHeaderBorder, showFooterBorder, autoHeight, titleAlignment, titleDescription, isPrimaryButtonLoading, primaryButtonIcon, secondaryButtonIcon, isSecondaryButtonLoading, isPrimaryButtonDisabled, isSecondaryButtonDisabled, primaryButtonWidth, secondaryButtonWidth, customContent, id, renderInDOM, ...other }: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export default Modal;

package/dist/components/Modal/Modal.js

@@ -36,10 +36,10 @@ var Divider_1 = __importDefault(require("../Divider"));
 var useOnClickOutside_1 = __importDefault(require("../../hooks/useOnClickOutside"));
 var react_i18next_1 = require("react-i18next");
 var Modal = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? props_1.ModalDefault.size : _b, _c = _a.showCloseIcon, showCloseIcon = _c === void 0 ? props_1.ModalDefault.showCloseIcon : _c, _d = _a.showBackIcon, showBackIcon = _d === void 0 ? props_1.ModalDefault.showBackIcon : _d, _e = _a.hasCloseOnOutsideClick, hasCloseOnOutsideClick = _e === void 0 ? props_1.ModalDefault.hasCloseOnOutsideClick : _e, _f = _a.onClose, onClose = _f === void 0 ? props_1.ModalDefault.onClose : _f, _g = _a.onBack, onBack = _g === void 0 ? props_1.ModalDefault.onBack : _g, _h = _a.show, show = _h === void 0 ? props_1.ModalDefault.show : _h, _j = _a.showDivider, showDivider = _j === void 0 ? props_1.ModalDefault.showDivider : _j, _k = _a.title, title = _k === void 0 ? props_1.ModalDefault.title : _k, _l = _a.children, children = _l === void 0 ? props_1.ModalDefault.children : _l, _m = _a.modalFooter, modalFooter = _m === void 0 ? props_1.ModalDefault.modalFooter : _m, _o = _a.showPrimaryButton, showPrimaryButton = _o === void 0 ? props_1.ModalDefault.showPrimaryButton : _o, _p = _a.showSecondaryButton, showSecondaryButton = _p === void 0 ? props_1.ModalDefault.showSecondaryButton : _p, _q = _a.onPrimaryAction, onPrimaryAction = _q === void 0 ? props_1.ModalDefault.onPrimaryAction : _q, _r = _a.onSecondaryAction, onSecondaryAction = _r === void 0 ? props_1.ModalDefault.onSecondaryAction : _r, _s = _a.buttonsAlignment, buttonsAlignment = _s === void 0 ? props_1.ModalDefault.buttonsAlignment : _s, _t = _a.buttonsAlignmentOnMobile, buttonsAlignmentOnMobile = _t === void 0 ? props_1.ModalDefault.buttonsAlignmentOnMobile : _t, _u = _a.primaryButtonText, primaryButtonText = _u === void 0 ? props_1.ModalDefault.primaryButtonText : _u, _v = _a.secondaryButtonText, secondaryButtonText = _v === void 0 ? props_1.ModalDefault.secondaryButtonText : _v, _w = _a.showHeaderBorder, showHeaderBorder = _w === void 0 ? props_1.ModalDefault.showHeaderBorder : _w, _x = _a.showFooterBorder, showFooterBorder = _x === void 0 ? props_1.ModalDefault.showFooterBorder : _x, _y = _a.autoHeight, autoHeight = _y === void 0 ? props_1.ModalDefault.autoHeight : _y, _z = _a.titleAlignment, titleAlignment = _z === void 0 ? props_1.ModalDefault.titleAlignment : _z, _0 = _a.titleDescription, titleDescription = _0 === void 0 ? props_1.ModalDefault.titleDescription : _0, _1 = _a.isPrimaryButtonLoading, isPrimaryButtonLoading = _1 === void 0 ? props_1.ModalDefault.isPrimaryButtonLoading : _1, _2 = _a.primaryButtonIcon, primaryButtonIcon = _2 === void 0 ? props_1.ModalDefault.primaryButtonIcon : _2, _3 = _a.secondaryButtonIcon, secondaryButtonIcon = _3 === void 0 ? props_1.ModalDefault.secondaryButtonIcon : _3, _4 = _a.isSecondaryButtonLoading, isSecondaryButtonLoading = _4 === void 0 ? props_1.ModalDefault.isSecondaryButtonLoading : _4, _5 = _a.isPrimaryButtonDisabled, isPrimaryButtonDisabled = _5 === void 0 ? props_1.ModalDefault.isPrimaryButtonDisabled : _5, _6 = _a.isSecondaryButtonDisabled, isSecondaryButtonDisabled = _6 === void 0 ? props_1.ModalDefault.isSecondaryButtonDisabled : _6, _7 = _a.primaryButtonWidth, primaryButtonWidth = _7 === void 0 ? props_1.ModalDefault.primaryButtonWidth : _7, _8 = _a.secondaryButtonWidth, secondaryButtonWidth = _8 === void 0 ? props_1.ModalDefault.secondaryButtonWidth : _8, _9 = _a.customContent, customContent = _9 === void 0 ? props_1.ModalDefault.customContent : _9, _10 = _a.id, id = _10 === void 0 ? props_1.ModalDefault.id : _10, other = __rest(_a, ["size", "showCloseIcon", "showBackIcon", "hasCloseOnOutsideClick", "onClose", "onBack", "show", "showDivider", "title", "children", "modalFooter", "showPrimaryButton", "showSecondaryButton", "onPrimaryAction", "onSecondaryAction", "buttonsAlignment", "buttonsAlignmentOnMobile", "primaryButtonText", "secondaryButtonText", "showHeaderBorder", "showFooterBorder", "autoHeight", "titleAlignment", "titleDescription", "isPrimaryButtonLoading", "primaryButtonIcon", "secondaryButtonIcon", "isSecondaryButtonLoading", "isPrimaryButtonDisabled", "isSecondaryButtonDisabled", "primaryButtonWidth", "secondaryButtonWidth", "customContent", "id"]);
+    var _b = _a.size, size = _b === void 0 ? props_1.ModalDefault.size : _b, _c = _a.showCloseIcon, showCloseIcon = _c === void 0 ? props_1.ModalDefault.showCloseIcon : _c, _d = _a.showBackIcon, showBackIcon = _d === void 0 ? props_1.ModalDefault.showBackIcon : _d, _e = _a.hasCloseOnOutsideClick, hasCloseOnOutsideClick = _e === void 0 ? props_1.ModalDefault.hasCloseOnOutsideClick : _e, _f = _a.onClose, onClose = _f === void 0 ? props_1.ModalDefault.onClose : _f, _g = _a.onBack, onBack = _g === void 0 ? props_1.ModalDefault.onBack : _g, _h = _a.show, show = _h === void 0 ? props_1.ModalDefault.show : _h, _j = _a.showDivider, showDivider = _j === void 0 ? props_1.ModalDefault.showDivider : _j, _k = _a.title, title = _k === void 0 ? props_1.ModalDefault.title : _k, _l = _a.children, children = _l === void 0 ? props_1.ModalDefault.children : _l, _m = _a.modalFooter, modalFooter = _m === void 0 ? props_1.ModalDefault.modalFooter : _m, _o = _a.showPrimaryButton, showPrimaryButton = _o === void 0 ? props_1.ModalDefault.showPrimaryButton : _o, _p = _a.showSecondaryButton, showSecondaryButton = _p === void 0 ? props_1.ModalDefault.showSecondaryButton : _p, _q = _a.onPrimaryAction, onPrimaryAction = _q === void 0 ? props_1.ModalDefault.onPrimaryAction : _q, _r = _a.onSecondaryAction, onSecondaryAction = _r === void 0 ? props_1.ModalDefault.onSecondaryAction : _r, _s = _a.buttonsAlignment, buttonsAlignment = _s === void 0 ? props_1.ModalDefault.buttonsAlignment : _s, _t = _a.buttonsAlignmentOnMobile, buttonsAlignmentOnMobile = _t === void 0 ? props_1.ModalDefault.buttonsAlignmentOnMobile : _t, _u = _a.primaryButtonText, primaryButtonText = _u === void 0 ? props_1.ModalDefault.primaryButtonText : _u, _v = _a.secondaryButtonText, secondaryButtonText = _v === void 0 ? props_1.ModalDefault.secondaryButtonText : _v, _w = _a.showHeaderBorder, showHeaderBorder = _w === void 0 ? props_1.ModalDefault.showHeaderBorder : _w, _x = _a.showFooterBorder, showFooterBorder = _x === void 0 ? props_1.ModalDefault.showFooterBorder : _x, _y = _a.autoHeight, autoHeight = _y === void 0 ? props_1.ModalDefault.autoHeight : _y, _z = _a.titleAlignment, titleAlignment = _z === void 0 ? props_1.ModalDefault.titleAlignment : _z, _0 = _a.titleDescription, titleDescription = _0 === void 0 ? props_1.ModalDefault.titleDescription : _0, _1 = _a.isPrimaryButtonLoading, isPrimaryButtonLoading = _1 === void 0 ? props_1.ModalDefault.isPrimaryButtonLoading : _1, _2 = _a.primaryButtonIcon, primaryButtonIcon = _2 === void 0 ? props_1.ModalDefault.primaryButtonIcon : _2, _3 = _a.secondaryButtonIcon, secondaryButtonIcon = _3 === void 0 ? props_1.ModalDefault.secondaryButtonIcon : _3, _4 = _a.isSecondaryButtonLoading, isSecondaryButtonLoading = _4 === void 0 ? props_1.ModalDefault.isSecondaryButtonLoading : _4, _5 = _a.isPrimaryButtonDisabled, isPrimaryButtonDisabled = _5 === void 0 ? props_1.ModalDefault.isPrimaryButtonDisabled : _5, _6 = _a.isSecondaryButtonDisabled, isSecondaryButtonDisabled = _6 === void 0 ? props_1.ModalDefault.isSecondaryButtonDisabled : _6, _7 = _a.primaryButtonWidth, primaryButtonWidth = _7 === void 0 ? props_1.ModalDefault.primaryButtonWidth : _7, _8 = _a.secondaryButtonWidth, secondaryButtonWidth = _8 === void 0 ? props_1.ModalDefault.secondaryButtonWidth : _8, _9 = _a.customContent, customContent = _9 === void 0 ? props_1.ModalDefault.customContent : _9, _10 = _a.id, id = _10 === void 0 ? props_1.ModalDefault.id : _10, _11 = _a.renderInDOM, renderInDOM = _11 === void 0 ? props_1.ModalDefault.renderInDOM : _11, other = __rest(_a, ["size", "showCloseIcon", "showBackIcon", "hasCloseOnOutsideClick", "onClose", "onBack", "show", "showDivider", "title", "children", "modalFooter", "showPrimaryButton", "showSecondaryButton", "onPrimaryAction", "onSecondaryAction", "buttonsAlignment", "buttonsAlignmentOnMobile", "primaryButtonText", "secondaryButtonText", "showHeaderBorder", "showFooterBorder", "autoHeight", "titleAlignment", "titleDescription", "isPrimaryButtonLoading", "primaryButtonIcon", "secondaryButtonIcon", "isSecondaryButtonLoading", "isPrimaryButtonDisabled", "isSecondaryButtonDisabled", "primaryButtonWidth", "secondaryButtonWidth", "customContent", "id", "renderInDOM"]);
     var uniqueId = (0, react_1.useId)();
     var t = (0, react_i18next_1.useTranslation)().t;
-    var _11 = (0, react_1.useState)(show), showModal = _11[0], setShowModal = _11[1];
+    var _12 = (0, react_1.useState)(show), showModal = _12[0], setShowModal = _12[1];
     (0, react_1.useEffect)(function () {
         setShowModal(show);
         if (!show) {
@@ -61,7 +61,11 @@ var Modal = function (_a) {
     };
     var modalRef = (0, react_1.useRef)();
     (0, useOnClickOutside_1.default)(modalRef, onClose, hasCloseOnOutsideClick);
+    var modalContent = ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Modal_styled_1.OverlayStyled, __assign({ id: "modalBackdrop_".concat(id), "$show": renderInDOM ? showModal : true }, { children: (0, jsx_runtime_1.jsxs)(Modal_styled_1.ModalStyled, __assign({ ref: modalRef, "$size": size, "$autoHeight": autoHeight, "$showHeaderBorder": showHeaderBorder, "$titleAlignment": titleAlignment, "$customContent": customContent, "$showFooterBorder": showFooterBorder, "$buttonsAlignment": buttonsAlignment, "$showSecondaryButton": showSecondaryButton, "$showDivider": showDivider, "$buttonsAlignmentOnMobile": buttonsAlignmentOnMobile, id: id }, other, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "header" }, { children: [showBackIcon ? ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: onBack, className: "icon" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowLeftBig" }) }))) : (titleAlignment === "center" && (0, jsx_runtime_1.jsx)("div", { className: "empty" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "title" }, { children: [title && ((0, jsx_runtime_1.jsx)("h5", { children: title })), titleDescription && (0, jsx_runtime_1.jsx)("p", { children: titleDescription })] })), showCloseIcon ? ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: handleClose, className: "icon" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Closebig" }) }))) : ((0, jsx_runtime_1.jsx)("div", { className: "empty" }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "content" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "contentInner" }, { children: children })) })), modalFooter ? modalFooter : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (showPrimaryButton || showSecondaryButton) && (0, jsx_runtime_1.jsxs)("div", __assign({ className: "buttons" }, { children: [showPrimaryButton && ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({ onClick: onPrimaryAction, size: "big", variant: "primary", isLoading: isPrimaryButtonLoading, disabled: isPrimaryButtonDisabled, width: primaryButtonWidth, icon: primaryButtonIcon }, { children: primaryButtonText }))), showSecondaryButton && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [buttonsAlignment === "vertical" && showDivider && ((0, jsx_runtime_1.jsx)(Divider_1.default, { text: t("or") })), (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ onClick: onSecondaryAction, size: "big", variant: "inverted", isLoading: isSecondaryButtonLoading, disabled: isSecondaryButtonDisabled, width: secondaryButtonWidth, icon: secondaryButtonIcon }, { children: secondaryButtonText }))] }))] })) })] })) })) }));
+    if (renderInDOM) {
+        return modalContent;
+    }
     return (showModal &&
-        react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Modal_styled_1.OverlayStyled, __assign({ id: "modalBackdrop_".concat(id) }, { children: (0, jsx_runtime_1.jsxs)(Modal_styled_1.ModalStyled, __assign({ ref: modalRef, "$size": size, "$autoHeight": autoHeight, "$showHeaderBorder": showHeaderBorder, "$titleAlignment": titleAlignment, "$customContent": customContent, "$showFooterBorder": showFooterBorder, "$buttonsAlignment": buttonsAlignment, "$showSecondaryButton": showSecondaryButton, "$showDivider": showDivider, "$buttonsAlignmentOnMobile": buttonsAlignmentOnMobile, id: id }, other, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "header" }, { children: [showBackIcon ? ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: onBack, className: "icon" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowLeftBig" }) }))) : (titleAlignment === "center" && (0, jsx_runtime_1.jsx)("div", { className: "empty" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "title" }, { children: [title && ((0, jsx_runtime_1.jsx)("h5", { children: title })), titleDescription && (0, jsx_runtime_1.jsx)("p", { children: titleDescription })] })), showCloseIcon ? ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: handleClose, className: "icon" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Closebig" }) }))) : ((0, jsx_runtime_1.jsx)("div", { className: "empty" }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "content" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "contentInner" }, { children: children })) })), modalFooter ? modalFooter : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (showPrimaryButton || showSecondaryButton) && (0, jsx_runtime_1.jsxs)("div", __assign({ className: "buttons" }, { children: [showPrimaryButton && ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({ onClick: onPrimaryAction, size: "big", variant: "primary", isLoading: isPrimaryButtonLoading, disabled: isPrimaryButtonDisabled, width: primaryButtonWidth, icon: primaryButtonIcon }, { children: primaryButtonText }))), showSecondaryButton && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [buttonsAlignment === "vertical" && showDivider && ((0, jsx_runtime_1.jsx)(Divider_1.default, { text: t("or") })), (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ onClick: onSecondaryAction, size: "big", variant: "inverted", isLoading: isSecondaryButtonLoading, disabled: isSecondaryButtonDisabled, width: secondaryButtonWidth, icon: secondaryButtonIcon }, { children: secondaryButtonText }))] }))] })) })] })) })) }), document.body));
+        react_dom_1.default.createPortal(modalContent, document.body));
 };
 exports.default = Modal;

package/dist/components/Modal/Modal.styled.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
 import { ModalStyledProps } from "./props";
 export declare const ModalStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ModalStyledProps>> & string;
-export declare const OverlayStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OverlayStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $show?: boolean;
+}>> & string;

package/dist/components/Modal/Modal.styled.js

@@ -35,5 +35,5 @@ exports.ModalStyled = styled_components_1.default.div(templateObject_1 || (templ
             return "";
     }
 }, devices_1.devices.md, function (props) { return props.$buttonsAlignmentOnMobile === 'vertical' ? "\n        flex-direction : column;\n        button {\n          margin : 0 !important;\n          + button {\n            margin-top:1rem !important;\n          }\n        }\n    " : " "; });
-exports.OverlayStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #a3a5ad40;\n  overflow: auto;\n  left: 0;\n  top: 0;\n  z-index: 999999;\n"], ["\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #a3a5ad40;\n  overflow: auto;\n  left: 0;\n  top: 0;\n  z-index: 999999;\n"])));
+exports.OverlayStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  display: ", ";\n  align-items: center;\n  justify-content: center;\n  background-color: #a3a5ad40;\n  overflow: auto;\n  left: 0;\n  top: 0;\n  z-index: 999999;\n"], ["\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  display: ", ";\n  align-items: center;\n  justify-content: center;\n  background-color: #a3a5ad40;\n  overflow: auto;\n  left: 0;\n  top: 0;\n  z-index: 999999;\n"])), function (props) { return props.$show ? 'flex' : 'none'; });
 var templateObject_1, templateObject_2;

package/dist/components/Modal/props.d.ts

@@ -42,6 +42,7 @@ export interface Modal {
     secondaryButtonWidth?: string;
     customContent?: boolean;
     id?: string;
+    renderInDOM?: boolean;
 }
 export type ModalStyledProps = {
     $size: SIZES;

package/dist/components/Modal/props.js

@@ -41,4 +41,5 @@ exports.ModalDefault = {
     secondaryButtonWidth: null,
     customContent: false,
     id: null,
+    renderInDOM: false,
 };

package/dist/components/Modal/stories/Modal.stories.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 declare const _default: {
     title: string;
-    component: ({ size, showCloseIcon, showBackIcon, hasCloseOnOutsideClick, onClose, onBack, show, showDivider, title, children, modalFooter, showPrimaryButton, showSecondaryButton, onPrimaryAction, onSecondaryAction, buttonsAlignment, buttonsAlignmentOnMobile, primaryButtonText, secondaryButtonText, showHeaderBorder, showFooterBorder, autoHeight, titleAlignment, titleDescription, isPrimaryButtonLoading, primaryButtonIcon, secondaryButtonIcon, isSecondaryButtonLoading, isPrimaryButtonDisabled, isSecondaryButtonDisabled, primaryButtonWidth, secondaryButtonWidth, customContent, id, ...other }: import("../props").Modal) => React.ReactPortal;
+    component: ({ size, showCloseIcon, showBackIcon, hasCloseOnOutsideClick, onClose, onBack, show, showDivider, title, children, modalFooter, showPrimaryButton, showSecondaryButton, onPrimaryAction, onSecondaryAction, buttonsAlignment, buttonsAlignmentOnMobile, primaryButtonText, secondaryButtonText, showHeaderBorder, showFooterBorder, autoHeight, titleAlignment, titleDescription, isPrimaryButtonLoading, primaryButtonIcon, secondaryButtonIcon, isSecondaryButtonLoading, isPrimaryButtonDisabled, isSecondaryButtonDisabled, primaryButtonWidth, secondaryButtonWidth, customContent, id, renderInDOM, ...other }: import("../props").Modal) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     argTypes: {
         showDivider: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "2.17.12",
+  "version": "2.17.13",
   "files": [
     "dist"
   ],