@popsure/dirty-swan 0.44.0 → 0.45.0-alpha

package/dist/cjs/index.js

@@ -8232,8 +8232,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(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(buttonTypeClassNameMap[variant], className, {
             'p-btn--loading': loading,
             'tc-transparent': loading,
             'p-btn--icon-only': hideLabel,
@@ -8701,7 +8702,7 @@ var InfoCard = function (_a) {
     return (jsxRuntime.jsxs("div", __assign({ className: styles$g['root-container'] + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: [jsxRuntime.jsx("img", { src: topIcon.src, alt: topIcon.alt, className: styles$g['top-icon'] + " " + (state === 'muted' ? styles$g['top-icon--muted'] : '') + " ", width: "80px", height: "80px" }, void 0),
             jsxRuntime.jsxs("div", __assign({ className: associatedClassForCardState(state, dropshadow) + " " + styles$g.container }, { children: [rightIcon && (jsxRuntime.jsx("img", { width: "20px", height: "20px", className: styles$g['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));
+                    jsxRuntime.jsx("div", __assign({ className: "p-p mt16 tc-grey-600" }, { children: children }), void 0)] }), void 0)] }), void 0));
 };
 
 var css_248z$g = ".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}\n\n.style-module_chevronRight__24wkt {\n  min-width: 16px;\n}";
@@ -13670,7 +13671,7 @@ var useComparisonTable = function () {
             (_b = observerRef.current) === null || _b === void 0 ? void 0 : _b.disconnect();
         };
     }, []);
-    require$$0.useLayoutEffect(function () {
+    require$$0.useEffect(function () {
         var resetHeaderWidth = function () {
             if (headerRef.current) {
                 setHeaderWidth(headerRef.current.clientWidth);