@popsure/dirty-swan 0.33.3 → 0.33.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/cjs/index.js +21 -15
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/lib/components/modal/bottomModal/index.d.ts +1 -2
  4. package/dist/cjs/lib/components/modal/bottomOrRegularModal/index.d.ts +1 -2
  5. package/dist/cjs/lib/components/modal/index.d.ts +3 -3
  6. package/dist/cjs/lib/components/modal/index.stories.d.ts +62 -0
  7. package/dist/cjs/lib/components/modal/regularModal/index.d.ts +1 -2
  8. package/dist/cjs/lib/util/images/index.d.ts +5 -0
  9. package/dist/esm/components/input/checkbox/index.stories.js +1 -1
  10. package/dist/esm/components/modal/bottomModal/index.js +3 -3
  11. package/dist/esm/components/modal/bottomModal/index.js.map +1 -1
  12. package/dist/esm/components/modal/bottomOrRegularModal/index.js +5 -5
  13. package/dist/esm/components/modal/bottomOrRegularModal/index.js.map +1 -1
  14. package/dist/esm/components/modal/index.stories.js +118 -0
  15. package/dist/esm/components/modal/index.stories.js.map +1 -0
  16. package/dist/esm/components/modal/regularModal/index.js +3 -3
  17. package/dist/esm/components/modal/regularModal/index.js.map +1 -1
  18. package/dist/esm/index-e81a1766.js +19 -0
  19. package/dist/esm/index-e81a1766.js.map +1 -0
  20. package/dist/esm/index.js +4 -4
  21. package/dist/esm/lib/components/modal/bottomModal/index.d.ts +1 -2
  22. package/dist/esm/lib/components/modal/bottomOrRegularModal/index.d.ts +1 -2
  23. package/dist/esm/lib/components/modal/index.d.ts +3 -3
  24. package/dist/esm/lib/components/modal/index.stories.d.ts +62 -0
  25. package/dist/esm/lib/components/modal/regularModal/index.d.ts +1 -2
  26. package/dist/esm/lib/util/images/index.d.ts +5 -0
  27. package/dist/esm/util/images/index.stories.js +7 -4
  28. package/dist/esm/util/images/index.stories.js.map +1 -1
  29. package/package.json +1 -1
  30. package/src/lib/components/modal/bottomModal/index.tsx +1 -1
  31. package/src/lib/components/modal/bottomOrRegularModal/index.tsx +2 -2
  32. package/src/lib/components/modal/index.stories.tsx +254 -0
  33. package/src/lib/components/modal/index.ts +3 -3
  34. package/src/lib/components/modal/regularModal/index.tsx +1 -1
  35. package/src/lib/util/images/index.stories.tsx +20 -12
  36. package/src/lib/util/images/index.ts +16 -9
  37. package/dist/esm/index-db2e797f.js +0 -13
  38. package/dist/esm/index-db2e797f.js.map +0 -1
  39. package/src/lib/components/modal/index.stories.mdx +0 -313
package/dist/cjs/index.js CHANGED
@@ -8846,7 +8846,7 @@ var useOnClose = function (onClose, isOpen, dismissable) {
8846
8846
  return { isClosing: isClosing, handleContainerClick: handleContainerClick, handleOnClose: handleOnClose, handleOnOverlayClick: handleOnOverlayClick };
8847
8847
  };
8848
8848
 
8849
- var BottomModal = (function (_a) {
8849
+ var BottomModal = function (_a) {
8850
8850
  var title = _a.title, isOpen = _a.isOpen, children = _a.children, onClose = _a.onClose, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.dismissible, dismissible = _c === void 0 ? true : _c;
8851
8851
  var _d = require$$0.useState(0), containerXOffset = _d[0], setContainerXOffset = _d[1];
8852
8852
  var _e = useOnClose(onClose, isOpen, dismissible), isClosing = _e.isClosing, handleContainerClick = _e.handleContainerClick, handleOnClose = _e.handleOnClose, handleOnOverlayClick = _e.handleOnOverlayClick;
@@ -8864,7 +8864,7 @@ var BottomModal = (function (_a) {
8864
8864
  }) }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 " + styles$j.title }, { children: title }), void 0),
8865
8865
  dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$j.close, onClick: handleOnClose }, { children: jsxRuntime.jsx("img", { src: imageClose$1, alt: "Close" }, void 0) }), void 0))] }), void 0),
8866
8866
  jsxRuntime.jsx("div", __assign({ className: styles$j.content }, { children: children }), void 0)] }), void 0) }), void 0));
8867
- });
8867
+ };
8868
8868
 
8869
8869
  var css_248z$j = "@keyframes style-module_fade-in__nLzzO {\n 0% {\n background-color: rgba(0, 0, 0, 0);\n visibility: hidden;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n visibility: visible;\n }\n}\n@keyframes style-module_fade-out__IuSV7 {\n from {\n background-color: rgba(0, 0, 0, 0.3);\n visibility: visible;\n }\n to {\n background-color: rgba(0, 0, 0, 0);\n visibility: hidden;\n }\n}\n@keyframes style-module_appear-in__2ZMqz {\n 0% {\n transform: translateY(24px);\n opacity: 0;\n visibility: hidden;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n visibility: visible;\n }\n}\n@keyframes style-module_disappear-out__38TSV {\n 0% {\n transform: translateY(0);\n opacity: 1;\n visibility: visible;\n }\n 100% {\n transform: translateY(24px);\n opacity: 0;\n visibility: hidden;\n }\n}\n.style-module_overlay__1Zbce, .style-module_overlay--close__2dytn {\n position: fixed;\n z-index: 100;\n overflow: auto;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n animation: style-module_fade-in__nLzzO 0.3s both;\n}\n.style-module_overlay--close__2dytn {\n animation-delay: 0.1s;\n animation: style-module_fade-out__IuSV7 0.3s both;\n}\n\n.style-module_container__1XZj_, .style-module_container--close__3UYsJ {\n position: relative;\n display: flex;\n align-items: center;\n max-width: 592px;\n width: 100%;\n min-height: 100%;\n margin: 0 auto;\n animation-name: style-module_appear-in__2ZMqz;\n animation-duration: 0.4s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n.style-module_container--close__3UYsJ {\n animation-name: style-module_disappear-out__38TSV;\n animation-duration: 0.4s;\n animation-delay: 0s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n\n.style-module_body__lbUih {\n background-color: white;\n border-radius: 8px;\n margin: 80px auto;\n}\n\n.style-module_header__2oEKp {\n display: flex;\n align-items: center;\n padding: 24px 24px 0 24px;\n}\n\n.style-module_close__p3Axi {\n border: none;\n background-color: transparent;\n cursor: pointer;\n}";
8870
8870
  var styles$i = {"overlay":"style-module_overlay__1Zbce","overlay--close":"style-module_overlay--close__2dytn","fade-in":"style-module_fade-in__nLzzO","fade-out":"style-module_fade-out__IuSV7","container":"style-module_container__1XZj_","container--close":"style-module_container--close__3UYsJ","appear-in":"style-module_appear-in__2ZMqz","disappear-out":"style-module_disappear-out__38TSV","body":"style-module_body__lbUih","header":"style-module_header__2oEKp","close":"style-module_close__p3Axi"};
@@ -8872,7 +8872,7 @@ styleInject(css_248z$j);
8872
8872
 
8873
8873
  var imageClose = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%206L6%2018%22%20stroke%3D%22%2326262E%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%206L18%2018%22%20stroke%3D%22%2326262E%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
8874
8874
 
8875
- var RegularModal = (function (_a) {
8875
+ var RegularModal = function (_a) {
8876
8876
  var title = _a.title, isOpen = _a.isOpen, children = _a.children, onClose = _a.onClose, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.dismissible, dismissible = _c === void 0 ? true : _c;
8877
8877
  var _d = useOnClose(onClose, isOpen, dismissible), isClosing = _d.isClosing, handleContainerClick = _d.handleContainerClick, handleOnClose = _d.handleOnClose, handleOnOverlayClick = _d.handleOnOverlayClick;
8878
8878
  if (!isOpen) {
@@ -8883,13 +8883,13 @@ var RegularModal = (function (_a) {
8883
8883
  'jc-end': !title
8884
8884
  }) }, { children: [title && jsxRuntime.jsx("div", __assign({ className: "p-h2 " + styles$i.title }, { children: title }), void 0),
8885
8885
  dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$i.close, onClick: handleOnClose }, { children: jsxRuntime.jsx("img", { src: imageClose, alt: "Close" }, void 0) }), void 0))] }), void 0), children] }), void 0) }), void 0) }), void 0));
8886
- });
8886
+ };
8887
8887
 
8888
8888
  var css_248z$i = "@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}";
8889
8889
  var styles$h = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};
8890
8890
  styleInject(css_248z$i);
8891
8891
 
8892
- var index$6 = (function (_a) {
8892
+ var BottomOrRegularModal = function (_a) {
8893
8893
  var isOpen = _a.isOpen, props = __rest$1(_a, ["isOpen"]);
8894
8894
  var mobileRef = require$$0.useRef(null);
8895
8895
  var _b = require$$0.useState('desktop'), visibleSize = _b[0], setVisibleSize = _b[1];
@@ -8908,7 +8908,7 @@ var index$6 = (function (_a) {
8908
8908
  }, []);
8909
8909
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: styles$h.mobile, ref: mobileRef }, { children: visibleSize === 'mobile' && jsxRuntime.jsx(BottomModal, __assign({}, props, { isOpen: isOpen }), void 0) }), void 0),
8910
8910
  visibleSize === 'desktop' && (jsxRuntime.jsx("div", __assign({ className: styles$h.desktop }, { children: jsxRuntime.jsx(RegularModal, __assign({}, props, { isOpen: isOpen }), void 0) }), void 0))] }, void 0));
8911
- });
8911
+ };
8912
8912
 
8913
8913
  var arrowRightImage = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
8914
8914
 
@@ -36259,22 +36259,28 @@ var Markdown = function (_a) {
36259
36259
  return (jsxRuntime.jsx(ReactMarkdown, { children: children, className: className, components: __assign({ a: Link(openLinksInNewTab), p: Paragraph(paragraphClassName), h1: Heading, h2: Heading, h3: Heading, h4: Heading, h5: Heading, ol: OList, ul: UList, strong: Strong, em: Italic, code: Code }, customMDComponents), remarkPlugins: [remarkDirective, directiveToHTMLTag] }, void 0));
36260
36260
  };
36261
36261
 
36262
+ var basePath = 'https://assets.cdn.feather-insurance.com/assets/images';
36262
36263
  var images = {
36263
- aid: 'https://assets.cdn.feather-insurance.com/assets/images/aid.svg',
36264
- bed: 'https://assets.cdn.feather-insurance.com/assets/images/bed.svg',
36265
- bigDog: 'https://assets.cdn.feather-insurance.com/assets/images/bigDog.svg',
36266
- brokenAquarium: 'https://assets.cdn.feather-insurance.com/assets/images/brokenAquarium.svg',
36267
- brokenGlass: 'https://assets.cdn.feather-insurance.com/assets/images/brokenGlass.svg',
36268
- damagedLaptop: 'https://assets.cdn.feather-insurance.com/assets/images/damagedLaptop.svg',
36269
- moneyIncome: 'https://assets.cdn.feather-insurance.com/assets/images/moneyIncome.svg',
36270
- washingMachine: 'https://assets.cdn.feather-insurance.com/assets/images/washingMachine.svg',
36264
+ aid: basePath + "/aid.svg",
36265
+ bed: basePath + "/bed.svg",
36266
+ bigDog: basePath + "/bigDog.svg",
36267
+ verticalIcons: {
36268
+ dogLiability: basePath + "/dogLiabilityIcon.png",
36269
+ dogLiability2x: basePath + "/dogLiabilityIcon2x.png",
36270
+ dogLiability3x: basePath + "/dogLiabilityIcon3x.png",
36271
+ },
36272
+ brokenAquarium: basePath + "/brokenAquarium.svg",
36273
+ brokenGlass: basePath + "/brokenGlass.svg",
36274
+ damagedLaptop: basePath + "/damagedLaptop.svg",
36275
+ moneyIncome: basePath + "/moneyIncome.svg",
36276
+ washingMachine: basePath + "/washingMachine.svg",
36271
36277
  };
36272
36278
 
36273
36279
  exports.AutoSuggestInput = AutoSuggestInput;
36274
36280
  exports.AutoSuggestMultiSelect = index$1;
36275
36281
  exports.AutocompleteAddress = AutocompleteAddress;
36276
36282
  exports.BottomModal = BottomModal;
36277
- exports.BottomOrRegularModal = index$6;
36283
+ exports.BottomOrRegularModal = BottomOrRegularModal;
36278
36284
  exports.Button = Button;
36279
36285
  exports.CardButton = CardButton;
36280
36286
  exports.CardWithLeftIcon = index$4;