@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.
Files changed (177) hide show
  1. package/dist/cjs/components/Card/Card.js +114 -0
  2. package/dist/cjs/components/Card/constants.js +7 -0
  3. package/dist/cjs/components/Card/index.js +25 -0
  4. package/dist/cjs/components/Footer/components/Action/Action.js +49 -0
  5. package/dist/cjs/components/Footer/components/Action/index.js +25 -0
  6. package/dist/cjs/components/Footer/components/CallToAction/CallToAction.js +43 -0
  7. package/dist/cjs/components/Footer/components/CallToAction/index.js +25 -0
  8. package/dist/cjs/components/Footer/components/Dimension/Dimension.js +50 -0
  9. package/dist/cjs/components/Footer/components/Dimension/constants.js +12 -0
  10. package/dist/cjs/components/Footer/components/Dimension/index.js +25 -0
  11. package/dist/cjs/components/Footer/components/Promo/Promo.js +49 -0
  12. package/dist/cjs/components/Footer/components/Promo/index.js +25 -0
  13. package/dist/cjs/components/Footer/components/index.js +27 -0
  14. package/dist/cjs/components/Footer/index.js +12 -0
  15. package/dist/cjs/components/FunctionBadge/FunctionBadge.js +87 -0
  16. package/dist/cjs/components/FunctionBadge/constants.js +10 -0
  17. package/dist/cjs/components/FunctionBadge/index.js +25 -0
  18. package/dist/cjs/components/Header/Header.js +85 -0
  19. package/dist/cjs/components/Header/constants.js +22 -0
  20. package/dist/cjs/components/Header/index.js +25 -0
  21. package/dist/cjs/components/Image/Image.js +39 -0
  22. package/dist/cjs/components/Image/constants.js +11 -0
  23. package/dist/cjs/components/Image/index.js +25 -0
  24. package/dist/cjs/components/Image/types.js +5 -0
  25. package/dist/cjs/components/index.js +16 -0
  26. package/dist/cjs/constants.js +24 -0
  27. package/dist/cjs/context.js +20 -0
  28. package/dist/cjs/helperComponents/Check/Check.js +31 -0
  29. package/dist/cjs/helperComponents/Check/index.js +25 -0
  30. package/dist/cjs/helperComponents/Emblem/Emblem.js +42 -0
  31. package/dist/cjs/helperComponents/Emblem/index.js +25 -0
  32. package/dist/cjs/helperComponents/FunctionBadgeWrapper/FunctionBadgeWrapper.js +40 -0
  33. package/dist/cjs/helperComponents/FunctionBadgeWrapper/index.js +25 -0
  34. package/dist/cjs/helperComponents/PromoBadge/PromoBadge.js +30 -0
  35. package/dist/cjs/helperComponents/PromoBadge/index.js +25 -0
  36. package/dist/cjs/helperComponents/index.js +28 -0
  37. package/dist/cjs/index.js +25 -0
  38. package/dist/cjs/types.js +5 -0
  39. package/dist/esm/components/Card/Card.d.ts +36 -0
  40. package/dist/esm/components/Card/constants.d.ts +1 -0
  41. package/dist/esm/components/Card/index.js +1 -0
  42. package/dist/esm/components/Card/styles.module.css +185 -0
  43. package/dist/esm/components/Footer/components/Action/Action.d.ts +11 -0
  44. package/dist/esm/components/Footer/components/Action/index.js +1 -0
  45. package/dist/esm/components/Footer/components/Action/styles.module.css +7 -0
  46. package/dist/esm/components/Footer/components/CallToAction/CallToAction.d.ts +11 -0
  47. package/dist/esm/components/Footer/components/CallToAction/index.js +1 -0
  48. package/dist/esm/components/Footer/components/CallToAction/styles.module.css +22 -0
  49. package/dist/esm/components/Footer/components/Dimension/Dimension.d.ts +12 -0
  50. package/dist/esm/components/Footer/components/Dimension/constants.d.ts +2 -0
  51. package/dist/esm/components/Footer/components/Dimension/index.js +1 -0
  52. package/dist/esm/components/Footer/components/Dimension/styles.module.css +27 -0
  53. package/dist/esm/components/Footer/components/Promo/Promo.d.ts +15 -0
  54. package/dist/esm/components/Footer/components/Promo/index.js +1 -0
  55. package/dist/esm/components/Footer/components/Promo/styles.module.css +6 -0
  56. package/dist/esm/components/Footer/components/index.js +3 -0
  57. package/dist/esm/components/Footer/index.d.ts +11 -0
  58. package/dist/esm/components/FunctionBadge/FunctionBadge.d.ts +14 -0
  59. package/dist/esm/components/FunctionBadge/constants.d.ts +2 -0
  60. package/dist/esm/components/FunctionBadge/index.js +1 -0
  61. package/dist/esm/components/FunctionBadge/styles.module.css +44 -0
  62. package/dist/esm/components/Header/Header.d.ts +30 -0
  63. package/dist/esm/components/Header/constants.d.ts +9 -0
  64. package/dist/esm/components/Header/index.js +1 -0
  65. package/dist/esm/components/Header/styles.module.css +37 -0
  66. package/dist/esm/components/Image/Image.d.ts +15 -0
  67. package/dist/esm/components/Image/constants.d.ts +5 -0
  68. package/dist/esm/components/Image/index.js +1 -0
  69. package/dist/esm/components/Image/styles.module.css +27 -0
  70. package/dist/esm/components/Image/types.d.ts +3 -0
  71. package/dist/esm/components/index.d.ts +20 -0
  72. package/dist/esm/constants.d.ts +18 -0
  73. package/dist/esm/context.d.ts +13 -0
  74. package/dist/esm/helperComponents/Check/Check.d.ts +5 -0
  75. package/dist/esm/helperComponents/Check/index.js +1 -0
  76. package/dist/esm/helperComponents/Check/styles.module.css +16 -0
  77. package/dist/esm/helperComponents/Emblem/Emblem.d.ts +8 -0
  78. package/dist/esm/helperComponents/Emblem/index.js +1 -0
  79. package/dist/esm/helperComponents/Emblem/styled.module.css +27 -0
  80. package/dist/esm/helperComponents/FunctionBadgeWrapper/FunctionBadgeWrapper.d.ts +6 -0
  81. package/dist/esm/helperComponents/FunctionBadgeWrapper/index.js +1 -0
  82. package/dist/esm/helperComponents/FunctionBadgeWrapper/styles.module.css +27 -0
  83. package/dist/esm/helperComponents/PromoBadge/PromoBadge.d.ts +3 -0
  84. package/dist/esm/helperComponents/PromoBadge/index.js +1 -0
  85. package/dist/esm/helperComponents/PromoBadge/styles.module.css +12 -0
  86. package/dist/esm/helperComponents/index.js +4 -0
  87. package/dist/esm/index.js +1 -0
  88. package/dist/esm/types.d.ts +3 -0
  89. package/package.json +18 -14
  90. /package/dist/{components → cjs/components}/Card/Card.d.ts +0 -0
  91. /package/dist/{components → cjs/components}/Card/constants.d.ts +0 -0
  92. /package/dist/{components → cjs/components}/Card/index.d.ts +0 -0
  93. /package/dist/{components → cjs/components}/Card/styles.module.css +0 -0
  94. /package/dist/{components → cjs/components}/Footer/components/Action/Action.d.ts +0 -0
  95. /package/dist/{components → cjs/components}/Footer/components/Action/index.d.ts +0 -0
  96. /package/dist/{components → cjs/components}/Footer/components/Action/styles.module.css +0 -0
  97. /package/dist/{components → cjs/components}/Footer/components/CallToAction/CallToAction.d.ts +0 -0
  98. /package/dist/{components → cjs/components}/Footer/components/CallToAction/index.d.ts +0 -0
  99. /package/dist/{components → cjs/components}/Footer/components/CallToAction/styles.module.css +0 -0
  100. /package/dist/{components → cjs/components}/Footer/components/Dimension/Dimension.d.ts +0 -0
  101. /package/dist/{components → cjs/components}/Footer/components/Dimension/constants.d.ts +0 -0
  102. /package/dist/{components → cjs/components}/Footer/components/Dimension/index.d.ts +0 -0
  103. /package/dist/{components → cjs/components}/Footer/components/Dimension/styles.module.css +0 -0
  104. /package/dist/{components → cjs/components}/Footer/components/Promo/Promo.d.ts +0 -0
  105. /package/dist/{components → cjs/components}/Footer/components/Promo/index.d.ts +0 -0
  106. /package/dist/{components → cjs/components}/Footer/components/Promo/styles.module.css +0 -0
  107. /package/dist/{components → cjs/components}/Footer/components/index.d.ts +0 -0
  108. /package/dist/{components → cjs/components}/Footer/index.d.ts +0 -0
  109. /package/dist/{components → cjs/components}/FunctionBadge/FunctionBadge.d.ts +0 -0
  110. /package/dist/{components → cjs/components}/FunctionBadge/constants.d.ts +0 -0
  111. /package/dist/{components → cjs/components}/FunctionBadge/index.d.ts +0 -0
  112. /package/dist/{components → cjs/components}/FunctionBadge/styles.module.css +0 -0
  113. /package/dist/{components → cjs/components}/Header/Header.d.ts +0 -0
  114. /package/dist/{components → cjs/components}/Header/constants.d.ts +0 -0
  115. /package/dist/{components → cjs/components}/Header/index.d.ts +0 -0
  116. /package/dist/{components → cjs/components}/Header/styles.module.css +0 -0
  117. /package/dist/{components → cjs/components}/Image/Image.d.ts +0 -0
  118. /package/dist/{components → cjs/components}/Image/constants.d.ts +0 -0
  119. /package/dist/{components → cjs/components}/Image/index.d.ts +0 -0
  120. /package/dist/{components → cjs/components}/Image/styles.module.css +0 -0
  121. /package/dist/{components → cjs/components}/Image/types.d.ts +0 -0
  122. /package/dist/{components → cjs/components}/index.d.ts +0 -0
  123. /package/dist/{constants.d.ts → cjs/constants.d.ts} +0 -0
  124. /package/dist/{context.d.ts → cjs/context.d.ts} +0 -0
  125. /package/dist/{helperComponents → cjs/helperComponents}/Check/Check.d.ts +0 -0
  126. /package/dist/{helperComponents → cjs/helperComponents}/Check/index.d.ts +0 -0
  127. /package/dist/{helperComponents → cjs/helperComponents}/Check/styles.module.css +0 -0
  128. /package/dist/{helperComponents → cjs/helperComponents}/Emblem/Emblem.d.ts +0 -0
  129. /package/dist/{helperComponents → cjs/helperComponents}/Emblem/index.d.ts +0 -0
  130. /package/dist/{helperComponents → cjs/helperComponents}/Emblem/styled.module.css +0 -0
  131. /package/dist/{helperComponents → cjs/helperComponents}/FunctionBadgeWrapper/FunctionBadgeWrapper.d.ts +0 -0
  132. /package/dist/{helperComponents → cjs/helperComponents}/FunctionBadgeWrapper/index.d.ts +0 -0
  133. /package/dist/{helperComponents → cjs/helperComponents}/FunctionBadgeWrapper/styles.module.css +0 -0
  134. /package/dist/{helperComponents → cjs/helperComponents}/PromoBadge/PromoBadge.d.ts +0 -0
  135. /package/dist/{helperComponents → cjs/helperComponents}/PromoBadge/index.d.ts +0 -0
  136. /package/dist/{helperComponents → cjs/helperComponents}/PromoBadge/styles.module.css +0 -0
  137. /package/dist/{helperComponents → cjs/helperComponents}/index.d.ts +0 -0
  138. /package/dist/{index.d.ts → cjs/index.d.ts} +0 -0
  139. /package/dist/{types.d.ts → cjs/types.d.ts} +0 -0
  140. /package/dist/{components → esm/components}/Card/Card.js +0 -0
  141. /package/dist/{components → esm/components}/Card/constants.js +0 -0
  142. /package/dist/{components/Card/index.js → esm/components/Card/index.d.ts} +0 -0
  143. /package/dist/{components → esm/components}/Footer/components/Action/Action.js +0 -0
  144. /package/dist/{components/Footer/components/Action/index.js → esm/components/Footer/components/Action/index.d.ts} +0 -0
  145. /package/dist/{components → esm/components}/Footer/components/CallToAction/CallToAction.js +0 -0
  146. /package/dist/{components/Footer/components/CallToAction/index.js → esm/components/Footer/components/CallToAction/index.d.ts} +0 -0
  147. /package/dist/{components → esm/components}/Footer/components/Dimension/Dimension.js +0 -0
  148. /package/dist/{components → esm/components}/Footer/components/Dimension/constants.js +0 -0
  149. /package/dist/{components/Footer/components/Dimension/index.js → esm/components/Footer/components/Dimension/index.d.ts} +0 -0
  150. /package/dist/{components → esm/components}/Footer/components/Promo/Promo.js +0 -0
  151. /package/dist/{components/Footer/components/Promo/index.js → esm/components/Footer/components/Promo/index.d.ts} +0 -0
  152. /package/dist/{components/Footer/components/index.js → esm/components/Footer/components/index.d.ts} +0 -0
  153. /package/dist/{components → esm/components}/Footer/index.js +0 -0
  154. /package/dist/{components → esm/components}/FunctionBadge/FunctionBadge.js +0 -0
  155. /package/dist/{components → esm/components}/FunctionBadge/constants.js +0 -0
  156. /package/dist/{components/FunctionBadge/index.js → esm/components/FunctionBadge/index.d.ts} +0 -0
  157. /package/dist/{components → esm/components}/Header/Header.js +0 -0
  158. /package/dist/{components → esm/components}/Header/constants.js +0 -0
  159. /package/dist/{components/Header/index.js → esm/components/Header/index.d.ts} +0 -0
  160. /package/dist/{components → esm/components}/Image/Image.js +0 -0
  161. /package/dist/{components → esm/components}/Image/constants.js +0 -0
  162. /package/dist/{components/Image/index.js → esm/components/Image/index.d.ts} +0 -0
  163. /package/dist/{components → esm/components}/Image/types.js +0 -0
  164. /package/dist/{components → esm/components}/index.js +0 -0
  165. /package/dist/{constants.js → esm/constants.js} +0 -0
  166. /package/dist/{context.js → esm/context.js} +0 -0
  167. /package/dist/{helperComponents → esm/helperComponents}/Check/Check.js +0 -0
  168. /package/dist/{helperComponents/Check/index.js → esm/helperComponents/Check/index.d.ts} +0 -0
  169. /package/dist/{helperComponents → esm/helperComponents}/Emblem/Emblem.js +0 -0
  170. /package/dist/{helperComponents/Emblem/index.js → esm/helperComponents/Emblem/index.d.ts} +0 -0
  171. /package/dist/{helperComponents → esm/helperComponents}/FunctionBadgeWrapper/FunctionBadgeWrapper.js +0 -0
  172. /package/dist/{helperComponents/FunctionBadgeWrapper/index.js → esm/helperComponents/FunctionBadgeWrapper/index.d.ts} +0 -0
  173. /package/dist/{helperComponents → esm/helperComponents}/PromoBadge/PromoBadge.js +0 -0
  174. /package/dist/{helperComponents/PromoBadge/index.js → esm/helperComponents/PromoBadge/index.d.ts} +0 -0
  175. /package/dist/{helperComponents/index.js → esm/helperComponents/index.d.ts} +0 -0
  176. /package/dist/{index.js → esm/index.d.ts} +0 -0
  177. /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,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.MODE = void 0;
7
+ exports.MODE = {
8
+ Little: 'little',
9
+ Middle: 'middle',
10
+ Background: 'background'
11
+ };
@@ -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,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -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,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -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';