@snack-uikit/card 0.12.42 → 0.12.43-preview-ba12ca94.0
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/components/Card/Card.js +114 -0
- package/dist/cjs/components/Card/constants.js +7 -0
- package/dist/cjs/components/Card/index.js +25 -0
- package/dist/cjs/components/Footer/components/Action/Action.js +49 -0
- package/dist/cjs/components/Footer/components/Action/index.js +25 -0
- package/dist/cjs/components/Footer/components/CallToAction/CallToAction.js +43 -0
- package/dist/cjs/components/Footer/components/CallToAction/index.js +25 -0
- package/dist/cjs/components/Footer/components/Dimension/Dimension.js +50 -0
- package/dist/cjs/components/Footer/components/Dimension/constants.js +12 -0
- package/dist/cjs/components/Footer/components/Dimension/index.js +25 -0
- package/dist/cjs/components/Footer/components/Promo/Promo.js +49 -0
- package/dist/cjs/components/Footer/components/Promo/index.js +25 -0
- package/dist/cjs/components/Footer/components/index.js +27 -0
- package/dist/cjs/components/Footer/index.js +12 -0
- package/dist/cjs/components/FunctionBadge/FunctionBadge.js +87 -0
- package/dist/cjs/components/FunctionBadge/constants.js +10 -0
- package/dist/cjs/components/FunctionBadge/index.js +25 -0
- package/dist/cjs/components/Header/Header.js +85 -0
- package/dist/cjs/components/Header/constants.js +22 -0
- package/dist/cjs/components/Header/index.js +25 -0
- package/dist/cjs/components/Image/Image.js +39 -0
- package/dist/cjs/components/Image/constants.js +11 -0
- package/dist/cjs/components/Image/index.js +25 -0
- package/dist/cjs/components/Image/types.js +5 -0
- package/dist/cjs/components/index.js +16 -0
- package/dist/cjs/constants.js +24 -0
- package/dist/cjs/context.js +20 -0
- package/dist/cjs/helperComponents/Check/Check.js +31 -0
- package/dist/cjs/helperComponents/Check/index.js +25 -0
- package/dist/cjs/helperComponents/Emblem/Emblem.js +42 -0
- package/dist/cjs/helperComponents/Emblem/index.js +25 -0
- package/dist/cjs/helperComponents/FunctionBadgeWrapper/FunctionBadgeWrapper.js +40 -0
- package/dist/cjs/helperComponents/FunctionBadgeWrapper/index.js +25 -0
- package/dist/cjs/helperComponents/PromoBadge/PromoBadge.js +30 -0
- package/dist/cjs/helperComponents/PromoBadge/index.js +25 -0
- package/dist/cjs/helperComponents/index.js +28 -0
- package/dist/cjs/index.js +25 -0
- package/dist/cjs/types.js +5 -0
- package/dist/esm/components/Card/Card.d.ts +36 -0
- package/dist/esm/components/Card/constants.d.ts +1 -0
- package/dist/esm/components/Card/index.js +1 -0
- package/dist/esm/components/Card/styles.module.css +185 -0
- package/dist/esm/components/Footer/components/Action/Action.d.ts +11 -0
- package/dist/esm/components/Footer/components/Action/index.js +1 -0
- package/dist/esm/components/Footer/components/Action/styles.module.css +7 -0
- package/dist/esm/components/Footer/components/CallToAction/CallToAction.d.ts +11 -0
- package/dist/esm/components/Footer/components/CallToAction/index.js +1 -0
- package/dist/esm/components/Footer/components/CallToAction/styles.module.css +22 -0
- package/dist/esm/components/Footer/components/Dimension/Dimension.d.ts +12 -0
- package/dist/esm/components/Footer/components/Dimension/constants.d.ts +2 -0
- package/dist/esm/components/Footer/components/Dimension/index.js +1 -0
- package/dist/esm/components/Footer/components/Dimension/styles.module.css +27 -0
- package/dist/esm/components/Footer/components/Promo/Promo.d.ts +15 -0
- package/dist/esm/components/Footer/components/Promo/index.js +1 -0
- package/dist/esm/components/Footer/components/Promo/styles.module.css +6 -0
- package/dist/esm/components/Footer/components/index.js +3 -0
- package/dist/esm/components/Footer/index.d.ts +11 -0
- package/dist/esm/components/FunctionBadge/FunctionBadge.d.ts +14 -0
- package/dist/esm/components/FunctionBadge/constants.d.ts +2 -0
- package/dist/esm/components/FunctionBadge/index.js +1 -0
- package/dist/esm/components/FunctionBadge/styles.module.css +44 -0
- package/dist/esm/components/Header/Header.d.ts +30 -0
- package/dist/esm/components/Header/constants.d.ts +9 -0
- package/dist/esm/components/Header/index.js +1 -0
- package/dist/esm/components/Header/styles.module.css +37 -0
- package/dist/esm/components/Image/Image.d.ts +15 -0
- package/dist/esm/components/Image/constants.d.ts +5 -0
- package/dist/esm/components/Image/index.js +1 -0
- package/dist/esm/components/Image/styles.module.css +27 -0
- package/dist/esm/components/Image/types.d.ts +3 -0
- package/dist/esm/components/index.d.ts +20 -0
- package/dist/esm/constants.d.ts +18 -0
- package/dist/esm/context.d.ts +13 -0
- package/dist/esm/helperComponents/Check/Check.d.ts +5 -0
- package/dist/esm/helperComponents/Check/index.js +1 -0
- package/dist/esm/helperComponents/Check/styles.module.css +16 -0
- package/dist/esm/helperComponents/Emblem/Emblem.d.ts +8 -0
- package/dist/esm/helperComponents/Emblem/index.js +1 -0
- package/dist/esm/helperComponents/Emblem/styled.module.css +27 -0
- package/dist/esm/helperComponents/FunctionBadgeWrapper/FunctionBadgeWrapper.d.ts +6 -0
- package/dist/esm/helperComponents/FunctionBadgeWrapper/index.js +1 -0
- package/dist/esm/helperComponents/FunctionBadgeWrapper/styles.module.css +27 -0
- package/dist/esm/helperComponents/PromoBadge/PromoBadge.d.ts +3 -0
- package/dist/esm/helperComponents/PromoBadge/index.js +1 -0
- package/dist/esm/helperComponents/PromoBadge/styles.module.css +12 -0
- package/dist/esm/helperComponents/index.js +4 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/types.d.ts +3 -0
- package/package.json +18 -14
- /package/dist/{components → cjs/components}/Card/Card.d.ts +0 -0
- /package/dist/{components → cjs/components}/Card/constants.d.ts +0 -0
- /package/dist/{components → cjs/components}/Card/index.d.ts +0 -0
- /package/dist/{components → cjs/components}/Card/styles.module.css +0 -0
- /package/dist/{components → cjs/components}/Footer/components/Action/Action.d.ts +0 -0
- /package/dist/{components → cjs/components}/Footer/components/Action/index.d.ts +0 -0
- /package/dist/{components → cjs/components}/Footer/components/Action/styles.module.css +0 -0
- /package/dist/{components → cjs/components}/Footer/components/CallToAction/CallToAction.d.ts +0 -0
- /package/dist/{components → cjs/components}/Footer/components/CallToAction/index.d.ts +0 -0
- /package/dist/{components → cjs/components}/Footer/components/CallToAction/styles.module.css +0 -0
- /package/dist/{components → cjs/components}/Footer/components/Dimension/Dimension.d.ts +0 -0
- /package/dist/{components → cjs/components}/Footer/components/Dimension/constants.d.ts +0 -0
- /package/dist/{components → cjs/components}/Footer/components/Dimension/index.d.ts +0 -0
- /package/dist/{components → cjs/components}/Footer/components/Dimension/styles.module.css +0 -0
- /package/dist/{components → cjs/components}/Footer/components/Promo/Promo.d.ts +0 -0
- /package/dist/{components → cjs/components}/Footer/components/Promo/index.d.ts +0 -0
- /package/dist/{components → cjs/components}/Footer/components/Promo/styles.module.css +0 -0
- /package/dist/{components → cjs/components}/Footer/components/index.d.ts +0 -0
- /package/dist/{components → cjs/components}/Footer/index.d.ts +0 -0
- /package/dist/{components → cjs/components}/FunctionBadge/FunctionBadge.d.ts +0 -0
- /package/dist/{components → cjs/components}/FunctionBadge/constants.d.ts +0 -0
- /package/dist/{components → cjs/components}/FunctionBadge/index.d.ts +0 -0
- /package/dist/{components → cjs/components}/FunctionBadge/styles.module.css +0 -0
- /package/dist/{components → cjs/components}/Header/Header.d.ts +0 -0
- /package/dist/{components → cjs/components}/Header/constants.d.ts +0 -0
- /package/dist/{components → cjs/components}/Header/index.d.ts +0 -0
- /package/dist/{components → cjs/components}/Header/styles.module.css +0 -0
- /package/dist/{components → cjs/components}/Image/Image.d.ts +0 -0
- /package/dist/{components → cjs/components}/Image/constants.d.ts +0 -0
- /package/dist/{components → cjs/components}/Image/index.d.ts +0 -0
- /package/dist/{components → cjs/components}/Image/styles.module.css +0 -0
- /package/dist/{components → cjs/components}/Image/types.d.ts +0 -0
- /package/dist/{components → cjs/components}/index.d.ts +0 -0
- /package/dist/{constants.d.ts → cjs/constants.d.ts} +0 -0
- /package/dist/{context.d.ts → cjs/context.d.ts} +0 -0
- /package/dist/{helperComponents → cjs/helperComponents}/Check/Check.d.ts +0 -0
- /package/dist/{helperComponents → cjs/helperComponents}/Check/index.d.ts +0 -0
- /package/dist/{helperComponents → cjs/helperComponents}/Check/styles.module.css +0 -0
- /package/dist/{helperComponents → cjs/helperComponents}/Emblem/Emblem.d.ts +0 -0
- /package/dist/{helperComponents → cjs/helperComponents}/Emblem/index.d.ts +0 -0
- /package/dist/{helperComponents → cjs/helperComponents}/Emblem/styled.module.css +0 -0
- /package/dist/{helperComponents → cjs/helperComponents}/FunctionBadgeWrapper/FunctionBadgeWrapper.d.ts +0 -0
- /package/dist/{helperComponents → cjs/helperComponents}/FunctionBadgeWrapper/index.d.ts +0 -0
- /package/dist/{helperComponents → cjs/helperComponents}/FunctionBadgeWrapper/styles.module.css +0 -0
- /package/dist/{helperComponents → cjs/helperComponents}/PromoBadge/PromoBadge.d.ts +0 -0
- /package/dist/{helperComponents → cjs/helperComponents}/PromoBadge/index.d.ts +0 -0
- /package/dist/{helperComponents → cjs/helperComponents}/PromoBadge/styles.module.css +0 -0
- /package/dist/{helperComponents → cjs/helperComponents}/index.d.ts +0 -0
- /package/dist/{index.d.ts → cjs/index.d.ts} +0 -0
- /package/dist/{types.d.ts → cjs/types.d.ts} +0 -0
- /package/dist/{components → esm/components}/Card/Card.js +0 -0
- /package/dist/{components → esm/components}/Card/constants.js +0 -0
- /package/dist/{components/Card/index.js → esm/components/Card/index.d.ts} +0 -0
- /package/dist/{components → esm/components}/Footer/components/Action/Action.js +0 -0
- /package/dist/{components/Footer/components/Action/index.js → esm/components/Footer/components/Action/index.d.ts} +0 -0
- /package/dist/{components → esm/components}/Footer/components/CallToAction/CallToAction.js +0 -0
- /package/dist/{components/Footer/components/CallToAction/index.js → esm/components/Footer/components/CallToAction/index.d.ts} +0 -0
- /package/dist/{components → esm/components}/Footer/components/Dimension/Dimension.js +0 -0
- /package/dist/{components → esm/components}/Footer/components/Dimension/constants.js +0 -0
- /package/dist/{components/Footer/components/Dimension/index.js → esm/components/Footer/components/Dimension/index.d.ts} +0 -0
- /package/dist/{components → esm/components}/Footer/components/Promo/Promo.js +0 -0
- /package/dist/{components/Footer/components/Promo/index.js → esm/components/Footer/components/Promo/index.d.ts} +0 -0
- /package/dist/{components/Footer/components/index.js → esm/components/Footer/components/index.d.ts} +0 -0
- /package/dist/{components → esm/components}/Footer/index.js +0 -0
- /package/dist/{components → esm/components}/FunctionBadge/FunctionBadge.js +0 -0
- /package/dist/{components → esm/components}/FunctionBadge/constants.js +0 -0
- /package/dist/{components/FunctionBadge/index.js → esm/components/FunctionBadge/index.d.ts} +0 -0
- /package/dist/{components → esm/components}/Header/Header.js +0 -0
- /package/dist/{components → esm/components}/Header/constants.js +0 -0
- /package/dist/{components/Header/index.js → esm/components/Header/index.d.ts} +0 -0
- /package/dist/{components → esm/components}/Image/Image.js +0 -0
- /package/dist/{components → esm/components}/Image/constants.js +0 -0
- /package/dist/{components/Image/index.js → esm/components/Image/index.d.ts} +0 -0
- /package/dist/{components → esm/components}/Image/types.js +0 -0
- /package/dist/{components → esm/components}/index.js +0 -0
- /package/dist/{constants.js → esm/constants.js} +0 -0
- /package/dist/{context.js → esm/context.js} +0 -0
- /package/dist/{helperComponents → esm/helperComponents}/Check/Check.js +0 -0
- /package/dist/{helperComponents/Check/index.js → esm/helperComponents/Check/index.d.ts} +0 -0
- /package/dist/{helperComponents → esm/helperComponents}/Emblem/Emblem.js +0 -0
- /package/dist/{helperComponents/Emblem/index.js → esm/helperComponents/Emblem/index.d.ts} +0 -0
- /package/dist/{helperComponents → esm/helperComponents}/FunctionBadgeWrapper/FunctionBadgeWrapper.js +0 -0
- /package/dist/{helperComponents/FunctionBadgeWrapper/index.js → esm/helperComponents/FunctionBadgeWrapper/index.d.ts} +0 -0
- /package/dist/{helperComponents → esm/helperComponents}/PromoBadge/PromoBadge.js +0 -0
- /package/dist/{helperComponents/PromoBadge/index.js → esm/helperComponents/PromoBadge/index.d.ts} +0 -0
- /package/dist/{helperComponents/index.js → esm/helperComponents/index.d.ts} +0 -0
- /package/dist/{index.js → esm/index.d.ts} +0 -0
- /package/dist/{types.js → esm/types.js} +0 -0
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
4
|
+
var t = {};
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
|
|
12
|
+
return mod && mod.__esModule ? mod : {
|
|
13
|
+
"default": mod
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", {
|
|
17
|
+
value: true
|
|
18
|
+
});
|
|
19
|
+
exports.Header = Header;
|
|
20
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
21
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
22
|
+
const truncate_string_1 = require("@snack-uikit/truncate-string");
|
|
23
|
+
const typography_1 = require("@snack-uikit/typography");
|
|
24
|
+
const utils_1 = require("@snack-uikit/utils");
|
|
25
|
+
const constants_1 = require("../../constants");
|
|
26
|
+
const context_1 = require("../../context");
|
|
27
|
+
const helperComponents_1 = require("../../helperComponents");
|
|
28
|
+
const constants_2 = require("./constants");
|
|
29
|
+
const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
|
|
30
|
+
function Header(_a) {
|
|
31
|
+
var {
|
|
32
|
+
title,
|
|
33
|
+
description,
|
|
34
|
+
metadata,
|
|
35
|
+
truncate,
|
|
36
|
+
emblem,
|
|
37
|
+
className,
|
|
38
|
+
size: sizeProp
|
|
39
|
+
} = _a,
|
|
40
|
+
rest = __rest(_a, ["title", "description", "metadata", "truncate", "emblem", "className", "size"]);
|
|
41
|
+
const {
|
|
42
|
+
size: sizeContext
|
|
43
|
+
} = (0, context_1.useCardContext)();
|
|
44
|
+
const size = sizeProp || sizeContext;
|
|
45
|
+
const truncateStrings = Object.assign(Object.assign({}, constants_2.TRUNCATE_DEFAULTS), truncate);
|
|
46
|
+
return (0, jsx_runtime_1.jsxs)("div", Object.assign({
|
|
47
|
+
className: (0, classnames_1.default)(styles_module_scss_1.default.titleLayout, className)
|
|
48
|
+
}, (0, utils_1.excludeSupportProps)(rest), {
|
|
49
|
+
"data-size": size,
|
|
50
|
+
children: [emblem && (0, jsx_runtime_1.jsx)(helperComponents_1.Emblem, Object.assign({}, emblem)), (0, jsx_runtime_1.jsxs)("div", {
|
|
51
|
+
className: styles_module_scss_1.default.contentLayout,
|
|
52
|
+
children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, {
|
|
53
|
+
family: 'sans',
|
|
54
|
+
size: constants_2.TITLE_SIZE_MAP[size],
|
|
55
|
+
purpose: 'title',
|
|
56
|
+
className: styles_module_scss_1.default.title,
|
|
57
|
+
"data-test-id": constants_1.TEST_IDS.title,
|
|
58
|
+
children: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, {
|
|
59
|
+
variant: 'end',
|
|
60
|
+
maxLines: truncateStrings.title,
|
|
61
|
+
text: title
|
|
62
|
+
})
|
|
63
|
+
}), metadata && (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, {
|
|
64
|
+
className: styles_module_scss_1.default.metadata,
|
|
65
|
+
children: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, {
|
|
66
|
+
variant: 'end',
|
|
67
|
+
maxLines: truncateStrings.metadata,
|
|
68
|
+
text: metadata,
|
|
69
|
+
"data-test-id": constants_1.TEST_IDS.metadata
|
|
70
|
+
})
|
|
71
|
+
}), description && (0, jsx_runtime_1.jsx)(typography_1.Typography, {
|
|
72
|
+
family: 'sans',
|
|
73
|
+
size: constants_2.DESCRIPTION_SIZE_MAP[size],
|
|
74
|
+
purpose: 'body',
|
|
75
|
+
className: styles_module_scss_1.default.description,
|
|
76
|
+
children: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, {
|
|
77
|
+
variant: 'end',
|
|
78
|
+
maxLines: truncateStrings.description,
|
|
79
|
+
text: description,
|
|
80
|
+
"data-test-id": constants_1.TEST_IDS.description
|
|
81
|
+
})
|
|
82
|
+
})]
|
|
83
|
+
})]
|
|
84
|
+
}));
|
|
85
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.TRUNCATE_DEFAULTS = exports.DESCRIPTION_SIZE_MAP = exports.TITLE_SIZE_MAP = void 0;
|
|
7
|
+
const constants_1 = require("../../constants");
|
|
8
|
+
exports.TITLE_SIZE_MAP = {
|
|
9
|
+
[constants_1.SIZE.S]: 's',
|
|
10
|
+
[constants_1.SIZE.M]: 'm',
|
|
11
|
+
[constants_1.SIZE.L]: 'l'
|
|
12
|
+
};
|
|
13
|
+
exports.DESCRIPTION_SIZE_MAP = {
|
|
14
|
+
[constants_1.SIZE.S]: 'm',
|
|
15
|
+
[constants_1.SIZE.M]: 'm',
|
|
16
|
+
[constants_1.SIZE.L]: 'l'
|
|
17
|
+
};
|
|
18
|
+
exports.TRUNCATE_DEFAULTS = {
|
|
19
|
+
title: 1,
|
|
20
|
+
description: 2,
|
|
21
|
+
metadata: 1
|
|
22
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return m[k];
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
Object.defineProperty(o, k2, desc);
|
|
15
|
+
} : function (o, m, k, k2) {
|
|
16
|
+
if (k2 === undefined) k2 = k;
|
|
17
|
+
o[k2] = m[k];
|
|
18
|
+
});
|
|
19
|
+
var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
|
|
20
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
21
|
+
};
|
|
22
|
+
Object.defineProperty(exports, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
});
|
|
25
|
+
__exportStar(require("./Header"), exports);
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
4
|
+
var t = {};
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
|
|
12
|
+
return mod && mod.__esModule ? mod : {
|
|
13
|
+
"default": mod
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", {
|
|
17
|
+
value: true
|
|
18
|
+
});
|
|
19
|
+
exports.Image = Image;
|
|
20
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
21
|
+
const utils_1 = require("@snack-uikit/utils");
|
|
22
|
+
const constants_1 = require("./constants");
|
|
23
|
+
const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
|
|
24
|
+
function Image(_a) {
|
|
25
|
+
var {
|
|
26
|
+
src,
|
|
27
|
+
alt,
|
|
28
|
+
mode = constants_1.MODE.Little,
|
|
29
|
+
hideFading
|
|
30
|
+
} = _a,
|
|
31
|
+
rest = __rest(_a, ["src", "alt", "mode", "hideFading"]);
|
|
32
|
+
return (0, jsx_runtime_1.jsx)("img", Object.assign({}, (0, utils_1.extractSupportProps)(rest), {
|
|
33
|
+
src: src,
|
|
34
|
+
alt: alt,
|
|
35
|
+
"data-mode": mode,
|
|
36
|
+
className: styles_module_scss_1.default.image,
|
|
37
|
+
"data-fading": !hideFading || undefined
|
|
38
|
+
}));
|
|
39
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return m[k];
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
Object.defineProperty(o, k2, desc);
|
|
15
|
+
} : function (o, m, k, k2) {
|
|
16
|
+
if (k2 === undefined) k2 = k;
|
|
17
|
+
o[k2] = m[k];
|
|
18
|
+
});
|
|
19
|
+
var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
|
|
20
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
21
|
+
};
|
|
22
|
+
Object.defineProperty(exports, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
});
|
|
25
|
+
__exportStar(require("./Image"), exports);
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Card = void 0;
|
|
7
|
+
const Card_1 = require("./Card");
|
|
8
|
+
const Footer_1 = require("./Footer");
|
|
9
|
+
const FunctionBadge_1 = require("./FunctionBadge");
|
|
10
|
+
const Header_1 = require("./Header");
|
|
11
|
+
const Image_1 = require("./Image");
|
|
12
|
+
exports.Card = Card_1.Card;
|
|
13
|
+
exports.Card.Header = Header_1.Header;
|
|
14
|
+
exports.Card.Footer = Footer_1.Footer;
|
|
15
|
+
exports.Card.Image = Image_1.Image;
|
|
16
|
+
exports.Card.FunctionBadge = FunctionBadge_1.FunctionBadge;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.TEST_IDS = exports.SIZE = void 0;
|
|
7
|
+
exports.SIZE = {
|
|
8
|
+
S: 's',
|
|
9
|
+
M: 'm',
|
|
10
|
+
L: 'l'
|
|
11
|
+
};
|
|
12
|
+
exports.TEST_IDS = {
|
|
13
|
+
promoBadge: 'card__promo-badge',
|
|
14
|
+
functionBadge: 'card__function-badge',
|
|
15
|
+
droplist: 'card__function-badge__droplist',
|
|
16
|
+
option: 'card__function-badge__option',
|
|
17
|
+
check: 'card__check',
|
|
18
|
+
emblemPicture: 'card__header__emblem-picture',
|
|
19
|
+
emblemIcon: 'card__header__emblem-icon',
|
|
20
|
+
title: 'card__header__title',
|
|
21
|
+
description: 'card__header__description',
|
|
22
|
+
metadata: 'card__header__metadata',
|
|
23
|
+
anchor: 'card__anchor'
|
|
24
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.FunctionBadgeContext = exports.CardContext = void 0;
|
|
7
|
+
exports.useCardContext = useCardContext;
|
|
8
|
+
const react_1 = require("react");
|
|
9
|
+
const constants_1 = require("./constants");
|
|
10
|
+
exports.CardContext = (0, react_1.createContext)({
|
|
11
|
+
size: constants_1.SIZE.M,
|
|
12
|
+
disabled: false
|
|
13
|
+
});
|
|
14
|
+
function useCardContext() {
|
|
15
|
+
return (0, react_1.useContext)(exports.CardContext);
|
|
16
|
+
}
|
|
17
|
+
exports.FunctionBadgeContext = (0, react_1.createContext)({
|
|
18
|
+
visible: false,
|
|
19
|
+
setVisible: () => {}
|
|
20
|
+
});
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
|
|
4
|
+
return mod && mod.__esModule ? mod : {
|
|
5
|
+
"default": mod
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
Object.defineProperty(exports, "__esModule", {
|
|
9
|
+
value: true
|
|
10
|
+
});
|
|
11
|
+
exports.Check = Check;
|
|
12
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
13
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
14
|
+
const icons_1 = require("@snack-uikit/icons");
|
|
15
|
+
const constants_1 = require("../../constants");
|
|
16
|
+
const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
|
|
17
|
+
function Check(_ref) {
|
|
18
|
+
let {
|
|
19
|
+
className
|
|
20
|
+
} = _ref;
|
|
21
|
+
return (0, jsx_runtime_1.jsx)("div", {
|
|
22
|
+
className: styles_module_scss_1.default.checkWrapper,
|
|
23
|
+
children: (0, jsx_runtime_1.jsx)("div", {
|
|
24
|
+
className: (0, classnames_1.default)(styles_module_scss_1.default.checkContainer, className),
|
|
25
|
+
"data-test-id": constants_1.TEST_IDS.check,
|
|
26
|
+
children: (0, jsx_runtime_1.jsx)(icons_1.CheckSVG, {
|
|
27
|
+
size: 16
|
|
28
|
+
})
|
|
29
|
+
})
|
|
30
|
+
});
|
|
31
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return m[k];
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
Object.defineProperty(o, k2, desc);
|
|
15
|
+
} : function (o, m, k, k2) {
|
|
16
|
+
if (k2 === undefined) k2 = k;
|
|
17
|
+
o[k2] = m[k];
|
|
18
|
+
});
|
|
19
|
+
var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
|
|
20
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
21
|
+
};
|
|
22
|
+
Object.defineProperty(exports, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
});
|
|
25
|
+
__exportStar(require("./Check"), exports);
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
|
|
4
|
+
return mod && mod.__esModule ? mod : {
|
|
5
|
+
"default": mod
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
Object.defineProperty(exports, "__esModule", {
|
|
9
|
+
value: true
|
|
10
|
+
});
|
|
11
|
+
exports.Emblem = Emblem;
|
|
12
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
13
|
+
const icon_predefined_1 = require("@snack-uikit/icon-predefined");
|
|
14
|
+
const constants_1 = require("../../constants");
|
|
15
|
+
const context_1 = require("../../context");
|
|
16
|
+
const styled_module_scss_1 = __importDefault(require('./styled.module.css'));
|
|
17
|
+
function isPictureProps(props) {
|
|
18
|
+
return 'src' in props && 'alt' in props;
|
|
19
|
+
}
|
|
20
|
+
function Emblem(props) {
|
|
21
|
+
var _a, _b, _c;
|
|
22
|
+
const {
|
|
23
|
+
size
|
|
24
|
+
} = (0, context_1.useCardContext)();
|
|
25
|
+
if (isPictureProps(props)) {
|
|
26
|
+
return (0, jsx_runtime_1.jsx)("img", {
|
|
27
|
+
src: props.src,
|
|
28
|
+
alt: props.alt,
|
|
29
|
+
"data-size": size || undefined,
|
|
30
|
+
className: styled_module_scss_1.default.img,
|
|
31
|
+
"data-test-id": constants_1.TEST_IDS.emblemPicture
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
return (0, jsx_runtime_1.jsx)(icon_predefined_1.IconPredefined, {
|
|
35
|
+
icon: props.icon,
|
|
36
|
+
appearance: (_a = props.appearance) !== null && _a !== void 0 ? _a : 'primary',
|
|
37
|
+
decor: (_b = props.decor) !== null && _b !== void 0 ? _b : true,
|
|
38
|
+
size: size,
|
|
39
|
+
shape: (_c = props.shape) !== null && _c !== void 0 ? _c : 'round',
|
|
40
|
+
"data-test-id": constants_1.TEST_IDS.emblemIcon
|
|
41
|
+
});
|
|
42
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return m[k];
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
Object.defineProperty(o, k2, desc);
|
|
15
|
+
} : function (o, m, k, k2) {
|
|
16
|
+
if (k2 === undefined) k2 = k;
|
|
17
|
+
o[k2] = m[k];
|
|
18
|
+
});
|
|
19
|
+
var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
|
|
20
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
21
|
+
};
|
|
22
|
+
Object.defineProperty(exports, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
});
|
|
25
|
+
__exportStar(require("./Emblem"), exports);
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
|
|
4
|
+
return mod && mod.__esModule ? mod : {
|
|
5
|
+
"default": mod
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
Object.defineProperty(exports, "__esModule", {
|
|
9
|
+
value: true
|
|
10
|
+
});
|
|
11
|
+
exports.FunctionBadgeWrapper = FunctionBadgeWrapper;
|
|
12
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
13
|
+
const react_1 = require("react");
|
|
14
|
+
const context_1 = require("../../context");
|
|
15
|
+
const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
|
|
16
|
+
function FunctionBadgeWrapper(_ref) {
|
|
17
|
+
let {
|
|
18
|
+
children,
|
|
19
|
+
className
|
|
20
|
+
} = _ref;
|
|
21
|
+
const [visible, setVisible] = (0, react_1.useState)(false);
|
|
22
|
+
return (0, jsx_runtime_1.jsx)(context_1.FunctionBadgeContext.Provider, {
|
|
23
|
+
value: {
|
|
24
|
+
visible,
|
|
25
|
+
setVisible
|
|
26
|
+
},
|
|
27
|
+
children: (0, jsx_runtime_1.jsx)("div", {
|
|
28
|
+
className: className,
|
|
29
|
+
"data-visible": visible || undefined,
|
|
30
|
+
tabIndex: -1,
|
|
31
|
+
children: (0, jsx_runtime_1.jsx)("div", {
|
|
32
|
+
className: styles_module_scss_1.default.functionBadge,
|
|
33
|
+
children: (0, jsx_runtime_1.jsx)("div", {
|
|
34
|
+
className: styles_module_scss_1.default.functionRow,
|
|
35
|
+
children: children
|
|
36
|
+
})
|
|
37
|
+
})
|
|
38
|
+
})
|
|
39
|
+
});
|
|
40
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return m[k];
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
Object.defineProperty(o, k2, desc);
|
|
15
|
+
} : function (o, m, k, k2) {
|
|
16
|
+
if (k2 === undefined) k2 = k;
|
|
17
|
+
o[k2] = m[k];
|
|
18
|
+
});
|
|
19
|
+
var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
|
|
20
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
21
|
+
};
|
|
22
|
+
Object.defineProperty(exports, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
});
|
|
25
|
+
__exportStar(require("./FunctionBadgeWrapper"), exports);
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
|
|
4
|
+
return mod && mod.__esModule ? mod : {
|
|
5
|
+
"default": mod
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
Object.defineProperty(exports, "__esModule", {
|
|
9
|
+
value: true
|
|
10
|
+
});
|
|
11
|
+
exports.PromoBadge = PromoBadge;
|
|
12
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
13
|
+
const promo_tag_1 = require("@snack-uikit/promo-tag");
|
|
14
|
+
const constants_1 = require("../../constants");
|
|
15
|
+
const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
|
|
16
|
+
function PromoBadge(_ref) {
|
|
17
|
+
let {
|
|
18
|
+
text,
|
|
19
|
+
appearance = 'primary'
|
|
20
|
+
} = _ref;
|
|
21
|
+
return (0, jsx_runtime_1.jsx)("div", {
|
|
22
|
+
className: styles_module_scss_1.default.promoBadge,
|
|
23
|
+
children: (0, jsx_runtime_1.jsx)(promo_tag_1.PromoTag, {
|
|
24
|
+
appearance: appearance,
|
|
25
|
+
text: text,
|
|
26
|
+
"data-test-id": constants_1.TEST_IDS.promoBadge,
|
|
27
|
+
className: styles_module_scss_1.default.promoTag
|
|
28
|
+
})
|
|
29
|
+
});
|
|
30
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return m[k];
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
Object.defineProperty(o, k2, desc);
|
|
15
|
+
} : function (o, m, k, k2) {
|
|
16
|
+
if (k2 === undefined) k2 = k;
|
|
17
|
+
o[k2] = m[k];
|
|
18
|
+
});
|
|
19
|
+
var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
|
|
20
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
21
|
+
};
|
|
22
|
+
Object.defineProperty(exports, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
});
|
|
25
|
+
__exportStar(require("./PromoBadge"), exports);
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return m[k];
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
Object.defineProperty(o, k2, desc);
|
|
15
|
+
} : function (o, m, k, k2) {
|
|
16
|
+
if (k2 === undefined) k2 = k;
|
|
17
|
+
o[k2] = m[k];
|
|
18
|
+
});
|
|
19
|
+
var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
|
|
20
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
21
|
+
};
|
|
22
|
+
Object.defineProperty(exports, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
});
|
|
25
|
+
__exportStar(require("./Emblem"), exports);
|
|
26
|
+
__exportStar(require("./PromoBadge"), exports);
|
|
27
|
+
__exportStar(require("./Check"), exports);
|
|
28
|
+
__exportStar(require("./FunctionBadgeWrapper"), exports);
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return m[k];
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
Object.defineProperty(o, k2, desc);
|
|
15
|
+
} : function (o, m, k, k2) {
|
|
16
|
+
if (k2 === undefined) k2 = k;
|
|
17
|
+
o[k2] = m[k];
|
|
18
|
+
});
|
|
19
|
+
var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
|
|
20
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
21
|
+
};
|
|
22
|
+
Object.defineProperty(exports, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
});
|
|
25
|
+
__exportStar(require("./components"), exports);
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { MouseEvent, ReactElement, ReactNode } from 'react';
|
|
2
|
+
import { PromoTagProps } from '@snack-uikit/promo-tag';
|
|
3
|
+
import { WithSupportProps } from '@snack-uikit/utils';
|
|
4
|
+
import { Size } from '../../types';
|
|
5
|
+
import { HeaderProps } from '../Header';
|
|
6
|
+
export type CardProps = WithSupportProps<{
|
|
7
|
+
/** Управление состоянием интерактивности */
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
/** Управление состоянием выбран/не выбран */
|
|
10
|
+
checked?: boolean;
|
|
11
|
+
/** Управление состоянием наличия обводки */
|
|
12
|
+
outline?: boolean;
|
|
13
|
+
/** Отображение галочки для режима массового выделения карточек */
|
|
14
|
+
multipleSelection?: boolean;
|
|
15
|
+
/** Колбек на клик по карточке */
|
|
16
|
+
onClick?(e: MouseEvent<HTMLDivElement | HTMLAnchorElement>): void;
|
|
17
|
+
/** Размер */
|
|
18
|
+
size?: Size;
|
|
19
|
+
/** PromoBadge */
|
|
20
|
+
promoBadge?: Pick<PromoTagProps, 'text' | 'appearance'> | string;
|
|
21
|
+
/** Вложенный контент */
|
|
22
|
+
children?: ReactNode;
|
|
23
|
+
/** Вложенный Header */
|
|
24
|
+
header?: ReactElement<HeaderProps>;
|
|
25
|
+
/** Вложенный Footer */
|
|
26
|
+
footer?: ReactNode;
|
|
27
|
+
/** Вложенный Image */
|
|
28
|
+
image?: ReactNode;
|
|
29
|
+
/** Вложенный FunctionBadge */
|
|
30
|
+
functionBadge?: ReactNode;
|
|
31
|
+
/** CSS-класс для элемента с контентом */
|
|
32
|
+
className?: string;
|
|
33
|
+
/** Ссылка карточки */
|
|
34
|
+
href?: string;
|
|
35
|
+
}>;
|
|
36
|
+
export declare function Card({ onClick, disabled, checked, outline, multipleSelection, size, children, header, footer, functionBadge, promoBadge, image, className, href, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const TRIGGER_CLICK_KEY_CODES: string[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Card';
|