@popsure/dirty-swan 0.41.9 → 0.41.11

package/dist/cjs/index.js

@@ -8747,12 +8747,13 @@ var associatedClassForCardState = function (state, dropshadow) {
     return baseClass;
 };
 
-var css_248z$f = ".style-module_button__KWY7b {\n  background-color: transparent;\n  border: 1px solid transparent;\n  color: #26262e;\n  outline-color: #8e8cee;\n  transition: all 0.2s ease-in-out;\n}\n.style-module_button__KWY7b:hover {\n  border-color: #8e8cee;\n  color: #8e8cee;\n}\n\n.style-module_icon__N6B2P {\n  margin-right: 12px;\n}\n.style-module_iconbalanced__3JdKC {\n  margin-right: 16px;\n}\n.style-module_iconspacious__36ovv {\n  margin-right: 24px;\n}\n\n.style-module_actionIcon__2klnb {\n  margin-left: 12px;\n}\n.style-module_actionIconbalanced__1duYl {\n  margin-left: 16px;\n}\n.style-module_actionIconspacious__1sjsd {\n  margin-left: 24px;\n}";
+var css_248z$f = ".style-module_button__KWY7b {\n  background-color: transparent;\n  color: #26262e;\n  outline: 1px solid transparent;\n  transition: all 0.2s ease-in-out;\n}\n.style-module_button__KWY7b:hover {\n  outline: 1px solid #8e8cee;\n  color: #8e8cee;\n}\n.style-module_button__KWY7b:focus-visible {\n  outline: 2px solid #8e8cee;\n  color: #8e8cee;\n}\n\n.style-module_icon__N6B2P {\n  margin-right: 12px;\n}\n.style-module_iconbalanced__3JdKC {\n  margin-right: 16px;\n}\n.style-module_iconspacious__36ovv {\n  margin-right: 24px;\n}\n\n.style-module_actionIcon__2klnb {\n  margin-left: 12px;\n}\n.style-module_actionIconbalanced__1duYl {\n  margin-left: 16px;\n}\n.style-module_actionIconspacious__1sjsd {\n  margin-left: 24px;\n}";
 var styles$e = {"button":"style-module_button__KWY7b","icon":"style-module_icon__N6B2P","iconbalanced":"style-module_iconbalanced__3JdKC","iconspacious":"style-module_iconspacious__36ovv","actionIcon":"style-module_actionIcon__2klnb","actionIconbalanced":"style-module_actionIconbalanced__1duYl","actionIconspacious":"style-module_actionIconspacious__1sjsd"};
 styleInject(css_248z$f);
 
 var CardContent = function (_a) {
     var children = _a.children, classNames$1 = _a.classNames, _b = _a.density, density = _b === void 0 ? 'balanced' : _b, description = _a.description, _c = _a.descriptionVariant, descriptionVariant = _c === void 0 ? 'large' : _c, _d = _a.dropShadow, dropShadow = _d === void 0 ? true : _d, icon = _a.icon, label = _a.label, onClick = _a.onClick, actionIcon = _a.actionIcon, title = _a.title, _e = _a.titleVariant, titleVariant = _e === void 0 ? 'large' : _e;
+    var hideActionIcon = typeof actionIcon !== 'undefined' && !actionIcon;
     return (jsxRuntime.jsxs("section", __assign({ className: classNames('d-flex fd-column jc-center br8 bg-white w100 ta-left', { 'bs-sm': dropShadow }, {
             compact: 'p16',
             balanced: 'p24',
@@ -8765,14 +8766,14 @@ var CardContent = function (_a) {
                                             small: 'p-p',
                                         }[titleVariant]) }, { children: title }), void 0)),
                                     description && (jsxRuntime.jsx("div", __assign({ className: classNames('tc-grey-600', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p') }, { children: description }), void 0))] }), void 0),
-                            onClick && (jsxRuntime.jsx("div", __assign({ className: classNames(styles$e.actionIcon, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.actionIcon, styles$e["actionIcon" + density], 'd-flex ai-center') }, { children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }, void 0) }), void 0))] }), void 0)] }), void 0),
+                            onClick && !hideActionIcon && (jsxRuntime.jsx("div", __assign({ className: classNames(styles$e.actionIcon, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.actionIcon, styles$e["actionIcon" + density], 'd-flex ai-center') }, { children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }, void 0) }), void 0))] }), void 0)] }), void 0),
             children && jsxRuntime.jsx("div", __assign({ className: classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.children }, { children: children }), void 0)] }), void 0));
 };
 var Card = function (props) {
     var _a;
     var onClick = props.onClick;
     if (onClick) {
-        return (jsxRuntime.jsx("button", __assign({ className: classNames('c-pointer d-flex w100 br8', styles$e.button, (_a = props.classNames) === null || _a === void 0 ? void 0 : _a.buttonWrapper), onClick: onClick, type: "button" }, { children: jsxRuntime.jsx(CardContent, __assign({}, props), void 0) }), void 0));
+        return (jsxRuntime.jsx("button", __assign({ className: classNames('c-pointer d-flex w100 br8 ai-stretch', styles$e.button, (_a = props.classNames) === null || _a === void 0 ? void 0 : _a.buttonWrapper), onClick: onClick, type: "button" }, { children: jsxRuntime.jsx(CardContent, __assign({}, props), void 0) }), void 0));
     }
     return jsxRuntime.jsx(CardContent, __assign({}, props), void 0);
 };
@@ -13664,6 +13665,15 @@ var useComparisonTable = function () {
             (_b = observerRef.current) === null || _b === void 0 ? void 0 : _b.disconnect();
         };
     }, []);
+    require$$0.useLayoutEffect(function () {
+        var resetHeaderWidth = function () {
+            if (headerRef.current) {
+                setHeaderWidth(headerRef.current.clientWidth);
+            }
+        };
+        window.addEventListener('resize', resetHeaderWidth);
+        return function () { return window.removeEventListener('resize', resetHeaderWidth); };
+    }, []);
     var handleTableScroll = function () {
         if (!headerRef.current) {
             return;