@popsure/dirty-swan 0.53.1 → 0.53.3
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.
- package/dist/cjs/index.js +14 -8
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/accordion/index.js +12 -6
- package/dist/esm/components/accordion/index.js.map +1 -1
- package/dist/esm/components/cards/card/index.js +1 -1
- package/dist/esm/components/cards/card/index.js.map +1 -1
- package/dist/esm/components/modal/genericModal/index.js +1 -1
- package/package.json +1 -1
- package/src/lib/components/accordion/index.tsx +10 -4
- package/src/lib/components/accordion/style.module.scss +15 -5
- package/src/lib/components/cards/card/index.tsx +1 -1
- package/src/lib/components/modal/genericModal/style.module.scss +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -8587,7 +8587,7 @@ var useOnClose = function (onClose, isOpen, dismissable) {
|
|
|
8587
8587
|
};
|
|
8588
8588
|
};
|
|
8589
8589
|
|
|
8590
|
-
var css_248z$k = "@keyframes style-module_fade-in__f_VRg {\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__1tEwS {\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.style-module_overlay__2f00R {\n z-index:
|
|
8590
|
+
var css_248z$k = "@keyframes style-module_fade-in__f_VRg {\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__1tEwS {\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.style-module_overlay__2f00R {\n z-index: 1000;\n overflow: auto;\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n animation: style-module_fade-in__f_VRg 0.3s both;\n}\n.style-module_overlayClose__1p313 {\n animation-delay: 0.1s;\n animation: style-module_fade-out__1tEwS 0.3s both;\n}\n\n.style-module_header__284Rz {\n position: sticky;\n top: 0;\n}\n\n.style-module_closeButton__1AbX8 {\n width: 32px;\n height: 32px;\n padding: 0;\n}\n\n.style-module_body__QtlTn {\n flex-grow: 1;\n overflow: auto;\n background: linear-gradient(#fff 30%, #fff), linear-gradient(#fff, #fff 70%), linear-gradient(#ededf2 30%, #ededf2), linear-gradient(#ededf2, #ededf2 70%);\n background-repeat: no-repeat;\n background-size: 100% 1px;\n background-attachment: local, local, scroll, scroll;\n}\n\n.style-module_footer__Sh5bv {\n position: sticky;\n bottom: 0;\n border-top: 1px solid #ededf2;\n}";
|
|
8591
8591
|
var styles$j = {"overlay":"style-module_overlay__2f00R","fade-in":"style-module_fade-in__f_VRg","overlayClose":"style-module_overlayClose__1p313","fade-out":"style-module_fade-out__1tEwS","header":"style-module_header__284Rz","closeButton":"style-module_closeButton__1AbX8","body":"style-module_body__QtlTn","footer":"style-module_footer__Sh5bv"};
|
|
8592
8592
|
styleInject(css_248z$k);
|
|
8593
8593
|
|
|
@@ -8704,7 +8704,7 @@ var Card = function (_a) {
|
|
|
8704
8704
|
_b)) }, onClick && {
|
|
8705
8705
|
onClick: onClick,
|
|
8706
8706
|
type: "button"
|
|
8707
|
-
}, rest, { children: jsxRuntime.jsxs("div", { className: classnamesUtil('d-flex fd-column jc-center w100 ta-left', { 'bs-sm': dropShadow }, {
|
|
8707
|
+
}, rest, { children: jsxRuntime.jsxs("div", { className: classnamesUtil('d-flex fd-column jc-center w100 ta-left br8', { 'bs-sm': dropShadow }, {
|
|
8708
8708
|
compact: 'p16',
|
|
8709
8709
|
balanced: 'p24',
|
|
8710
8710
|
spacious: 'p32',
|
|
@@ -14213,8 +14213,8 @@ var toast = function (title, _a) {
|
|
|
14213
14213
|
return (dist.toast(function (t) { return (jsxRuntime.jsx(Toast, __assign({ title: title, onDismiss: function () { return dist.toast.dismiss(t.id); } }, toastOptions))); }, { duration: duration }));
|
|
14214
14214
|
};
|
|
14215
14215
|
|
|
14216
|
-
var css_248z = ".style-module_wrapperBordered__1BsXF {\n border: 1px solid #ededf2;\n}\n\n.style-module_container__37ni0 {\n border-bottom: 1px solid #ededf2;\n}\n.style-module_containerBordered__2IHWI:last-of-type {\n border-bottom: 0;\n}\n\n.style-module_question__2bC30 {\n color: #4c4c53;\n}\n\n.style-module_chevron__2nixo {\n color: #4c4c53;\n transition: transform 0.3s ease-in-out;\n}\n.style-module_chevronOpen__1nFZj {\n transform: rotate(180deg);\n}\n\n.style-
|
|
14217
|
-
var styles = {"wrapperBordered":"style-module_wrapperBordered__1BsXF","container":"style-module_container__37ni0","containerBordered":"style-module_containerBordered__2IHWI","question":"style-module_question__2bC30","chevron":"style-module_chevron__2nixo","chevronOpen":"style-module_chevronOpen__1nFZj","buttonWrapper":"style-module_buttonWrapper__2A5FG","buttonWrapperDefault":"style-module_buttonWrapperDefault__2DCgb","icon":"style-module_icon__jyQp0"};
|
|
14216
|
+
var css_248z = ".style-module_wrapperBordered__1BsXF {\n border: 1px solid #ededf2;\n}\n\n.style-module_container__37ni0 {\n border-bottom: 1px solid #ededf2;\n}\n.style-module_containerBordered__2IHWI:last-of-type {\n border-bottom: 0;\n}\n\n.style-module_question__2bC30 {\n color: #4c4c53;\n}\n\n.style-module_chevron__2nixo {\n color: #4c4c53;\n transition: transform 0.3s ease-in-out;\n}\n.style-module_chevronOpen__1nFZj {\n transform: rotate(180deg);\n}\n\n.style-module_answerIcon__Pugpz {\n padding-left: 20px;\n}\n.style-module_answerIconDefault__2myqw {\n padding-left: 4px;\n}\n\n.style-module_buttonWrapper__2A5FG {\n background-color: transparent !important;\n color: #8e8cee;\n outline-offset: -4px;\n}\n.style-module_buttonWrapperDefault__2DCgb {\n outline-offset: 0;\n}\n.style-module_buttonWrapperOpen__1cunM {\n margin-bottom: 4px !important;\n}\n.style-module_buttonWrapper__2A5FG:hover, .style-module_buttonWrapper__2A5FG:focus-visible {\n background: #f7f7ff;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_icon__jyQp0, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_icon__jyQp0 {\n color: #8e8cee !important;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:hover .style-module_chevron__2nixo, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:focus-visible .style-module_chevron__2nixo {\n color: #8e8cee;\n}\n.style-module_buttonWrapper__2A5FG:hover {\n outline: 0 solid transparent !important;\n}\n.style-module_buttonWrapper__2A5FG:focus-visible {\n outline: 2px solid #8e8cee !important;\n}";
|
|
14217
|
+
var styles = {"wrapperBordered":"style-module_wrapperBordered__1BsXF","container":"style-module_container__37ni0","containerBordered":"style-module_containerBordered__2IHWI","question":"style-module_question__2bC30","chevron":"style-module_chevron__2nixo","chevronOpen":"style-module_chevronOpen__1nFZj","answerIcon":"style-module_answerIcon__Pugpz","answerIconDefault":"style-module_answerIconDefault__2myqw","buttonWrapper":"style-module_buttonWrapper__2A5FG","buttonWrapperDefault":"style-module_buttonWrapperDefault__2DCgb","buttonWrapperOpen":"style-module_buttonWrapperOpen__1cunM","icon":"style-module_icon__jyQp0"};
|
|
14218
14218
|
styleInject(css_248z);
|
|
14219
14219
|
|
|
14220
14220
|
var Accordion = function (_a) {
|
|
@@ -14245,14 +14245,20 @@ var Accordion = function (_a) {
|
|
|
14245
14245
|
},
|
|
14246
14246
|
_b[styles.wrapperBordered] = !isDefaultVariant,
|
|
14247
14247
|
_b)), children: items.map(function (questionData) {
|
|
14248
|
-
var _a, _b, _c, _d;
|
|
14248
|
+
var _a, _b, _c, _d, _e;
|
|
14249
14249
|
var question = questionData.question, answer = questionData.answer, id = questionData.id, icon = questionData.icon;
|
|
14250
14250
|
var isOpen = selectedQuestionId.includes(id);
|
|
14251
|
-
return (jsxRuntime.jsxs("div", { className: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.questionWrapper, styles.container, (_a = {}, _a[styles.containerBordered] = !isDefaultVariant, _a)), children: [jsxRuntime.jsx(Card, { title: question, titleVariant: "small", density: 'compact', icon: icon, classNames: __assign({ icon: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.icon, styles.icon, 'tc-grey-700'), buttonWrapper: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.buttonWrapper, styles.buttonWrapper, (_b = {},
|
|
14251
|
+
return (jsxRuntime.jsxs("div", { className: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.questionWrapper, styles.container, (_a = {}, _a[styles.containerBordered] = !isDefaultVariant, _a)), children: [jsxRuntime.jsx(Card, { title: question, titleVariant: "small", density: 'compact', icon: icon, classNames: __assign({ icon: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.icon, styles.icon, 'tc-grey-700'), buttonWrapper: classnamesUtil('py8 my8', classNames === null || classNames === void 0 ? void 0 : classNames.buttonWrapper, styles.buttonWrapper, (_b = {},
|
|
14252
14252
|
_b[styles.buttonWrapperDefault] = isDefaultVariant,
|
|
14253
|
-
_b
|
|
14253
|
+
_b[styles.buttonWrapperOpen] = isOpen,
|
|
14254
|
+
_b)), wrapper: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.wrapper, 'bg-transparent br0 py0', { 'pl0': isDefaultVariant }), title: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.question, styles.question, 'fw-bold', (_c = {}, _c[styles.questionOpen] = isOpen, _c)) }, classNames), dropShadow: false, onClick: function () { return handleClick(questionData); }, "aria-expanded": isOpen, actionIcon: jsxRuntime.jsx(ChevronDownIcon, { className: classnamesUtil(styles.chevron, (_d = {},
|
|
14254
14255
|
_d[styles.chevronOpen] = isOpen,
|
|
14255
|
-
_d)), size: 20, noMargin: true }) }), jsxRuntime.jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0, children: jsxRuntime.jsx("div", { className: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.answer, 'tc-grey-600 pr16
|
|
14256
|
+
_d)), size: 20, noMargin: true }) }), jsxRuntime.jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0, children: jsxRuntime.jsx("div", { className: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.answer, 'tc-grey-600 pr16 pb24', (_e = {
|
|
14257
|
+
'pl16': !isDefaultVariant
|
|
14258
|
+
},
|
|
14259
|
+
_e[styles === null || styles === void 0 ? void 0 : styles.answerIcon] = !isDefaultVariant && icon,
|
|
14260
|
+
_e[styles === null || styles === void 0 ? void 0 : styles.answerIconDefault] = isDefaultVariant && icon,
|
|
14261
|
+
_e)), children: answer }) })] }, id));
|
|
14256
14262
|
}) }));
|
|
14257
14263
|
};
|
|
14258
14264
|
|