@popsure/dirty-swan 0.59.0-beta-2 → 0.59.0-beta-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 (22) hide show
  1. package/dist/cjs/index.js +8 -5
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/lib/components/cards/infoCard/index.d.ts +1 -1
  4. package/dist/esm/components/cards/infoCard/index.js +7 -4
  5. package/dist/esm/components/cards/infoCard/index.js.map +1 -1
  6. package/dist/esm/components/cards/infoCard/index.stories.js +3 -3
  7. package/dist/esm/components/cards/infoCard/index.stories.js.map +1 -1
  8. package/dist/esm/components/modal/genericModal/index.js +1 -1
  9. package/dist/esm/components/modal/genericModal/index.js.map +1 -1
  10. package/dist/esm/components/modal/index.stories.js +5 -5
  11. package/dist/esm/components/modal/index.stories.js.map +1 -1
  12. package/dist/esm/lib/components/cards/infoCard/index.d.ts +1 -1
  13. package/dist/index.css +2 -2
  14. package/dist/index.css.map +1 -1
  15. package/dist/lib/scss/private/components/_buttons.scss +2 -2
  16. package/package.json +1 -1
  17. package/src/lib/components/cards/infoCard/index.stories.tsx +23 -10
  18. package/src/lib/components/cards/infoCard/index.tsx +66 -60
  19. package/src/lib/components/cards/infoCard/style.module.scss +4 -0
  20. package/src/lib/components/modal/genericModal/index.tsx +1 -1
  21. package/src/lib/components/modal/index.stories.tsx +15 -15
  22. package/src/lib/scss/private/components/_buttons.scss +2 -2
package/dist/cjs/index.js CHANGED
@@ -11579,7 +11579,7 @@ var InnerModal = function (_a) {
11579
11579
  : (_d = classNames === null || classNames === void 0 ? void 0 : classNames.container) === null || _d === void 0 ? void 0 : _d.call(classNames, { isClosing: isClosing }), onClick: handleContainerClick, children: [jsxRuntime.jsxs("div", { className: classNames$1('bg-white d-flex ai-center w100 px24 pt24 pb16', styles$v.header, {
11580
11580
  'jc-between': !!title,
11581
11581
  'jc-end': !title,
11582
- }), children: [title && (jsxRuntime.jsx("div", { className: classNames$1(styles$v.title, titleSize === 'small' ? 'p-h4' : 'p-h2', classNames === null || classNames === void 0 ? void 0 : classNames.title), children: title })), dismissible && (jsxRuntime.jsx(Button, { hideLabel: true, leftIcon: jsxRuntime.jsx(XIcon, { color: "neutral-800", className: classNames === null || classNames === void 0 ? void 0 : classNames.closeButtonIcon }), onClick: handleOnClose, type: "button", variant: "textColor", className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.closeButton, 'p0', styles$v.closeButton), children: "Close modal" }))] }), jsxRuntime.jsx("div", { className: classNames$1('w100', classNames === null || classNames === void 0 ? void 0 : classNames.body, styles$v.body), ref: modalBodyRef, children: children }), footer && (jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.footer, 'w100 bg-white', styles$v.footer), children: jsxRuntime.jsx("div", { className: "p24 pt16", children: footer }) }))] }) }) }) }));
11582
+ }), children: [title && (jsxRuntime.jsx("div", { className: classNames$1(styles$v.title, titleSize === 'small' ? 'p-h4' : 'p-h2', classNames === null || classNames === void 0 ? void 0 : classNames.title), children: title })), dismissible && (jsxRuntime.jsx(Button, { hideLabel: true, leftIcon: jsxRuntime.jsx(XIcon, { color: "neutral-800", className: classNames === null || classNames === void 0 ? void 0 : classNames.closeButtonIcon }), onClick: handleOnClose, type: "button", variant: "textBlack", className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.closeButton, 'p0', styles$v.closeButton), children: "Close modal" }))] }), jsxRuntime.jsx("div", { className: classNames$1('w100', classNames === null || classNames === void 0 ? void 0 : classNames.body, styles$v.body), ref: modalBodyRef, children: children }), footer && (jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.footer, 'w100 bg-white', styles$v.footer), children: jsxRuntime.jsx("div", { className: "p24 pt16", children: footer }) }))] }) }) }) }));
11583
11583
  };
11584
11584
  var GenericModal = function (props) {
11585
11585
  var isOpen = props.isOpen, onClose = props.onClose, _a = props.dismissible, dismissible = _a === void 0 ? true : _a;
@@ -11693,20 +11693,23 @@ var Card = function (_a) {
11693
11693
  }[titleVariant]), children: title })), description && (jsxRuntime.jsx("div", { className: classNames$1(styles$r.description, classNames === null || classNames === void 0 ? void 0 : classNames.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p'), children: description }))] }), (showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (jsxRuntime.jsx("div", { className: classNames$1(styles$r.actionIcon, classNames === null || classNames === void 0 ? void 0 : classNames.actionIcon, styles$r["actionIcon".concat(density)], 'd-flex ai-center'), children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }) }))] })] }), children && jsxRuntime.jsx("div", { className: classNames === null || classNames === void 0 ? void 0 : classNames.children, children: children })] }) })));
11694
11694
  };
11695
11695
 
11696
- var css_248z$r = ".style-module_bs-xs__2s8AD {\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.style-module_bs-sm__2KgTp {\n box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);\n}\n\n.style-module_bs-md__3yrN1 {\n box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n}\n\n.style-module_bs-lg__Ydmy8 {\n box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);\n}\n\n.style-module_bs-xl__9OYoN {\n box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);\n}\n\n.style-module_bannerWrapper__1m3mn {\n padding-top: 124px;\n}\n\n.style-module_buttonWrapper__-dmFc:focus .style-module_wrapper__rVPyi {\n border-color: #696971;\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #696971;\n}\n\n.style-module_buttonWrapper__-dmFc:focus-visible .style-module_wrapper__rVPyi {\n overflow: hidden;\n border-color: #26262e;\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #26262e;\n}\n\n.style-module_topIconWrapper__VYKR7 {\n position: absolute;\n width: 80px;\n height: 80px;\n left: 50%;\n transform: translateX(-50%) translateY(-80px);\n}\n.style-module_topIconWrapper--muted__2a4Lq {\n opacity: 0.25;\n}\n\n.style-module_topIconBanner__31-Hc {\n position: absolute;\n top: -123px;\n left: -15px;\n right: -15px;\n height: 124px;\n width: calc(100% + 30px);\n overflow: hidden;\n}\n.style-module_topIconBanner__31-Hc img {\n position: absolute;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n min-width: 100%;\n min-height: 100%;\n}\n\n.style-module_contentWrapper__B1Dn1 {\n gap: 0 !important;\n}\n\n.style-module_floatingLabel__1iIBj {\n position: relative;\n}\n\n.style-module_disabled__1u28- {\n opacity: 0.25;\n cursor: not-allowed;\n}";
11696
+ var css_248z$r = ".style-module_bs-xs__2s8AD {\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.style-module_bs-sm__2KgTp {\n box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);\n}\n\n.style-module_bs-md__3yrN1 {\n box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n}\n\n.style-module_bs-lg__Ydmy8 {\n box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);\n}\n\n.style-module_bs-xl__9OYoN {\n box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);\n}\n\n.style-module_bannerWrapper__1m3mn {\n padding-top: 124px;\n}\n\n.style-module_buttonWrapper__-dmFc:focus .style-module_wrapper__rVPyi {\n border-color: #696971;\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #696971;\n}\n\n.style-module_buttonWrapper__-dmFc:focus-visible .style-module_wrapper__rVPyi {\n overflow: hidden;\n border-color: #26262e;\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #26262e;\n}\n\n.style-module_topIconWrapper__VYKR7 {\n position: absolute;\n width: 80px;\n height: 80px;\n left: 50%;\n transform: translateX(-50%) translateY(-80px);\n}\n.style-module_topIconWrapper--muted__2a4Lq {\n opacity: 0.25;\n}\n.style-module_topIconWrapper__VYKR7 img {\n border-radius: 50%;\n}\n\n.style-module_topIconBanner__31-Hc {\n position: absolute;\n top: -123px;\n left: -15px;\n right: -15px;\n height: 124px;\n width: calc(100% + 30px);\n overflow: hidden;\n}\n.style-module_topIconBanner__31-Hc img {\n position: absolute;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n min-width: 100%;\n min-height: 100%;\n}\n\n.style-module_contentWrapper__B1Dn1 {\n gap: 0 !important;\n}\n\n.style-module_floatingLabel__1iIBj {\n position: relative;\n}\n\n.style-module_disabled__1u28- {\n opacity: 0.25;\n cursor: not-allowed;\n}";
11697
11697
  var styles$q = {"bs-xs":"style-module_bs-xs__2s8AD","bs-sm":"style-module_bs-sm__2KgTp","bs-md":"style-module_bs-md__3yrN1","bs-lg":"style-module_bs-lg__Ydmy8","bs-xl":"style-module_bs-xl__9OYoN","bannerWrapper":"style-module_bannerWrapper__1m3mn","buttonWrapper":"style-module_buttonWrapper__-dmFc","wrapper":"style-module_wrapper__rVPyi","topIconWrapper":"style-module_topIconWrapper__VYKR7","topIconWrapper--muted":"style-module_topIconWrapper--muted__2a4Lq","topIconBanner":"style-module_topIconBanner__31-Hc","contentWrapper":"style-module_contentWrapper__B1Dn1","floatingLabel":"style-module_floatingLabel__1iIBj","disabled":"style-module_disabled__1u28-"};
11698
11698
  styleInject(css_248z$r);
11699
11699
 
11700
11700
  var InfoCard = function (_a) {
11701
11701
  var _b, _c, _d;
11702
11702
  _a.className; var _e = _a.showIcon, showIcon = _e === void 0 ? true : _e, title = _a.title, children = _a.children, topIcon = _a.topIcon, topIconType = _a.topIconType, _f = _a.disabled, disabled = _f === void 0 ? false : _f, onClick = _a.onClick, cardProps = __rest$1(_a, ["className", "showIcon", "title", "children", "topIcon", "topIconType", "disabled", "onClick"]);
11703
- return (jsxRuntime.jsx(Card, __assign({}, cardProps, { label: topIcon && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: topIconType === 'icon' ? (jsxRuntime.jsx("div", { className: classNames$1('d-flex ai-center jc-center bg-orange-200 br-circle p16', styles$q.topIconWrapper), children: topIcon })) : (jsxRuntime.jsx("div", { className: classNames$1('d-flex ai-center jc-center', (_b = {}, _b[styles$q.topIconBanner] = topIconType === 'banner', _b)), children: topIcon })) })), title: title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [title, showIcon && jsxRuntime.jsx(ArrowRight, { size: 20 })] })), titleVariant: 'medium', description: children, descriptionVariant: 'small', actionIcon: null, showActionIcon: false, classNames: {
11703
+ var isIconType = topIconType === 'icon' || topIconType === 'iconWithBackground';
11704
+ return (jsxRuntime.jsx(Card, __assign({}, cardProps, { label: topIcon && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isIconType ? (jsxRuntime.jsx("div", { className: classNames$1('d-flex ai-center jc-center br-circle p16', styles$q.topIconWrapper, {
11705
+ 'bg-orange-200': topIconType === 'iconWithBackground'
11706
+ }), children: topIcon })) : (jsxRuntime.jsx("div", { className: classNames$1('d-flex ai-center jc-center', (_b = {}, _b[styles$q.topIconBanner] = topIconType === 'banner', _b)), children: topIcon })) })), title: title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [title, showIcon && jsxRuntime.jsx(ArrowRight, { size: 20 })] })), titleVariant: 'medium', description: children, descriptionVariant: 'small', actionIcon: null, showActionIcon: false, classNames: {
11704
11707
  buttonWrapper: styles$q.buttonWrapper,
11705
11708
  wrapper: classNames$1((_c = {},
11706
11709
  _c[styles$q.wrapper] = true,
11707
11710
  _c[styles$q.disabled] = disabled,
11708
- _c['pt40'] = topIcon && topIconType === 'icon',
11709
- _c['mt40'] = topIcon && topIconType === 'icon',
11711
+ _c['pt40'] = topIcon && isIconType,
11712
+ _c['mt40'] = topIcon && isIconType,
11710
11713
  _c[styles$q.bannerWrapper] = topIcon && topIconType === 'banner',
11711
11714
  _c)),
11712
11715
  label: classNames$1((_d = {},