@popsure/dirty-swan 0.33.5 → 0.34.0

package/dist/cjs/index.js

@@ -8947,7 +8947,7 @@ var containerStyleFromTitleSize = function (titleSize) {
             return 'container';
     }
 };
-var index$5 = (function (_a) {
+var CardWithTopLeftIcon = function (_a) {
     var className = _a.className, title = _a.title, _b = _a.cardSize, cardSize = _b === void 0 ? 'medium' : _b, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _c = _a.state, state = _c === void 0 ? 'actionable' : _c, _d = _a.dropshadow, dropshadow = _d === void 0 ? true : _d, props = __rest$1(_a, ["className", "title", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow"]);
     var cardStyle = className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$g[containerStyleFromTitleSize(cardSize)];
     var titleContainerStyle = styles$g['title-container'];
@@ -8958,7 +8958,7 @@ var index$5 = (function (_a) {
                     jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
                     rightIcon && (jsxRuntime.jsx("img", { className: iconStyle, width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0),
             jsxRuntime.jsx("p", __assign({ className: cardTextStyle }, { children: children }), void 0)] }), void 0));
-});
+};
 
 var css_248z$g = ".style-module_container__384bg {\n  padding: 24px 24px 24px 32px;\n}\n.style-module_container--small__35EZ1 {\n  padding: 16px 24px 16px 32px;\n}\n.style-module_container--xsmall__2DDsN {\n  padding: 16px 16px 16px 24px;\n}\n\n.style-module_card-text--small__1L_Fe {\n  margin-top: 2px;\n}\n\n.style-module_card-text--medium__qoKv2 {\n  margin-top: 4px;\n}\n\n.style-module_card-text--big__mMB2v {\n  margin-top: 6px;\n}";
 var styles$f = {"container":"style-module_container__384bg","container--small":"style-module_container--small__35EZ1","container--xsmall":"style-module_container--xsmall__2DDsN","card-text--small":"style-module_card-text--small__1L_Fe","card-text--medium":"style-module_card-text--medium__qoKv2","card-text--big":"style-module_card-text--big__mMB2v"};
@@ -8985,7 +8985,7 @@ var cardTextStyleFromCardSize = function (cardSize) {
             return 'card-text--big';
     }
 };
-var index$4 = (function (_a) {
+var CardWithLeftIcon = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, title = _a.title, _c = _a.cardSize, cardSize = _c === void 0 ? 'medium' : _c, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _d = _a.state, state = _d === void 0 ? 'actionable' : _d, _e = _a.dropshadow, dropshadow = _e === void 0 ? true : _e, props = __rest$1(_a, ["className", "title", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow"]);
     var cardStyle = "d-flex ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$f[containerStyleFromCardSize(cardSize)];
     var headingStyle = headingForCardSize(cardSize);
@@ -8995,13 +8995,13 @@ var index$4 = (function (_a) {
             jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
                             rightIcon && (jsxRuntime.jsx("img", { className: "ml-auto", width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0),
                     jsxRuntime.jsx("p", __assign({ className: cardTextStyle }, { children: children }), void 0)] }, void 0)] }), void 0));
-});
+};
 
 var css_248z$f = ".style-module_container__34kUF {\n  padding: 32px 24px 24px 24px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.style-module_right-icon__3_kH9 {\n  margin-left: 4px;\n}";
 var styles$e = {"container":"style-module_container__34kUF","right-icon":"style-module_right-icon__3_kH9"};
 styleInject(css_248z$f);
 
-var index$3 = (function (_a) {
+var CardWithTopIcon = function (_a) {
     var className = _a.className, title = _a.title, _b = _a.cardSize, cardSize = _b === void 0 ? 'medium' : _b, children = _a.children, topIcon = _a.topIcon, _c = _a.topIconSize, topIconSize = _c === void 0 ? { width: 48, height: 48 } : _c, rightIcon = _a.rightIcon, _d = _a.state, state = _d === void 0 ? 'actionable' : _d, _e = _a.dropshadow, dropshadow = _e === void 0 ? true : _e, props = __rest$1(_a, ["className", "title", "cardSize", "children", "topIcon", "topIconSize", "rightIcon", "state", "dropshadow"]);
     var cardStyle = "d-flex fd-column ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$e.container;
     var headingStyle = headingForCardSize(cardSize);
@@ -9009,19 +9009,19 @@ var index$3 = (function (_a) {
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", __assign({ className: cardStyle }, props, { children: [jsxRuntime.jsx("img", { width: topIconSize.width, height: topIconSize.height, alt: topIcon.alt, src: topIcon.src }, void 0),
                 jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16" }, { children: [jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
                         rightIcon && (jsxRuntime.jsx("img", { className: iconStyle, width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0), children] }), void 0) }, void 0));
-});
+};
 
 var css_248z$e = "@keyframes style-module_appear-in__23V7k {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_root-container__3r_b9 {\n  position: relative;\n  padding-top: 40px;\n}\n.style-module_root-container__3r_b9:hover .style-module_right-icon__L6sf3 {\n  visibility: visible;\n  animation-name: style-module_appear-in__23V7k;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_top-icon__10CJ3 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%) translateY(-40px);\n}\n.style-module_top-icon--muted__3PZ1X {\n  opacity: 0.25;\n}\n\n.style-module_right-icon__L6sf3 {\n  visibility: hidden;\n  position: absolute;\n  top: 64px;\n  right: 24px;\n}\n\n.style-module_container__19mu2 {\n  padding: 0 24px 24px 24px;\n  height: 100%;\n}\n@media (max-width: 34rem) {\n  .style-module_container__19mu2 {\n    height: fit-content;\n  }\n}";
 var styles$d = {"root-container":"style-module_root-container__3r_b9","right-icon":"style-module_right-icon__L6sf3","appear-in":"style-module_appear-in__23V7k","top-icon":"style-module_top-icon__10CJ3","top-icon--muted":"style-module_top-icon--muted__3PZ1X","container":"style-module_container__19mu2"};
 styleInject(css_248z$e);
 
-var index$2 = (function (_a) {
+var InfoCard = function (_a) {
     var className = _a.className, title = _a.title, children = _a.children, topIcon = _a.topIcon, rightIcon = _a.rightIcon, _b = _a.state, state = _b === void 0 ? 'actionable' : _b, _c = _a.dropshadow, dropshadow = _c === void 0 ? true : _c, props = __rest$1(_a, ["className", "title", "children", "topIcon", "rightIcon", "state", "dropshadow"]);
     return (jsxRuntime.jsxs("div", __assign({ className: styles$d['root-container'] + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: [jsxRuntime.jsx("img", { src: topIcon.src, alt: topIcon.alt, className: styles$d['top-icon'] + " " + (state === 'muted' ? styles$d['top-icon--muted'] : '') + " ", width: "80px", height: "80px" }, void 0),
             jsxRuntime.jsxs("div", __assign({ className: associatedClassForCardState(state, dropshadow) + " " + styles$d.container }, { children: [rightIcon && (jsxRuntime.jsx("img", { width: "20px", height: "20px", className: styles$d['right-icon'], src: rightIcon === 'info' ? info.src : rightIcon.src, alt: rightIcon === 'info' ? info.alt : rightIcon.alt }, void 0)),
                     jsxRuntime.jsx("div", __assign({ className: "p-h4 ta-center mt64" }, { children: title }), void 0),
                     jsxRuntime.jsx("p", __assign({ className: "p-p mt16 tc-grey-600" }, { children: children }), void 0)] }), void 0)] }), void 0));
-});
+};
 
 var css_248z$d = ".style-module_container__2tJCE {\n  background-color: white;\n  padding: 8px 16px;\n  box-shadow: 0px 2px 20px rgba(97, 96, 162, 0.07);\n  border-radius: 8px;\n  border: 2px solid white;\n  transition: border 0.2s ease-in-out;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  text-decoration: none;\n}\n.style-module_container__2tJCE:hover {\n  border: 2px solid #b1b0f5;\n}\n.style-module_container__2tJCE[disabled] {\n  pointer-events: none;\n  opacity: 0.25;\n}\n.style-module_container__2tJCE:focus {\n  border: 2px solid #8e8cee;\n}";
 var styles$c = {"container":"style-module_container__2tJCE"};
@@ -13768,7 +13768,7 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
 
 }(dist));
 
-var css_248z$9 = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  margin: 0 auto;\n}\n\n.AccordionItem-module_container__29xle + .AccordionItem-module_container__29xle {\n  margin-top: 8px;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n  transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n  transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n  column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n  border: none;\n  background: #fafaff;\n  column-gap: 16px;\n  cursor: pointer;\n  font-family: inherit;\n  outline: none;\n  position: relative;\n  text-align: inherit;\n  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n  background: #e6e5ff;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n  filter: brightness(0.425);\n}";
+var css_248z$9 = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  margin: 0 auto;\n}\n\n.AccordionItem-module_container__29xle + .AccordionItem-module_container__29xle {\n  margin-top: 8px;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n  transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n  transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n  column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n  border: none;\n  background: #fafaff;\n  column-gap: 16px;\n  cursor: pointer;\n  font-family: inherit;\n  outline: none;\n  position: relative;\n  text-align: inherit;\n  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n  background: #ebebff;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n  filter: brightness(0.425);\n}";
 var styles$8 = {"container":"AccordionItem-module_container__29xle","chevron":"AccordionItem-module_chevron__1Pdoe","chevronClosed":"AccordionItem-module_chevronClosed__1Sq5g","iconAndTextContainer":"AccordionItem-module_iconAndTextContainer__1K9NF","headerButton":"AccordionItem-module_headerButton__1C03u"};
 styleInject(css_248z$9);
 
@@ -13830,7 +13830,7 @@ var ArrowIcon = function (_a) {
     return (jsxRuntime.jsx("svg", __assign({ width: "14", height: "8", viewBox: "0 0 14 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsxRuntime.jsx("path", { d: "M1 1.00003L7 7.00003L13 1.00003", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
 };
 
-var css_248z$7 = ".style-module_container__3BxOi {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0 16px;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n@media (min-width: 34rem) {\n  .style-module_container__3BxOi {\n    display: none;\n  }\n}\n\n.style-module_next__3yJsi {\n  transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n  transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n  width: 32px;\n  height: 32px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 50%;\n  background-color: #f5f6fb;\n  justify-content: center;\n  align-items: center;\n  stroke: #e6e5ff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f5f6fb;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f5f6fb;\n  cursor: pointer;\n}";
+var css_248z$7 = ".style-module_container__3BxOi {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0 16px;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n@media (min-width: 34rem) {\n  .style-module_container__3BxOi {\n    display: none;\n  }\n}\n\n.style-module_next__3yJsi {\n  transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n  transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n  width: 32px;\n  height: 32px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 50%;\n  background-color: #f5f6fb;\n  justify-content: center;\n  align-items: center;\n  stroke: #ebebff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f5f6fb;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f5f6fb;\n  cursor: pointer;\n}";
 var styles$6 = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB"};
 styleInject(css_248z$7);
 
@@ -13855,7 +13855,7 @@ var TableButton = function (_a) {
     return (jsxRuntime.jsx("button", __assign({ className: styles$5.button + " " + className, "data-testid": "ds-table-button", onClick: onClick }, { children: jsxRuntime.jsx("span", { children: children }, void 0) }), void 0));
 };
 
-var css_248z$5 = ".style-module_button__3TkNT {\n  padding: 0;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: bottom;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n  background-color: #f7f7ff;\n}\n.style-module_button__3TkNT:hover svg, .style-module_button__3TkNT:focus svg {\n  fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n  fill: #e6e5ff;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:focus-visible {\n  box-shadow: 0 0 0 2px #8e8cee;\n}";
+var css_248z$5 = ".style-module_button__3TkNT {\n  padding: 0;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: bottom;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n  background-color: #f7f7ff;\n}\n.style-module_button__3TkNT:hover svg, .style-module_button__3TkNT:focus svg {\n  fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n  fill: #ebebff;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:focus-visible {\n  box-shadow: 0 0 0 2px #8e8cee;\n}";
 var styles$4 = {"button":"style-module_button__3TkNT"};
 styleInject(css_248z$5);
 
@@ -36290,9 +36290,9 @@ exports.BottomModal = BottomModal;
 exports.BottomOrRegularModal = BottomOrRegularModal;
 exports.Button = Button;
 exports.CardButton = CardButton;
-exports.CardWithLeftIcon = index$4;
-exports.CardWithTopIcon = index$3;
-exports.CardWithTopLeftIcon = index$5;
+exports.CardWithLeftIcon = CardWithLeftIcon;
+exports.CardWithTopIcon = CardWithTopIcon;
+exports.CardWithTopLeftIcon = CardWithTopLeftIcon;
 exports.Checkbox = Checkbox;
 exports.Chip = Chip;
 exports.ComparisonTable = ComparisonTable;
@@ -36300,7 +36300,7 @@ exports.CurrencyInput = CurrencyInput;
 exports.DateSelector = DateSelector;
 exports.DownloadButton = DownloadButton;
 exports.IbanInput = IbanInput;
-exports.InfoCard = index$2;
+exports.InfoCard = InfoCard;
 exports.Input = Input;
 exports.Markdown = Markdown;
 exports.MultiDropzone = MultiDropzone;