@popsure/dirty-swan 0.56.0 → 0.56.1

package/dist/cjs/lib/components/modal/bottomModal/index.d.ts

@@ -1,3 +1,3 @@
 import { Props } from '..';
-declare const BottomModal: ({ className, ...rest }: Props) => JSX.Element;
+declare const BottomModal: ({ className, classNames, ...rest }: Props) => JSX.Element;
 export { BottomModal };

package/dist/cjs/lib/components/modal/fullScreenModal/index.d.ts

@@ -1,3 +1,3 @@
-import { Props } from "..";
-declare const FullScreenModal: ({ className, ...rest }: Props) => JSX.Element;
+import { Props } from '..';
+declare const FullScreenModal: ({ className, classNames, ...rest }: Props) => JSX.Element;
 export { FullScreenModal };

package/dist/cjs/lib/components/modal/genericModal/index.d.ts

@@ -1,19 +1,21 @@
 import { Props } from '..';
+export interface GenericModalClassNames {
+    wrapper?: string | (({ isClosing }: {
+        isClosing: boolean;
+    }) => string);
+    container?: string | (({ isClosing }: {
+        isClosing: boolean;
+    }) => string);
+    overlay?: string;
+    header?: string;
+    closeButton?: string;
+    closeButtonIcon?: string;
+    title?: string;
+    body?: string;
+    footer?: string;
+}
 interface GenericModalProps extends Props {
-    classNames?: {
-        wrapper?: string | (({ isClosing }: {
-            isClosing: boolean;
-        }) => string);
-        container?: string | (({ isClosing }: {
-            isClosing: boolean;
-        }) => string);
-        overlay?: string;
-        header?: string;
-        closeButton?: string;
-        title?: string;
-        body?: string;
-        footer?: string;
-    };
+    classNames?: GenericModalClassNames;
     titleSize?: 'small' | 'default';
 }
 export declare const GenericModal: (props: GenericModalProps) => JSX.Element | null;

package/dist/cjs/lib/components/modal/index.d.ts

@@ -3,6 +3,7 @@ import { RegularModal } from './regularModal';
 import { BottomOrRegularModal } from './bottomOrRegularModal';
 import { FullScreenModal } from './fullScreenModal';
 import { ReactNode } from 'react';
+import { GenericModalClassNames } from './genericModal';
 export interface Props {
     title?: ReactNode;
     isOpen: boolean;
@@ -10,6 +11,7 @@ export interface Props {
     onClose: () => void;
     onModalScroll?: (scrollTop: number, element: HTMLDivElement) => void;
     className?: string;
+    classNames?: GenericModalClassNames;
     dismissible?: boolean;
     size?: 'default' | 'large';
     footer?: ReactNode;

package/dist/cjs/lib/components/modal/index.stories.d.ts

@@ -15,6 +15,9 @@ declare const story: {
         className: {
             description: string;
         };
+        classNames: {
+            description: string;
+        };
         size: {
             description: string;
             control: string;
@@ -52,6 +55,17 @@ declare const story: {
         isOpen: boolean;
         dismissible: boolean;
         className: string;
+        classNames: {
+            wrapper: string;
+            container: string;
+            overlay: string;
+            header: string;
+            closeButton: string;
+            closeButtonIcon: string;
+            title: string;
+            body: string;
+            footer: string;
+        };
         children: string;
         size: string;
     };
@@ -65,7 +79,7 @@ declare const story: {
     };
 };
 export declare const BottomOrRegularModalStory: {
-    ({ children, className, dismissible, isOpen, onClose, onModalScroll, size, title, }: Props): JSX.Element;
+    ({ children, className, classNames, dismissible, isOpen, onClose, onModalScroll, size, title, }: Props): JSX.Element;
     storyName: string;
 };
 export declare const RegularModalStory: {

package/dist/cjs/lib/components/modal/regularModal/index.d.ts

@@ -1,3 +1,3 @@
 import { Props } from '..';
-declare const RegularModal: ({ className, size, ...rest }: Props) => JSX.Element;
+declare const RegularModal: ({ className, classNames, size, ...rest }: Props) => JSX.Element;
 export { RegularModal };

package/dist/esm/components/modal/bottomModal/index.js

@@ -15,18 +15,14 @@ var styles = {"wrapper":"style-module_wrapper__200Xu","container":"style-module_
 styleInject(css_248z);
 
 var BottomModal = function (_a) {
-    var className = _a.className, rest = __rest(_a, ["className"]);
-    return (jsx(GenericModal, __assign({ titleSize: 'small', classNames: {
-            wrapper: classNames('w100', styles.wrapper),
-            container: function (_a) {
+    var className = _a.className, classNames$1 = _a.classNames, rest = __rest(_a, ["className", "classNames"]);
+    return (jsx(GenericModal, __assign({ titleSize: "small", classNames: __assign(__assign({}, classNames$1), { wrapper: classNames('w100', styles.wrapper, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper), container: function (_a) {
                 var _b;
                 var isClosing = _a.isClosing;
-                return classNames('bg-white d-flex fd-column w100', className, styles.container, (_b = {},
+                return classNames('bg-white d-flex fd-column w100', className, styles.container, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.container, (_b = {},
                     _b[styles.containerClose] = isClosing,
                     _b));
-            },
-            body: styles.body,
-        } }, rest)));
+            }, body: classNames(styles.body, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.body) }) }, rest)));
 };
 
 export { BottomModal };

package/dist/esm/components/modal/bottomModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/bottomModal/index.tsx"],"sourcesContent":["import { Props } from '..';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\nimport { GenericModal } from '../genericModal';\n\nconst BottomModal = ({ className, ...rest }: Props) => (\n  <GenericModal\n    titleSize='small'\n    classNames={{\n      wrapper: classNames('w100', styles.wrapper),\n      container: ({ isClosing }) => classNames(\n        'bg-white d-flex fd-column w100',\n        className,\n        styles.container, {\n          [styles.containerClose]: isClosing, \n        }\n      ),\n      body: styles.body,\n    }}\n    {...rest}\n  />\n);\n\nexport { BottomModal };"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;IAKM,WAAW,GAAG,UAAC,EAA6B;IAA3B,IAAA,SAAS,eAAA,EAAK,IAAI,cAApB,aAAsB,CAAF;IAAc,QACrDA,IAAC,YAAY,aACX,SAAS,EAAC,OAAO,EACjB,UAAU,EAAE;YACV,OAAO,EAAE,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC;YAC3C,SAAS,EAAE,UAAC,EAAa;;oBAAX,SAAS,eAAA;gBAAO,OAAA,UAAU,CACtC,gCAAgC,EAChC,SAAS,EACT,MAAM,CAAC,SAAS;oBACd,GAAC,MAAM,CAAC,cAAc,IAAG,SAAS;wBAErC;aAAA;YACD,IAAI,EAAE,MAAM,CAAC,IAAI;SAClB,IACG,IAAI,EACR,EACH;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/bottomModal/index.tsx"],"sourcesContent":["import { Props } from '..';\nimport styles from './style.module.scss';\nimport classNamesUtil from 'classnames';\nimport { GenericModal } from '../genericModal';\n\nconst BottomModal = ({ className, classNames, ...rest }: Props) => (\n  <GenericModal\n    titleSize=\"small\"\n    classNames={{\n      ...classNames,\n      wrapper: classNamesUtil('w100', styles.wrapper, classNames?.wrapper),\n      container: ({ isClosing }) =>\n        classNamesUtil(\n          'bg-white d-flex fd-column w100',\n          className,\n          styles.container,\n          classNames?.container,\n          {\n            [styles.containerClose]: isClosing,\n          }\n        ),\n      body: classNamesUtil(styles.body, classNames?.body),\n    }}\n    {...rest}\n  />\n);\n\nexport { BottomModal };\n"],"names":["classNames","_jsx","classNamesUtil"],"mappings":";;;;;;;;;;;;;;;;IAKM,WAAW,GAAG,UAAC,EAAyC;IAAvC,IAAA,SAAS,eAAA,EAAEA,YAAU,gBAAA,EAAK,IAAI,cAAhC,2BAAkC,CAAF;IAAc,QACjEC,IAAC,YAAY,aACX,SAAS,EAAC,OAAO,EACjB,UAAU,wBACLD,YAAU,KACb,OAAO,EAAEE,UAAc,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,EAAEF,YAAU,aAAVA,YAAU,uBAAVA,YAAU,CAAE,OAAO,CAAC,EACpE,SAAS,EAAE,UAAC,EAAa;;oBAAX,SAAS,eAAA;gBACrB,OAAAE,UAAc,CACZ,gCAAgC,EAChC,SAAS,EACT,MAAM,CAAC,SAAS,EAChBF,YAAU,aAAVA,YAAU,uBAAVA,YAAU,CAAE,SAAS;oBAEnB,GAAC,MAAM,CAAC,cAAc,IAAG,SAAS;wBAErC;aAAA,EACH,IAAI,EAAEE,UAAc,CAAC,MAAM,CAAC,IAAI,EAAEF,YAAU,aAAVA,YAAU,uBAAVA,YAAU,CAAE,IAAI,CAAC,OAEjD,IAAI,EACR,EACH;;;;;"}

package/dist/esm/components/modal/fullScreenModal/index.js

@@ -15,18 +15,14 @@ var styles = {"container":"style-module_container__dyFzK","appear-in":"style-mod
 styleInject(css_248z);
 
 var FullScreenModal = function (_a) {
-    var className = _a.className, rest = __rest(_a, ["className"]);
-    return (jsx(GenericModal, __assign({ titleSize: "small", classNames: {
-            wrapper: "w100",
-            container: function (_a) {
+    var className = _a.className, classNames$1 = _a.classNames, rest = __rest(_a, ["className", "classNames"]);
+    return (jsx(GenericModal, __assign({ titleSize: "small", classNames: __assign(__assign({}, classNames$1), { wrapper: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper, 'w100'), container: function (_a) {
                 var _b;
                 var isClosing = _a.isClosing;
-                return classNames("bg-white d-flex fd-column w100", className, styles.container, (_b = {},
+                return classNames('bg-white d-flex fd-column w100', className, styles.container, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.container, (_b = {},
                     _b[styles.containerClose] = isClosing,
                     _b));
-            },
-            body: styles.body,
-        } }, rest)));
+            }, body: classNames(styles.body, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.body) }) }, rest)));
 };
 
 export { FullScreenModal };

package/dist/esm/components/modal/fullScreenModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/fullScreenModal/index.tsx"],"sourcesContent":["import { Props } from \"..\";\nimport styles from \"./style.module.scss\";\nimport classNames from \"classnames\";\nimport { GenericModal } from \"../genericModal\";\n\nconst FullScreenModal = ({ className, ...rest }: Props) => (\n  <GenericModal\n    titleSize=\"small\"\n    classNames={{\n      wrapper: \"w100\",\n      container: ({ isClosing }) => classNames(\n        \"bg-white d-flex fd-column w100\",\n        className,\n        styles.container, {\n          [styles.containerClose]: isClosing, \n        }\n      ),\n      body: styles.body,\n    }}\n    {...rest}\n  />\n);\n\nexport { FullScreenModal };"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;IAKM,eAAe,GAAG,UAAC,EAA6B;IAA3B,IAAA,SAAS,eAAA,EAAK,IAAI,cAApB,aAAsB,CAAF;IAAc,QACzDA,IAAC,YAAY,aACX,SAAS,EAAC,OAAO,EACjB,UAAU,EAAE;YACV,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,UAAC,EAAa;;oBAAX,SAAS,eAAA;gBAAO,OAAA,UAAU,CACtC,gCAAgC,EAChC,SAAS,EACT,MAAM,CAAC,SAAS;oBACd,GAAC,MAAM,CAAC,cAAc,IAAG,SAAS;wBAErC;aAAA;YACD,IAAI,EAAE,MAAM,CAAC,IAAI;SAClB,IACG,IAAI,EACR,EACH;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/fullScreenModal/index.tsx"],"sourcesContent":["import { Props } from '..';\nimport styles from './style.module.scss';\nimport classNamesUtil from 'classnames';\nimport { GenericModal } from '../genericModal';\n\nconst FullScreenModal = ({ className, classNames, ...rest }: Props) => (\n  <GenericModal\n    titleSize=\"small\"\n    classNames={{\n      ...classNames,\n      wrapper: classNamesUtil(classNames?.wrapper, 'w100'),\n      container: ({ isClosing }) =>\n        classNamesUtil(\n          'bg-white d-flex fd-column w100',\n          className,\n          styles.container,\n          classNames?.container,\n          {\n            [styles.containerClose]: isClosing,\n          }\n        ),\n      body: classNamesUtil(styles.body, classNames?.body),\n    }}\n    {...rest}\n  />\n);\n\nexport { FullScreenModal };\n"],"names":["classNames","_jsx","classNamesUtil"],"mappings":";;;;;;;;;;;;;;;;IAKM,eAAe,GAAG,UAAC,EAAyC;IAAvC,IAAA,SAAS,eAAA,EAAEA,YAAU,gBAAA,EAAK,IAAI,cAAhC,2BAAkC,CAAF;IAAc,QACrEC,IAAC,YAAY,aACX,SAAS,EAAC,OAAO,EACjB,UAAU,wBACLD,YAAU,KACb,OAAO,EAAEE,UAAc,CAACF,YAAU,aAAVA,YAAU,uBAAVA,YAAU,CAAE,OAAO,EAAE,MAAM,CAAC,EACpD,SAAS,EAAE,UAAC,EAAa;;oBAAX,SAAS,eAAA;gBACrB,OAAAE,UAAc,CACZ,gCAAgC,EAChC,SAAS,EACT,MAAM,CAAC,SAAS,EAChBF,YAAU,aAAVA,YAAU,uBAAVA,YAAU,CAAE,SAAS;oBAEnB,GAAC,MAAM,CAAC,cAAc,IAAG,SAAS;wBAErC;aAAA,EACH,IAAI,EAAEE,UAAc,CAAC,MAAM,CAAC,IAAI,EAAEF,YAAU,aAAVA,YAAU,uBAAVA,YAAU,CAAE,IAAI,CAAC,OAEjD,IAAI,EACR,EACH;;;;;"}

package/dist/esm/components/modal/genericModal/index.js

@@ -1837,7 +1837,7 @@ var InnerModal = function (_a) {
                     : (_d = classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.container) === null || _d === void 0 ? void 0 : _d.call(classNames$1, { isClosing: isClosing }), onClick: handleContainerClick, children: jsxs(FocusLockCombination, { returnFocus: true, children: [jsxs("div", { className: classNames('bg-white d-flex ai-center w100 px24 pt24 pb16', styles.header, {
                                 'jc-between': !!title,
                                 'jc-end': !title,
-                            }), children: [title && (jsx("div", { className: classNames(styles.title, titleSize === 'small' ? 'p-h4' : 'p-h2'), children: title })), dismissible && (jsx(Button, { hideLabel: true, leftIcon: jsx(XIcon, { color: "grey-700" }), onClick: handleOnClose, type: "button", variant: "textColor", className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.closeButton, 'p0', styles.closeButton), children: "Close modal" }))] }), jsx("div", { className: classNames('w100', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.body, styles.body), ref: modalBodyRef, children: children }), footer && (jsx("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.footer, 'w100 bg-white', styles.footer), children: jsx("div", { className: "p24 pt16", children: footer }) }))] }) }) }) }));
+                            }), children: [title && (jsx("div", { className: classNames(styles.title, titleSize === 'small' ? 'p-h4' : 'p-h2'), children: title })), dismissible && (jsx(Button, { hideLabel: true, leftIcon: jsx(XIcon, { color: "grey-700", className: classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.closeButtonIcon }), onClick: handleOnClose, type: "button", variant: "textColor", className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.closeButton, 'p0', styles.closeButton), children: "Close modal" }))] }), jsx("div", { className: classNames('w100', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.body, styles.body), ref: modalBodyRef, children: children }), footer && (jsx("div", { className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.footer, 'w100 bg-white', styles.footer), children: jsx("div", { className: "p24 pt16", children: footer }) }))] }) }) }) }));
 };
 var GenericModal = function (props) {
     var isOpen = props.isOpen, onClose = props.onClose, _a = props.dismissible, dismissible = _a === void 0 ? true : _a;