@popsure/dirty-swan 0.41.7 → 0.41.9
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 +8 -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/components/dateSelector/index.js +1 -1
- package/dist/esm/components/dateSelector/index.stories.js +1 -1
- package/dist/esm/components/dateSelector/index.test.js +1 -1
- package/dist/esm/components/icon/IconWrapper/IconWrapper.js +1 -0
- package/dist/esm/components/icon/IconWrapper/IconWrapper.js.map +1 -1
- package/dist/esm/components/icon/icons.stories.js +1 -1
- package/dist/esm/components/icon/index.stories.js +1 -1
- package/dist/esm/components/toast/index.js +1 -1
- package/dist/esm/components/toast/index.stories.js +1 -1
- package/dist/esm/components/toast/index.test.js +1 -1
- package/dist/esm/{index-45edc7d0.js → index-2c193605.js} +1 -1
- package/dist/esm/{index-45edc7d0.js.map → index-2c193605.js.map} +1 -1
- package/dist/esm/{index-83ae7f18.js → index-e506c4ca.js} +1 -1
- package/dist/esm/{index-83ae7f18.js.map → index-e506c4ca.js.map} +1 -1
- package/dist/esm/{index-02a5537e.js → index-f0e3bc9a.js} +1 -1
- package/dist/esm/{index-02a5537e.js.map → index-f0e3bc9a.js.map} +1 -1
- package/dist/esm/index.js +2 -2
- 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/src/lib/components/icon/IconWrapper/IconWrapper.tsx +1 -0
package/dist/cjs/index.js
CHANGED
|
@@ -2274,6 +2274,7 @@ var IconWrapper = function (_a) {
|
|
|
2274
2274
|
_b["tc-" + color] = !!color,
|
|
2275
2275
|
_b[styles$y.wrapper] = !noMargin,
|
|
2276
2276
|
_b)), style: {
|
|
2277
|
+
minWidth: size + "px",
|
|
2277
2278
|
width: size + "px",
|
|
2278
2279
|
height: size + "px"
|
|
2279
2280
|
} }, { children: jsxRuntime.jsx("svg", __assign({ className: 'w100', viewBox: "0 0 24 24", fill: "none" }, { children: children }), void 0) }), void 0));
|
|
@@ -8746,7 +8747,7 @@ var associatedClassForCardState = function (state, dropshadow) {
|
|
|
8746
8747
|
return baseClass;
|
|
8747
8748
|
};
|
|
8748
8749
|
|
|
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}";
|
|
8750
|
+
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
8751
|
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
8752
|
styleInject(css_248z$f);
|
|
8752
8753
|
|
|
@@ -8755,9 +8756,9 @@ var CardContent = function (_a) {
|
|
|
8755
8756
|
return (jsxRuntime.jsxs("section", __assign({ className: classNames('d-flex fd-column jc-center br8 bg-white w100 ta-left', { 'bs-sm': dropShadow }, {
|
|
8756
8757
|
compact: 'p16',
|
|
8757
8758
|
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:
|
|
8759
|
+
spacious: 'p32',
|
|
8760
|
+
}[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)),
|
|
8761
|
+
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
8762
|
title && (jsxRuntime.jsx("h2", __assign({ className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.title, {
|
|
8762
8763
|
large: 'p-h3',
|
|
8763
8764
|
medium: 'p-h4',
|
|
@@ -8765,12 +8766,13 @@ var CardContent = function (_a) {
|
|
|
8765
8766
|
}[titleVariant]) }, { children: title }), void 0)),
|
|
8766
8767
|
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
8768
|
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 &&
|
|
8769
|
+
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
8770
|
};
|
|
8770
8771
|
var Card = function (props) {
|
|
8772
|
+
var _a;
|
|
8771
8773
|
var onClick = props.onClick;
|
|
8772
8774
|
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));
|
|
8775
|
+
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
8776
|
}
|
|
8775
8777
|
return jsxRuntime.jsx(CardContent, __assign({}, props), void 0);
|
|
8776
8778
|
};
|