@popsure/dirty-swan 0.41.7 → 0.41.8
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 +7 -6
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/card/index.d.ts +1 -0
- package/dist/esm/components/card/index.js +7 -6
- package/dist/esm/components/card/index.js.map +1 -1
- package/dist/esm/lib/components/card/index.d.ts +1 -0
- package/package.json +1 -1
- package/src/lib/components/card/index.tsx +28 -24
- package/src/lib/components/card/style.module.scss +2 -1
package/dist/cjs/index.js
CHANGED
|
@@ -8746,7 +8746,7 @@ var associatedClassForCardState = function (state, dropshadow) {
|
|
|
8746
8746
|
return baseClass;
|
|
8747
8747
|
};
|
|
8748
8748
|
|
|
8749
|
-
var css_248z$f = ".style-module_button__KWY7b {\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}";
|
|
8749
|
+
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}";
|
|
8750
8750
|
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"};
|
|
8751
8751
|
styleInject(css_248z$f);
|
|
8752
8752
|
|
|
@@ -8755,9 +8755,9 @@ var CardContent = function (_a) {
|
|
|
8755
8755
|
return (jsxRuntime.jsxs("section", __assign({ className: classNames('d-flex fd-column jc-center br8 bg-white w100 ta-left', { 'bs-sm': dropShadow }, {
|
|
8756
8756
|
compact: 'p16',
|
|
8757
8757
|
balanced: 'p24',
|
|
8758
|
-
spacious: 'p32'
|
|
8759
|
-
}[density], classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper) }, { children: [jsxRuntime.jsxs("div", __assign({ className:
|
|
8760
|
-
jsxRuntime.jsxs("div", __assign({ className:
|
|
8758
|
+
spacious: 'p32',
|
|
8759
|
+
}[density], classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex w100" }, { children: [icon && (jsxRuntime.jsx("div", __assign({ className: classNames("d-flex ai-center tc-primary-500", styles$e.icon, styles$e["icon" + density], classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.icon) }, { children: icon }), void 0)),
|
|
8760
|
+
jsxRuntime.jsxs("div", __assign({ className: "d-flex jc-between w100" }, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex jc-center gap8 fd-column tc-grey-900 w100" }, { children: [label && (jsxRuntime.jsx("h3", __assign({ className: classNames('p-p--small', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.label) }, { children: label }), void 0)),
|
|
8761
8761
|
title && (jsxRuntime.jsx("h2", __assign({ className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.title, {
|
|
8762
8762
|
large: 'p-h3',
|
|
8763
8763
|
medium: 'p-h4',
|
|
@@ -8765,12 +8765,13 @@ var CardContent = function (_a) {
|
|
|
8765
8765
|
}[titleVariant]) }, { children: title }), void 0)),
|
|
8766
8766
|
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),
|
|
8767
8767
|
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),
|
|
8768
|
-
children &&
|
|
8768
|
+
children && jsxRuntime.jsx("div", __assign({ className: classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.children }, { children: children }), void 0)] }), void 0));
|
|
8769
8769
|
};
|
|
8770
8770
|
var Card = function (props) {
|
|
8771
|
+
var _a;
|
|
8771
8772
|
var onClick = props.onClick;
|
|
8772
8773
|
if (onClick) {
|
|
8773
|
-
return (jsxRuntime.jsx("button", __assign({ className: classNames('c-pointer d-flex w100 br8', styles$e.button), onClick: onClick, type: "button" }, { children: jsxRuntime.jsx(CardContent, __assign({}, props), void 0) }), void 0));
|
|
8774
|
+
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));
|
|
8774
8775
|
}
|
|
8775
8776
|
return jsxRuntime.jsx(CardContent, __assign({}, props), void 0);
|
|
8776
8777
|
};
|