@popsure/dirty-swan 0.62.3 → 0.63.0

package/dist/esm/components/link/index.stories.js

@@ -1,8 +1,7 @@
-import { c as __rest, b as __assign } from '../../tslib.es6-CVlKGIvp.js';
+import { b as __rest, a as __assign } from '../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
 import { Link } from './index.js';
-import '../../index-DLQEsiym.js';
-import '../../_commonjsHelpers-BFTU3MAI.js';
+import '../../index-6ea95111.js';
 
 var story = {
     title: 'JSX/Link',
@@ -23,13 +22,12 @@ var story = {
         componentSubtitle: 'Links are a styled helper component for anchor (<a />) tags.',
     },
 };
-var LinkStory = {
-    render: function (_a) {
-        var children = _a.children, href = _a.href, rest = __rest(_a, ["children", "href"]);
-        return (jsx(Link, __assign({ href: href }, rest, { children: children })));
-    },
-    name: 'Link',
+var LinkStory = function (_a) {
+    var children = _a.children, href = _a.href, rest = __rest(_a, ["children", "href"]);
+    return (jsx(Link, __assign({ href: href }, rest, { children: children })));
 };
+LinkStory.storyName = "Link";
 
-export { LinkStory, story as default };
+export default story;
+export { LinkStory };
 //# sourceMappingURL=index.stories.js.map

package/dist/esm/components/link/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/link/index.stories.tsx"],"sourcesContent":["import { Link, LinkProps } from '.';\n\nconst story = {\n  title: 'JSX/Link',\n  component: Link,\n  argTypes: {\n    children: {\n      description: 'Content that is displayed as clickable inside the link',\n    },\n    href: {\n      description: 'Specifies the URL of the page the link goes to',\n    },\n  },\n  args: {\n    children: 'Click here to go to Feather Insurance',\n    href: 'https://feather-insurance.com',\n  },\n  parameters: {\n    componentSubtitle:\n      'Links are a styled helper component for anchor (<a />) tags.',\n  },\n};\n\nexport const LinkStory = {\n  render: ({ children, href, ...rest }: LinkProps) => (\n    <Link href={href} {...rest}>\n      {children}\n    </Link>\n  ),\n\n  name: 'Link',\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;AAEA,IAAM,KAAK,GAAG;AACZ,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,QAAQ,EAAE;AACR,QAAA,QAAQ,EAAE;AACR,YAAA,WAAW,EAAE,wDAAwD;AACtE,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE,gDAAgD;AAC9D,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,uCAAuC;AACjD,QAAA,IAAI,EAAE,+BAA+B;AACtC,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,iBAAiB,EACf,8DAA8D;AACjE,KAAA;;AAGI,IAAM,SAAS,GAAG;IACvB,MAAM,EAAE,UAAC,EAAsC,EAAA;QAApC,IAAA,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAAzB,CAAA,UAAA,EAAA,MAAA,CAA2B,CAAF;AAAkB,QAAA,QAClDA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAM,IAAI,EAAA,EAAA,QAAA,EACvB,QAAQ,EAAA,CAAA,CACJ;AACR,IAAA,CAAA;AAED,IAAA,IAAI,EAAE,MAAM;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/link/index.stories.tsx"],"sourcesContent":["import { Link, LinkProps } from '.';\n\nconst story = {\n  title: 'JSX/Link',\n  component: Link,\n  argTypes: {\n    children: {\n      description: 'Content that is displayed as clickable inside the link',\n    },\n    href: {\n      description: 'Specifies the URL of the page the link goes to',\n    },\n  },\n  args: {\n    children: 'Click here to go to Feather Insurance',\n    href: 'https://feather-insurance.com',\n  },\n  parameters: {\n    componentSubtitle: 'Links are a styled helper component for anchor (<a />) tags.',\n  },\n};\n\nexport const LinkStory = ({ children, href, ...rest }: LinkProps) => (\n  <Link href={href} {...rest}>{children}</Link>\n);\n\nLinkStory.storyName = \"Link\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;IAEM,KAAK,GAAG;IACZ,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,WAAW,EAAE,wDAAwD;SACtE;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,gDAAgD;SAC9D;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,uCAAuC;QACjD,IAAI,EAAE,+BAA+B;KACtC;IACD,UAAU,EAAE;QACV,iBAAiB,EAAE,8DAA8D;KAClF;EACD;IAEW,SAAS,GAAG,UAAC,EAAsC;IAApC,IAAA,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAK,IAAI,cAAzB,oBAA2B,CAAF;IAAkB,QACnEA,IAAC,IAAI,aAAC,IAAI,EAAE,IAAI,IAAM,IAAI,cAAG,QAAQ,IAAQ,EAC9C;EAAC;AAEF,SAAS,CAAC,SAAS,GAAG,MAAM;;;;;"}

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

@@ -1,29 +1,30 @@
-import { c as __rest, b as __assign } from '../../../tslib.es6-CVlKGIvp.js';
+import { b as __rest, a as __assign } from '../../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { s as styleInject } from '../../../style-inject.es-tgCJW-Cu.js';
-import { c as classNames } from '../../../index-DLQEsiym.js';
+import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
+import { c as classNames } from '../../../index-6ea95111.js';
 import { GenericModal } from '../genericModal/index.js';
-import '../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import '../../button/index.js';
 import '../../icon/icons/X.js';
 import '../../icon/IconWrapper/IconWrapper.js';
-import '../../../index-DuaJiEiT.js';
-import '../../../index-hWqCLhoS.js';
 
 var css_248z = "@keyframes style-module_appear-in__3U2lu {\n  0% {\n    transform: translateY(100%);\n  }\n  80% {\n    transform: translateY(-2%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@keyframes style-module_disappear-out__6pOVr {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n}\n.style-module_wrapper__200Xu {\n  position: relative;\n  top: 0;\n  overflow: hidden;\n}\n\n.style-module_container__aOENo {\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  overflow: auto;\n  max-height: 90vh;\n  bottom: 0;\n  position: fixed;\n  animation-name: style-module_appear-in__3U2lu;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-in;\n}\n.style-module_containerClose__3-nqc {\n  animation-name: style-module_disappear-out__6pOVr;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n@media (max-width: 34rem) {\n  .style-module_body__3yNly {\n    padding-bottom: 48px;\n  }\n}";
-var styles = {"wrapper":"style-module_wrapper__200Xu","container":"style-module_container__aOENo","containerClose":"style-module_containerClose__3-nqc","body":"style-module_body__3yNly"};
+var styles = {"wrapper":"style-module_wrapper__200Xu","container":"style-module_container__aOENo","appear-in":"style-module_appear-in__3U2lu","containerClose":"style-module_containerClose__3-nqc","disappear-out":"style-module_disappear-out__6pOVr","body":"style-module_body__3yNly"};
 styleInject(css_248z);
 
 var BottomModal = function (_a) {
-    var className = _a.className, classNames$1 = _a.classNames, rest = __rest(_a, ["className", "classNames"]);
-    return (jsx(GenericModal, __assign({ titleSize: "default", 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 className = _a.className, rest = __rest(_a, ["className"]);
+    return (jsx(GenericModal, __assign({ titleSize: 'small', classNames: {
+            wrapper: classNames('w100', styles.wrapper),
+            container: function (_a) {
                 var _b;
                 var isClosing = _a.isClosing;
-                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 = {},
+                return classNames('bg-white d-flex fd-column w100', className, styles.container, (_b = {},
                     _b[styles.containerClose] = isClosing,
                     _b));
-            }, body: classNames(styles.body, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.body) }) }, rest)));
+            },
+            body: styles.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 classNamesUtil from 'classnames';\nimport { GenericModal } from '../genericModal';\n\nconst BottomModal = ({ className, classNames, ...rest }: Props) => (\n  <GenericModal\n    titleSize=\"default\"\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":";;;;;;;;;;;;;;;;;AAKA,IAAM,WAAW,GAAG,UAAC,EAAyC,EAAA;IAAvC,IAAA,SAAS,eAAA,EAAEA,YAAU,gBAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAAhC,CAAA,WAAA,EAAA,YAAA,CAAkC,CAAF;AAAc,IAAA,QACjEC,GAAA,CAAC,YAAY,EAAA,QAAA,CAAA,EACX,SAAS,EAAC,SAAS,EACnB,UAAU,wBACLD,YAAU,CAAA,EAAA,EACb,OAAO,EAAEE,UAAc,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,EAAEF,YAAU,aAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,OAAO,CAAC,EACpE,SAAS,EAAE,UAAC,EAAa,EAAA;;AAAX,gBAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;AACrB,gBAAA,OAAAE,UAAc,CACZ,gCAAgC,EAChC,SAAS,EACT,MAAM,CAAC,SAAS,EAChBF,YAAU,KAAA,IAAA,IAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAEnB,oBAAA,EAAA,CAAC,MAAM,CAAC,cAAc,CAAA,GAAG,SAAS;AAErC,oBAAA,EAAA,EAAA;YARD,CAQC,EACH,IAAI,EAAEE,UAAc,CAAC,MAAM,CAAC,IAAI,EAAEF,YAAU,aAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,IAAI,CAAC,EAAA,CAAA,EAAA,EAEjD,IAAI,CAAA,CACR;;;;;"}
+{"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;;;;;"}

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

@@ -1,17 +1,14 @@
-import { c as __rest, b as __assign } from '../../../tslib.es6-CVlKGIvp.js';
+import { b as __rest, a as __assign } from '../../../tslib.es6-a39f91fc.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
 import { BottomModal } from '../bottomModal/index.js';
 import { RegularModal } from '../regularModal/index.js';
-import '../../../index-DLQEsiym.js';
-import '../../button/index.js';
-import { s as styleInject } from '../../../style-inject.es-tgCJW-Cu.js';
+import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
+import '../../../index-6ea95111.js';
 import '../genericModal/index.js';
+import '../../button/index.js';
 import '../../icon/icons/X.js';
 import '../../icon/IconWrapper/IconWrapper.js';
-import '../../../_commonjsHelpers-BFTU3MAI.js';
-import '../../../index-DuaJiEiT.js';
-import '../../../index-hWqCLhoS.js';
 
 var css_248z = "@media (min-width: 34rem) {\n  .style-module_mobile__3k175 {\n    display: none;\n  }\n}\n@media (max-width: 34rem) {\n  .style-module_mobile__3k175 {\n    display: block !important;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_desktop__2lclr {\n    display: none;\n  }\n}";
 var styles = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/bottomOrRegularModal/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport { Props, RegularModal } from '..';\nimport { BottomModal } from '../bottomModal';\n\nimport styles from './style.module.scss';\n\nexport const BottomOrRegularModal = ({ isOpen, ...props }: Props) => {\n  const mobileRef = useRef<HTMLDivElement>(null);\n  const [visibleSize, setVisibleSize] = useState<'desktop' | 'mobile'>(\n    'desktop'\n  );\n\n  const handleResize = () => {\n    setVisibleSize(\n      mobileRef.current !== null &&\n        window.getComputedStyle(mobileRef.current).display !== 'none'\n        ? 'mobile'\n        : 'desktop'\n    );\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n    handleResize();\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  return (\n    <>\n      <div className={styles.mobile} ref={mobileRef}>\n        {visibleSize === 'mobile' && <BottomModal {...props} isOpen={isOpen} />}\n      </div>\n      {visibleSize === 'desktop' && (\n        <div className={styles.desktop}>\n          <RegularModal {...props} isOpen={isOpen} />\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAOO,IAAM,oBAAoB,GAAG,UAAC,EAA2B,EAAA;AAAzB,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAAlB,UAAoB,CAAF;AACrD,IAAA,IAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC;IACxC,IAAA,EAAA,GAAgC,QAAQ,CAC5C,SAAS,CACV,EAFM,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAEjC;AAED,IAAA,IAAM,YAAY,GAAG,YAAA;AACnB,QAAA,cAAc,CACZ,SAAS,CAAC,OAAO,KAAK,IAAI;YACxB,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK;AACvD,cAAE;cACA,SAAS,CACd;AACH,IAAA,CAAC;AAED,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC;AAC/C,QAAA,YAAY,EAAE;QACd,OAAO,YAAA;AACL,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC;AACpD,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;IAEN,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,YAC1C,WAAW,KAAK,QAAQ,IAAIA,GAAA,CAAC,WAAW,eAAK,KAAK,EAAA,EAAE,MAAM,EAAE,MAAM,EAAA,CAAA,CAAI,GACnE,EACL,WAAW,KAAK,SAAS,KACxBA,aAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAC5BA,IAAC,YAAY,EAAA,QAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,MAAM,EAAE,MAAM,EAAA,CAAA,CAAI,EAAA,CACvC,CACP,CAAA,EAAA,CACA;AAEP;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/bottomOrRegularModal/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport { Props, RegularModal } from '..';\nimport { BottomModal } from '../bottomModal';\n\nimport styles from './style.module.scss';\n\nexport const BottomOrRegularModal = ({ isOpen, ...props }: Props) => {\n  const mobileRef = useRef<HTMLDivElement>(null);\n  const [visibleSize, setVisibleSize] = useState<'desktop' | 'mobile'>(\n    'desktop'\n  );\n\n  const handleResize = () => {\n    setVisibleSize(\n      mobileRef.current !== null &&\n        window.getComputedStyle(mobileRef.current).display !== 'none'\n        ? 'mobile'\n        : 'desktop'\n    );\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n    handleResize();\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  return (\n    <>\n      <div className={styles.mobile} ref={mobileRef}>\n        {visibleSize === 'mobile' && <BottomModal {...props} isOpen={isOpen} />}\n      </div>\n      {visibleSize === 'desktop' && (\n        <div className={styles.desktop}>\n          <RegularModal {...props} isOpen={isOpen} />\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;IAOa,oBAAoB,GAAG,UAAC,EAA2B;IAAzB,IAAA,MAAM,YAAA,EAAK,KAAK,cAAlB,UAAoB,CAAF;IACrD,IAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,IAAA,KAAgC,QAAQ,CAC5C,SAAS,CACV,EAFM,WAAW,QAAA,EAAE,cAAc,QAEjC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,cAAc,CACZ,SAAS,CAAC,OAAO,KAAK,IAAI;YACxB,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK,MAAM;cAC3D,QAAQ;cACR,SAAS,CACd,CAAC;KACH,CAAC;IAEF,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,YAAY,EAAE,CAAC;QACf,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;SACpD,CAAC;KACH,EAAE,EAAE,CAAC,CAAC;IAEP,QACEA,4BACEC,aAAK,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,YAC1C,WAAW,KAAK,QAAQ,IAAIA,IAAC,WAAW,eAAK,KAAK,IAAE,MAAM,EAAE,MAAM,IAAI,GACnE,EACL,WAAW,KAAK,SAAS,KACxBA,aAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC5BA,IAAC,YAAY,eAAK,KAAK,IAAE,MAAM,EAAE,MAAM,IAAI,GACvC,CACP,IACA,EACH;AACJ;;;;"}