@popsure/dirty-swan 0.54.16 → 0.54.18

package/dist/cjs/index.js

@@ -3852,8 +3852,9 @@ var buttonTypeClassNameMap = {
     filledError: 'p-btn--danger',
 };
 var Button = require$$0__default['default'].forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, children = _a.children, _c = _a.variant, variant = _c === void 0 ? 'filledColor' : _c, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, hideLabel = _a.hideLabel, props = __rest$1(_a, ["className", "loading", "children", "variant", "leftIcon", "rightIcon", "hideLabel"]);
-    return (jsxRuntime.jsx("button", __assign({ ref: ref, className: classNames$1(buttonTypeClassNameMap[variant], className, {
+    var as = _a.as, className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, children = _a.children, _c = _a.variant, variant = _c === void 0 ? 'filledColor' : _c, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, hideLabel = _a.hideLabel, props = __rest$1(_a, ["as", "className", "loading", "children", "variant", "leftIcon", "rightIcon", "hideLabel"]);
+    var ButtonTag = as || 'button';
+    return (jsxRuntime.jsx(ButtonTag, __assign({ ref: ref, className: classNames$1(buttonTypeClassNameMap[variant], className, {
             'p-btn--loading': loading,
             'tc-transparent': loading,
             'p-btn--icon-only': hideLabel,
@@ -8659,7 +8660,7 @@ var useOnClose = function (onClose, isOpen, dismissable) {
     };
 };
 
-var css_248z$u = "@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}";
+var css_248z$u = "@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: hidden;\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}";
 var styles$t = {"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"};
 styleInject(css_248z$u);
 
@@ -13568,7 +13569,7 @@ var Chevron = function (_a) {
     return (jsxRuntime.jsx("svg", { width: "20", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M15 12.5l-5-5-5 5", stroke: "#8E8CEE", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 };
 
-var css_248z$k = ".style-module_header__32rw- {\n  position: relative;\n}\n.style-module_header__32rw- > div {\n  width: var(--tableWidth);\n  max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n  margin: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_header__32rw- > div {\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    max-width: var(--tableWidth);\n    scroll-snap-align: unset;\n  }\n}\n\n.style-module_cell__1NoZ6 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  scroll-snap-align: end;\n  line-height: 24px;\n  padding: 16px 8px;\n  color: #26262e;\n  width: 50vw;\n  max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n  padding: 16px 8px 16px 16px;\n}\n.style-module_cell__1NoZ6:first-child {\n  background-color: white;\n  /** Add scroll snap to every column except the first one */\n  scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n  margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6:nth-child(n+3) {\n    margin-left: unset;\n  }\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6 {\n    flex: 1 0 211px;\n    flex: 1 0 var(--cellWidth, 211px);\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    padding: 24px 8px;\n  }\n  .style-module_cell__1NoZ6:first-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(212px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 212px), calc(var(--tableWidth) / 2));\n}\n\n.style-module_title__1xYvu {\n  position: relative;\n  color: #26262e;\n  display: none;\n}\n.style-module_title__1xYvu:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc( 50% + 16px );\n  height: 4px;\n  width: 100%;\n  max-width: 140px;\n  background-color: #8e8cee;\n}\n@media (min-width: 34rem) {\n  .style-module_title__1xYvu {\n    display: flex;\n  }\n}\n\n.style-module_sticky__2T5jm {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2T5jm {\n    border-right: 1px solid #fafaff;\n    flex: 1 0 288px;\n  }\n}\n\nh4.style-module_addon__CPf60 {\n  border-right: none;\n  max-width: calc(100vw - 64px);\n  width: 100%;\n}\n@media (min-width: 64rem) {\n  h4.style-module_addon__CPf60 {\n    max-width: 976px;\n  }\n}";
+var css_248z$k = ".style-module_header__32rw- {\n  position: relative;\n}\n.style-module_header__32rw- > div {\n  width: var(--tableWidth);\n  max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n  margin: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_header__32rw- > div {\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    max-width: var(--tableWidth);\n    scroll-snap-align: unset;\n  }\n}\n\n.style-module_cell__1NoZ6 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  scroll-snap-align: end;\n  line-height: 24px;\n  padding: 16px 8px;\n  color: #26262e;\n  width: 50vw;\n  max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n  padding: 16px 8px 16px 16px;\n}\n.style-module_cell__1NoZ6:first-child {\n  background-color: white;\n  /** Add scroll snap to every column except the first one */\n  scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n  margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6:nth-child(n+3) {\n    margin-left: unset;\n  }\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6 {\n    flex: 1 0 211px;\n    flex: 1 0 var(--cellWidth, 211px);\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    padding: 24px 8px;\n  }\n  .style-module_cell__1NoZ6:first-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(212px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 212px), calc(var(--tableWidth) / 2));\n}\n\n.style-module_title__1xYvu {\n  position: relative;\n  color: #26262e;\n  display: none;\n  line-height: 38px;\n  text-decoration: underline;\n  text-decoration-color: #8e8cee;\n  text-decoration-thickness: 4px;\n  text-underline-offset: 8px;\n}\n@media (min-width: 34rem) {\n  .style-module_title__1xYvu {\n    display: flex;\n  }\n}\n\n.style-module_sticky__2T5jm {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2T5jm {\n    border-right: 1px solid #fafaff;\n    flex: 1 0 288px;\n  }\n}\n\nh4.style-module_addon__CPf60 {\n  border-right: none;\n  max-width: calc(100vw - 64px);\n  width: 100%;\n}\n@media (min-width: 64rem) {\n  h4.style-module_addon__CPf60 {\n    max-width: 976px;\n  }\n}";
 var styles$j = {"header":"style-module_header__32rw-","cell":"style-module_cell__1NoZ6","title":"style-module_title__1xYvu","sticky":"style-module_sticky__2T5jm","addon":"style-module_addon__CPf60"};
 styleInject(css_248z$k);
 
@@ -14356,12 +14357,12 @@ var Accordion = function (_a) {
         }) }));
 };
 
-var css_248z$9 = ".TableCell-module_th__2rjCU {\n  vertical-align: middle;\n  scroll-snap-align: end;\n  width: 50%;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_th__2rjCU {\n    width: auto;\n    scroll-snap-align: unset;\n  }\n}\n\n.TableCell-module_fixedCell__cL3-m {\n  position: sticky;\n  left: 0;\n  z-index: 2;\n}\n.TableCell-module_fixedCell__cL3-m:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: 1px;\n  background-color: #f5f6fb;\n}\n\n.TableCell-module_fixedCard__2LO8s {\n  position: sticky;\n  left: 0;\n  right: 0;\n  z-index: 2;\n  width: 100%;\n}";
-var styles$9 = {"th":"TableCell-module_th__2rjCU","fixedCell":"TableCell-module_fixedCell__cL3-m","fixedCard":"TableCell-module_fixedCard__2LO8s"};
+var css_248z$9 = ".TableCell-module_th__2rjCU {\n  vertical-align: middle;\n  scroll-snap-align: end;\n  width: 50%;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_th__2rjCU {\n    width: auto;\n    scroll-snap-align: unset;\n  }\n}\n.TableCell-module_thNavigation__qZ2sY {\n  width: auto;\n}\n\n.TableCell-module_fixedCell__cL3-m {\n  position: sticky;\n  left: 0;\n  z-index: 2;\n}\n.TableCell-module_fixedCell__cL3-m:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: 1px;\n  background-color: #f5f6fb;\n}\n\n.TableCell-module_fixedCard__2LO8s {\n  position: sticky;\n  left: 0;\n  right: 0;\n  z-index: 2;\n  width: 100%;\n}";
+var styles$9 = {"th":"TableCell-module_th__2rjCU","thNavigation":"TableCell-module_thNavigation__qZ2sY","fixedCell":"TableCell-module_fixedCell__cL3-m","fixedCard":"TableCell-module_fixedCard__2LO8s"};
 styleInject(css_248z$9);
 
-var css_248z$8 = ".BaseCell-module_relative__1v2X0 {\n  position: relative;\n}\n\n.BaseCell-module_infoButtonAbsolute__Mpjrz {\n  position: absolute;\n  right: -32px;\n}\n\n.BaseCell-module_icon__1775U {\n  margin: 2px;\n}\n\n.BaseCell-module_bigWithUnderline__2xx5X {\n  position: relative;\n  display: none;\n}\n.BaseCell-module_bigWithUnderline__2xx5X:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc( 50% + 16px );\n  height: 4px;\n  width: 100%;\n  max-width: 140px;\n  background-color: #8e8cee;\n}\n@media (min-width: 34rem) {\n  .BaseCell-module_bigWithUnderline__2xx5X {\n    display: flex;\n  }\n}";
-var styles$8 = {"relative":"BaseCell-module_relative__1v2X0","infoButtonAbsolute":"BaseCell-module_infoButtonAbsolute__Mpjrz","icon":"BaseCell-module_icon__1775U","bigWithUnderline":"BaseCell-module_bigWithUnderline__2xx5X"};
+var css_248z$8 = ".BaseCell-module_relative__1v2X0 {\n  position: relative;\n}\n\n.BaseCell-module_infoButtonAbsolute__Mpjrz {\n  position: absolute;\n  right: -32px;\n}\n\n.BaseCell-module_icon__1775U {\n  margin: 2px;\n}\n\n.BaseCell-module_description__3_kfe {\n  word-break: break-word;\n}\n\n.BaseCell-module_bigWithUnderline__2xx5X {\n  position: relative;\n  display: none;\n  line-height: 38px;\n  text-decoration: underline;\n  text-decoration-color: #8e8cee;\n  text-decoration-thickness: 4px;\n  text-underline-offset: 8px;\n}\n@media (min-width: 34rem) {\n  .BaseCell-module_bigWithUnderline__2xx5X {\n    display: flex;\n  }\n}";
+var styles$8 = {"relative":"BaseCell-module_relative__1v2X0","infoButtonAbsolute":"BaseCell-module_infoButtonAbsolute__Mpjrz","icon":"BaseCell-module_icon__1775U","description":"BaseCell-module_description__3_kfe","bigWithUnderline":"BaseCell-module_bigWithUnderline__2xx5X"};
 styleInject(css_248z$8);
 
 var css_248z$7 = ".MiniProgressBar-module_progressBar__2K07F {\n  margin-bottom: 4px;\n}\n.MiniProgressBar-module_progressBar__2K07F rect {\n  fill: #ebebff;\n}\n\n.MiniProgressBar-module_filledBars1__ZhQbV rect:first-child {\n  fill: #91919c;\n}\n\n.MiniProgressBar-module_filledBars2__2lH_z rect:nth-child(-n+2) {\n  fill: #91919c;\n}\n\n.MiniProgressBar-module_filledBars3__1OKUj rect:nth-child(-n+3) {\n  fill: #b0cdf3;\n}\n\n.MiniProgressBar-module_filledBars4__T9kuj rect:nth-child(-n+4) {\n  fill: #b0cdf3;\n}\n\n.MiniProgressBar-module_filledBars5__WxVpb rect {\n  fill: #8e8cee;\n}";
@@ -14404,7 +14405,7 @@ var BaseCell = function (_a) {
                                                 title: modalTitle,
                                                 body: modalContent,
                                             });
-                                        } }) }))] })] }), description && (jsxRuntime.jsx("div", { className: classNames$1('d-flex p-p--small tc-grey-500', alignClassName), children: description })), modalContent && openModal && align == 'center' && (jsxRuntime.jsx("span", { className: styles$8.infoButtonAbsolute, children: jsxRuntime.jsx(TableInfoButton, { onClick: function () {
+                                        } }) }))] })] }), description && (jsxRuntime.jsx("div", { className: classNames$1(styles$8.description, 'd-flex p-p--small tc-grey-500', alignClassName), children: description })), modalContent && openModal && align == 'center' && (jsxRuntime.jsx("span", { className: styles$8.infoButtonAbsolute, children: jsxRuntime.jsx(TableInfoButton, { onClick: function () {
                             return openModal({
                                 title: modalTitle,
                                 body: modalContent,
@@ -14474,9 +14475,10 @@ var TableCell = require$$0__default['default'].memo(function (_a) {
     return (jsxRuntime.jsxs(Tag, __assign({}, scope, { className: classNames$1('bg-white py24 px8', styles$9.th, (_b = {
                 'ta-left': isFirstCellInRow
             },
+            _b[styles$9.thNavigation] = isNavigation,
             _b[styles$9.fixedCell] = isFirstCellInRow && colSpan < 1,
             _b[styles$9.fixedCard] = cellProps.type === 'CARD',
-            _b.pl32 = isFirstCellInRow,
+            _b.pl16 = isFirstCellInRow,
             _b)), colSpan: isBelowDesktop && cellProps.type === 'CARD' ? 2 : colSpan, children: [!cellProps.type && (jsxRuntime.jsx(BaseCell, __assign({}, cellProps, { fontVariant: isTopLeftCell
                     ? 'BIG_WITH_UNDERLINE'
                     : (_c = cellProps.fontVariant) !== null && _c !== void 0 ? _c : 'NORMAL' }))), cellProps.type === 'CTA' && jsxRuntime.jsx(CTACell, __assign({}, cellProps)), cellProps.type === 'BUTTON' && jsxRuntime.jsx(ButtonCell, __assign({}, cellProps)), cellProps.type === 'CARD' && jsxRuntime.jsx(CardCell, __assign({}, cellProps))] })));
@@ -14668,8 +14670,8 @@ var TableContents = function (_a) {
                 : isSectionOpen === index || isFirstSection;
             var isVisible = hideDetails ? !shouldHideDetails : true;
             var renderedIcon = (jsxRuntime.jsx(IconRenderer, { icon: section.icon, imageComponent: imageComponent }));
-            return ((isFirstSection || isVisible) && (jsxRuntime.jsxs("div", { children: [(section === null || section === void 0 ? void 0 : section.title) && (jsxRuntime.jsx("div", { className: styles$2.cardWrapper, children: jsxRuntime.jsx("div", { className: classNames$1(styles$2.card, 'p8'), children: jsxRuntime.jsx(Card, __assign({ actionIcon: isExpanded ? (jsxRuntime.jsx(ChevronUpIcon, { size: 24 })) : (jsxRuntime.jsx(ChevronDownIcon, { size: 24 })), "aria-expanded": isExpanded ? 'true' : 'false', "aria-hidden": true, classNames: {
-                                    wrapper: 'bg-grey-200',
+            return ((isFirstSection || isVisible) && (jsxRuntime.jsxs("div", { children: [(section === null || section === void 0 ? void 0 : section.title) && (jsxRuntime.jsx("div", { className: styles$2.cardWrapper, children: jsxRuntime.jsx("div", { className: classNames$1(styles$2.card, 'p0'), children: jsxRuntime.jsx(Card, __assign({ actionIcon: isExpanded ? (jsxRuntime.jsx(ChevronUpIcon, { size: 24 })) : (jsxRuntime.jsx(ChevronDownIcon, { size: 24 })), "aria-expanded": isExpanded ? 'true' : 'false', "aria-hidden": true, classNames: {
+                                    wrapper: 'bg-grey-200 pl16',
                                     icon: 'tc-grey-900',
                                 }, dropShadow: false, icon: renderedIcon, title: section.title, titleVariant: "medium" }, (collapsibleSections
                                 ? {