@popsure/dirty-swan 0.59.0-beta-3 → 0.59.0-beta-5
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 +14 -9
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/cards/infoCard/index.d.ts +1 -1
- package/dist/esm/{TableSection-018d8e8f.js → TableSection-4be9ca3a.js} +1 -1
- package/dist/esm/{TableSection-018d8e8f.js.map → TableSection-4be9ca3a.js.map} +1 -1
- package/dist/esm/components/cards/card/index.js +7 -5
- package/dist/esm/components/cards/card/index.js.map +1 -1
- package/dist/esm/components/cards/infoCard/index.js +7 -4
- package/dist/esm/components/cards/infoCard/index.js.map +1 -1
- package/dist/esm/components/cards/infoCard/index.stories.js +3 -3
- package/dist/esm/components/cards/infoCard/index.stories.js.map +1 -1
- package/dist/esm/components/table/Table.js +1 -1
- package/dist/esm/components/table/Table.stories.js +1 -1
- package/dist/esm/components/table/Table.test.js +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.js +1 -1
- package/dist/esm/components/table/components/TableContents/TableContents.test.js +1 -1
- package/dist/esm/components/table/components/TableSection/TableSection.js +1 -1
- package/dist/esm/components/table/components/TableSection/TableSection.test.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/lib/components/cards/infoCard/index.d.ts +1 -1
- package/dist/esm/scss/public/demo.js +21 -11
- package/dist/esm/scss/public/demo.js.map +1 -1
- package/dist/index.css +27 -21
- package/dist/index.css.map +1 -1
- package/dist/lib/scss/private/base/_typography.scss +1 -2
- package/dist/lib/scss/private/components/_cards.scss +6 -5
- package/dist/lib/scss/private/components/_input.scss +4 -0
- package/dist/lib/scss/public/colors/default.scss +1 -1
- package/dist/lib/scss/public/demo.tsx +21 -11
- package/dist/lib/scss/public/font-weight.scss +1 -1
- package/package.json +1 -1
- package/src/lib/components/cards/card/index.tsx +3 -0
- package/src/lib/components/cards/card/style.module.scss +26 -13
- package/src/lib/components/cards/infoCard/index.stories.tsx +23 -10
- package/src/lib/components/cards/infoCard/index.tsx +66 -60
- package/src/lib/components/cards/infoCard/style.module.scss +4 -0
- package/src/lib/scss/private/base/_typography.scss +1 -2
- package/src/lib/scss/private/components/_cards.scss +6 -5
- package/src/lib/scss/private/components/_input.scss +4 -0
- package/src/lib/scss/private/components/cards.mdx +2 -2
- package/src/lib/scss/public/colors/default.scss +1 -1
- package/src/lib/scss/public/demo.tsx +21 -11
- package/src/lib/scss/public/font-weight.mdx +1 -1
- package/src/lib/scss/public/font-weight.scss +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -11655,14 +11655,14 @@ var FullScreenModal = function (_a) {
|
|
|
11655
11655
|
}, body: classNames$1(styles$s.body, classNames === null || classNames === void 0 ? void 0 : classNames.body) }) }, rest)));
|
|
11656
11656
|
};
|
|
11657
11657
|
|
|
11658
|
-
var css_248z$s = ".style-module_border-strong-default__3_zF3 {\n border: 1px solid #d2d2d9;\n}\n\n.style-module_border-strong-hover__2gkuG {\n border: 1px solid #919199;\n}\n\n.style-module_border-strong-active__3BFbj {\n border: 1px solid #26262e;\n}\n\n.style-module_border-medium-default__21dIE {\n border: 1px solid #e7e7ed;\n}\n\n.style-module_border-medium-hover__Pq6pQ {\n border: 1px solid #b8b8c0;\n}\n\n.style-module_border-medium-active__uLwlN {\n border: 1px solid #3f3f47;\n}\n\n.style-module_border-soft-default__398BS {\n border: 1px solid #
|
|
11659
|
-
var styles$r = {"border-strong-default":"style-module_border-strong-default__3_zF3","border-strong-hover":"style-module_border-strong-hover__2gkuG","border-strong-active":"style-module_border-strong-active__3BFbj","border-medium-default":"style-module_border-medium-default__21dIE","border-medium-hover":"style-module_border-medium-hover__Pq6pQ","border-medium-active":"style-module_border-medium-active__uLwlN","border-soft-default":"style-module_border-soft-default__398BS","border-soft-hover":"style-module_border-soft-hover__30OW0","border-soft-active":"style-module_border-soft-active__eUC5s","border-focus":"style-module_border-focus__28f29","wrapper":"style-module_wrapper__35C6V","wrapper--default":"style-module_wrapper--default__NYcwG","wrapper--transparent":"style-module_wrapper--transparent__1M1sg","wrapper--outline":"style-module_wrapper--outline__3fBDi","wrapper--secondary":"style-module_wrapper--secondary__1l7bB","wrapper--primary":"style-module_wrapper--primary__Sulin","button":"style-module_button__P-UIa","icon":"style-module_icon__15X1c","iconbalanced":"style-module_iconbalanced__Zb-hZ","iconspacious":"style-module_iconspacious__3Ly0X","actionIcon":"style-module_actionIcon__3pnwR","actionIconbalanced":"style-module_actionIconbalanced__19jnn","actionIconspacious":"style-module_actionIconspacious__2LJN4","description":"style-module_description__ksrnP"};
|
|
11658
|
+
var css_248z$s = ".style-module_border-strong-default__3_zF3 {\n border: 1px solid #d2d2d9;\n}\n\n.style-module_border-strong-hover__2gkuG {\n border: 1px solid #919199;\n}\n\n.style-module_border-strong-active__3BFbj {\n border: 1px solid #26262e;\n}\n\n.style-module_border-medium-default__21dIE {\n border: 1px solid #e7e7ed;\n}\n\n.style-module_border-medium-hover__Pq6pQ {\n border: 1px solid #b8b8c0;\n}\n\n.style-module_border-medium-active__uLwlN {\n border: 1px solid #3f3f47;\n}\n\n.style-module_border-soft-default__398BS {\n border: 1px solid #f2f2f8;\n}\n\n.style-module_border-soft-hover__30OW0 {\n border: 1px solid #d2d2d9;\n}\n\n.style-module_border-soft-active__eUC5s {\n border: 1px solid #919199;\n}\n\n.style-module_border-focus__28f29 {\n border: 2px solid #26262e;\n}\n\n.style-module_wrapper__35C6V {\n background-color: #fff;\n border: 1px solid transparent;\n transition: all 0.2s ease-in-out;\n}\n.style-module_wrapper--default__NYcwG {\n background-color: #fff;\n}\n.style-module_wrapper--defaultNoShadow__2x-zI {\n border: 1px solid #f2f2f8;\n}\n.style-module_wrapper--transparent__1M1sg {\n background-color: transparent;\n}\n.style-module_wrapper--outline__3fBDi {\n background-color: #fff;\n border: 1px solid #d2d2d9;\n}\n.style-module_wrapper--secondary__1l7bB {\n background-color: #EEEEFE;\n}\n.style-module_wrapper--primary__Sulin {\n background-color: #FEECD3;\n}\n\n.style-module_button__P-UIa {\n background-color: transparent;\n color: #26262e;\n outline: 1px solid transparent;\n transition: all 0.2s ease-in-out;\n text-decoration: none;\n border-radius: 8px;\n border: 1px solid transparent;\n outline: 1px solid transparent;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--default__NYcwG {\n border: 1px solid #d2d2d9;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--transparent__1M1sg {\n background-color: transparent;\n border-color: transparent;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--outline__3fBDi {\n background-color: #fff;\n border: 1px solid #26262e;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--secondary__1l7bB {\n background-color: #EEEEFE;\n border-color: #B8B4F3;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--primary__Sulin {\n background-color: #FEECD3;\n border-color: #F2B873;\n}\n.style-module_button__P-UIa:focus-visible .style-module_wrapper__35C6V {\n border-color: #26262e;\n box-shadow: inset 0 0 0 1px #26262e;\n}\n.style-module_button__P-UIa:focus-visible .style-module_wrapper--default__NYcwG {\n border-color: #26262e;\n}\n.style-module_button__P-UIa:focus-visible .style-module_wrapper--outline__3fBDi {\n border-color: #26262e;\n}\n.style-module_button__P-UIa:focus-visible .style-module_wrapper--transparent__1M1sg {\n background-color: #f2f2f8;\n}\n.style-module_button__P-UIa:active .style-module_wrapper__35C6V {\n border-color: #b8b8c0;\n box-shadow: inset 0 0 0 1px #b8b8c0;\n}\n.style-module_button__P-UIa:active .style-module_wrapper--outline__3fBDi {\n border-color: #26262e;\n box-shadow: inset 0 0 0 1px #26262e;\n}\n.style-module_button__P-UIa:active .style-module_wrapper--transparent__1M1sg {\n background-color: #f2f2f8;\n border-color: transparent;\n box-shadow: none;\n}\n.style-module_button__P-UIa:active .style-module_wrapper--primary__Sulin {\n border-color: #F2B873;\n box-shadow: inset 0 0 0 1px #F2B873;\n}\n.style-module_button__P-UIa:active .style-module_wrapper--secondary__1l7bB {\n border-color: #8883D8;\n box-shadow: inset 0 0 0 1px #8883D8;\n}\n\n.style-module_icon__15X1c {\n margin-right: 12px;\n color: #26262e;\n}\n.style-module_iconbalanced__Zb-hZ {\n margin-right: 16px;\n}\n.style-module_iconspacious__3Ly0X {\n margin-right: 24px;\n}\n\n.style-module_actionIcon__3pnwR {\n color: #26262e;\n margin-left: 12px;\n}\n.style-module_actionIconbalanced__19jnn {\n margin-left: 16px;\n}\n.style-module_actionIconspacious__2LJN4 {\n margin-left: 24px;\n}\n\n.style-module_description__ksrnP {\n color: #696971;\n}";
|
|
11659
|
+
var styles$r = {"border-strong-default":"style-module_border-strong-default__3_zF3","border-strong-hover":"style-module_border-strong-hover__2gkuG","border-strong-active":"style-module_border-strong-active__3BFbj","border-medium-default":"style-module_border-medium-default__21dIE","border-medium-hover":"style-module_border-medium-hover__Pq6pQ","border-medium-active":"style-module_border-medium-active__uLwlN","border-soft-default":"style-module_border-soft-default__398BS","border-soft-hover":"style-module_border-soft-hover__30OW0","border-soft-active":"style-module_border-soft-active__eUC5s","border-focus":"style-module_border-focus__28f29","wrapper":"style-module_wrapper__35C6V","wrapper--default":"style-module_wrapper--default__NYcwG","wrapper--defaultNoShadow":"style-module_wrapper--defaultNoShadow__2x-zI","wrapper--transparent":"style-module_wrapper--transparent__1M1sg","wrapper--outline":"style-module_wrapper--outline__3fBDi","wrapper--secondary":"style-module_wrapper--secondary__1l7bB","wrapper--primary":"style-module_wrapper--primary__Sulin","button":"style-module_button__P-UIa","icon":"style-module_icon__15X1c","iconbalanced":"style-module_iconbalanced__Zb-hZ","iconspacious":"style-module_iconspacious__3Ly0X","actionIcon":"style-module_actionIcon__3pnwR","actionIconbalanced":"style-module_actionIconbalanced__19jnn","actionIconspacious":"style-module_actionIconspacious__2LJN4","description":"style-module_description__ksrnP"};
|
|
11660
11660
|
styleInject(css_248z$s);
|
|
11661
11661
|
|
|
11662
11662
|
var cardDefaultAs = 'section';
|
|
11663
11663
|
var Card = function (_a) {
|
|
11664
|
-
var _b;
|
|
11665
|
-
var as = _a.as, children = _a.children, classNames = _a.classNames,
|
|
11664
|
+
var _b, _c;
|
|
11665
|
+
var as = _a.as, children = _a.children, classNames = _a.classNames, _d = _a.density, density = _d === void 0 ? 'balanced' : _d, description = _a.description, _e = _a.descriptionVariant, descriptionVariant = _e === void 0 ? 'large' : _e, _f = _a.dropShadow, dropShadow = _f === void 0 ? true : _f, icon = _a.icon, label = _a.label, onClick = _a.onClick, actionIcon = _a.actionIcon, title = _a.title, _g = _a.titleVariant, titleVariant = _g === void 0 ? 'large' : _g, showActionIcon = _a.showActionIcon, _h = _a.verticalAlignment, verticalAlignment = _h === void 0 ? 'center' : _h, _j = _a.variant, variant = _j === void 0 ? 'default' : _j, rest = __rest$1(_a, ["as", "children", "classNames", "density", "description", "descriptionVariant", "dropShadow", "icon", "label", "onClick", "actionIcon", "title", "titleVariant", "showActionIcon", "verticalAlignment", "variant"]);
|
|
11666
11666
|
var hideActionIcon = typeof actionIcon !== 'undefined' && !actionIcon;
|
|
11667
11667
|
var propsWithActionIcon = onClick || (rest === null || rest === void 0 ? void 0 : rest.href) || rest.to;
|
|
11668
11668
|
var cardDefaultTag = onClick ? 'button' : cardDefaultAs;
|
|
@@ -11682,7 +11682,9 @@ var Card = function (_a) {
|
|
|
11682
11682
|
top: 'jc-start',
|
|
11683
11683
|
center: 'jc-center',
|
|
11684
11684
|
bottom: 'jc-end',
|
|
11685
|
-
}[verticalAlignment], styles$r === null || styles$r === void 0 ? void 0 : styles$r.wrapper, styles$r === null || styles$r === void 0 ? void 0 : styles$r["wrapper--".concat(variant)],
|
|
11685
|
+
}[verticalAlignment], styles$r === null || styles$r === void 0 ? void 0 : styles$r.wrapper, styles$r === null || styles$r === void 0 ? void 0 : styles$r["wrapper--".concat(variant)], (_c = {},
|
|
11686
|
+
_c[styles$r === null || styles$r === void 0 ? void 0 : styles$r["wrapper--defaultNoShadow"]] = !dropShadow && variant === 'default',
|
|
11687
|
+
_c), classNames === null || classNames === void 0 ? void 0 : classNames.wrapper), children: [jsxRuntime.jsxs("div", { className: "d-flex w100", children: [icon && (jsxRuntime.jsx("div", { className: classNames$1("d-flex", styles$r.icon, styles$r["icon".concat(density)], classNames === null || classNames === void 0 ? void 0 : classNames.icon, {
|
|
11686
11688
|
top: 'ai-start',
|
|
11687
11689
|
center: 'ai-center',
|
|
11688
11690
|
bottom: 'ai-end',
|
|
@@ -11693,20 +11695,23 @@ var Card = function (_a) {
|
|
|
11693
11695
|
}[titleVariant]), children: title })), description && (jsxRuntime.jsx("div", { className: classNames$1(styles$r.description, classNames === null || classNames === void 0 ? void 0 : classNames.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p'), children: description }))] }), (showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (jsxRuntime.jsx("div", { className: classNames$1(styles$r.actionIcon, classNames === null || classNames === void 0 ? void 0 : classNames.actionIcon, styles$r["actionIcon".concat(density)], 'd-flex ai-center'), children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }) }))] })] }), children && jsxRuntime.jsx("div", { className: classNames === null || classNames === void 0 ? void 0 : classNames.children, children: children })] }) })));
|
|
11694
11696
|
};
|
|
11695
11697
|
|
|
11696
|
-
var css_248z$r = ".style-module_bs-xs__2s8AD {\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.style-module_bs-sm__2KgTp {\n box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);\n}\n\n.style-module_bs-md__3yrN1 {\n box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n}\n\n.style-module_bs-lg__Ydmy8 {\n box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);\n}\n\n.style-module_bs-xl__9OYoN {\n box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);\n}\n\n.style-module_bannerWrapper__1m3mn {\n padding-top: 124px;\n}\n\n.style-module_buttonWrapper__-dmFc:focus .style-module_wrapper__rVPyi {\n border-color: #696971;\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #696971;\n}\n\n.style-module_buttonWrapper__-dmFc:focus-visible .style-module_wrapper__rVPyi {\n overflow: hidden;\n border-color: #26262e;\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #26262e;\n}\n\n.style-module_topIconWrapper__VYKR7 {\n position: absolute;\n width: 80px;\n height: 80px;\n left: 50%;\n transform: translateX(-50%) translateY(-80px);\n}\n.style-module_topIconWrapper--muted__2a4Lq {\n opacity: 0.25;\n}\n\n.style-module_topIconBanner__31-Hc {\n position: absolute;\n top: -123px;\n left: -15px;\n right: -15px;\n height: 124px;\n width: calc(100% + 30px);\n overflow: hidden;\n}\n.style-module_topIconBanner__31-Hc img {\n position: absolute;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n min-width: 100%;\n min-height: 100%;\n}\n\n.style-module_contentWrapper__B1Dn1 {\n gap: 0 !important;\n}\n\n.style-module_floatingLabel__1iIBj {\n position: relative;\n}\n\n.style-module_disabled__1u28- {\n opacity: 0.25;\n cursor: not-allowed;\n}";
|
|
11698
|
+
var css_248z$r = ".style-module_bs-xs__2s8AD {\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.style-module_bs-sm__2KgTp {\n box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);\n}\n\n.style-module_bs-md__3yrN1 {\n box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n}\n\n.style-module_bs-lg__Ydmy8 {\n box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);\n}\n\n.style-module_bs-xl__9OYoN {\n box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);\n}\n\n.style-module_bannerWrapper__1m3mn {\n padding-top: 124px;\n}\n\n.style-module_buttonWrapper__-dmFc:focus .style-module_wrapper__rVPyi {\n border-color: #696971;\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #696971;\n}\n\n.style-module_buttonWrapper__-dmFc:focus-visible .style-module_wrapper__rVPyi {\n overflow: hidden;\n border-color: #26262e;\n box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #26262e;\n}\n\n.style-module_topIconWrapper__VYKR7 {\n position: absolute;\n width: 80px;\n height: 80px;\n left: 50%;\n transform: translateX(-50%) translateY(-80px);\n}\n.style-module_topIconWrapper--muted__2a4Lq {\n opacity: 0.25;\n}\n.style-module_topIconWrapper__VYKR7 img {\n border-radius: 50%;\n}\n\n.style-module_topIconBanner__31-Hc {\n position: absolute;\n top: -123px;\n left: -15px;\n right: -15px;\n height: 124px;\n width: calc(100% + 30px);\n overflow: hidden;\n}\n.style-module_topIconBanner__31-Hc img {\n position: absolute;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n min-width: 100%;\n min-height: 100%;\n}\n\n.style-module_contentWrapper__B1Dn1 {\n gap: 0 !important;\n}\n\n.style-module_floatingLabel__1iIBj {\n position: relative;\n}\n\n.style-module_disabled__1u28- {\n opacity: 0.25;\n cursor: not-allowed;\n}";
|
|
11697
11699
|
var styles$q = {"bs-xs":"style-module_bs-xs__2s8AD","bs-sm":"style-module_bs-sm__2KgTp","bs-md":"style-module_bs-md__3yrN1","bs-lg":"style-module_bs-lg__Ydmy8","bs-xl":"style-module_bs-xl__9OYoN","bannerWrapper":"style-module_bannerWrapper__1m3mn","buttonWrapper":"style-module_buttonWrapper__-dmFc","wrapper":"style-module_wrapper__rVPyi","topIconWrapper":"style-module_topIconWrapper__VYKR7","topIconWrapper--muted":"style-module_topIconWrapper--muted__2a4Lq","topIconBanner":"style-module_topIconBanner__31-Hc","contentWrapper":"style-module_contentWrapper__B1Dn1","floatingLabel":"style-module_floatingLabel__1iIBj","disabled":"style-module_disabled__1u28-"};
|
|
11698
11700
|
styleInject(css_248z$r);
|
|
11699
11701
|
|
|
11700
11702
|
var InfoCard = function (_a) {
|
|
11701
11703
|
var _b, _c, _d;
|
|
11702
11704
|
_a.className; var _e = _a.showIcon, showIcon = _e === void 0 ? true : _e, title = _a.title, children = _a.children, topIcon = _a.topIcon, topIconType = _a.topIconType, _f = _a.disabled, disabled = _f === void 0 ? false : _f, onClick = _a.onClick, cardProps = __rest$1(_a, ["className", "showIcon", "title", "children", "topIcon", "topIconType", "disabled", "onClick"]);
|
|
11703
|
-
|
|
11705
|
+
var isIconType = topIconType === 'icon' || topIconType === 'iconWithBackground';
|
|
11706
|
+
return (jsxRuntime.jsx(Card, __assign({}, cardProps, { label: topIcon && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isIconType ? (jsxRuntime.jsx("div", { className: classNames$1('d-flex ai-center jc-center br-circle p16', styles$q.topIconWrapper, {
|
|
11707
|
+
'bg-orange-200': topIconType === 'iconWithBackground'
|
|
11708
|
+
}), children: topIcon })) : (jsxRuntime.jsx("div", { className: classNames$1('d-flex ai-center jc-center', (_b = {}, _b[styles$q.topIconBanner] = topIconType === 'banner', _b)), children: topIcon })) })), title: title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [title, showIcon && jsxRuntime.jsx(ArrowRight, { size: 20 })] })), titleVariant: 'medium', description: children, descriptionVariant: 'small', actionIcon: null, showActionIcon: false, classNames: {
|
|
11704
11709
|
buttonWrapper: styles$q.buttonWrapper,
|
|
11705
11710
|
wrapper: classNames$1((_c = {},
|
|
11706
11711
|
_c[styles$q.wrapper] = true,
|
|
11707
11712
|
_c[styles$q.disabled] = disabled,
|
|
11708
|
-
_c['pt40'] = topIcon &&
|
|
11709
|
-
_c['mt40'] = topIcon &&
|
|
11713
|
+
_c['pt40'] = topIcon && isIconType,
|
|
11714
|
+
_c['mt40'] = topIcon && isIconType,
|
|
11710
11715
|
_c[styles$q.bannerWrapper] = topIcon && topIconType === 'banner',
|
|
11711
11716
|
_c)),
|
|
11712
11717
|
label: classNames$1((_d = {},
|