@commercetools-uikit/card 19.20.0 → 19.21.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.
|
@@ -11,6 +11,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
|
|
|
11
11
|
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
14
15
|
var _pt = require('prop-types');
|
|
15
16
|
require('react');
|
|
16
17
|
var react = require('@emotion/react');
|
|
@@ -33,22 +34,34 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
33
34
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
34
35
|
var Inset__default = /*#__PURE__*/_interopDefault(Inset);
|
|
35
36
|
|
|
37
|
+
const _excluded = ["type", "theme", "insetScale"];
|
|
36
38
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
37
39
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
38
|
-
const Card =
|
|
40
|
+
const Card = _ref => {
|
|
41
|
+
let _ref$type = _ref.type,
|
|
42
|
+
type = _ref$type === void 0 ? 'raised' : _ref$type,
|
|
43
|
+
_ref$theme = _ref.theme,
|
|
44
|
+
theme = _ref$theme === void 0 ? 'light' : _ref$theme,
|
|
45
|
+
_ref$insetScale = _ref.insetScale,
|
|
46
|
+
insetScale = _ref$insetScale === void 0 ? 'm' : _ref$insetScale,
|
|
47
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
39
48
|
const isClickable = Boolean(!props.isDisabled && (props.onClick || props.to));
|
|
40
49
|
// Only disable styling if the card is not clickable
|
|
41
50
|
const shouldBeDisabled = props.isDisabled && (props.onClick || props.to);
|
|
42
|
-
const commonProps = _objectSpread(_objectSpread({}, utils.filterDataAttributes(
|
|
51
|
+
const commonProps = _objectSpread(_objectSpread({}, utils.filterDataAttributes(_objectSpread({
|
|
52
|
+
type,
|
|
53
|
+
theme,
|
|
54
|
+
insetScale
|
|
55
|
+
}, props))), {}, {
|
|
43
56
|
onClick: isClickable ? props.onClick : undefined,
|
|
44
57
|
'aria-disabled': props.isDisabled ? true : undefined,
|
|
45
|
-
css: /*#__PURE__*/react.css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:",
|
|
58
|
+
css: /*#__PURE__*/react.css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:", type === 'raised' ? designSystem.designTokens.shadow17 : 'none', ";border-radius:", designSystem.designTokens.borderRadius4, ";border:", type === 'raised' ? `1px solid ${designSystem.designTokens.colorNeutral90}` : 'none', ";background:", theme === 'dark' ? designSystem.designTokens.colorNeutral95 : designSystem.designTokens.colorSurface, ";cursor:", shouldBeDisabled ? 'not-allowed' : isClickable ? 'pointer' : 'default', ";:hover{background:", theme === 'dark' ? isClickable ? designSystem.designTokens.colorNeutral90 : undefined : isClickable ? designSystem.designTokens.colorNeutral98 : undefined, ";}display:block;color:inherit;&>div{opacity:", shouldBeDisabled ? 0.5 : 1, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:css;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFWSIsImZpbGUiOiJjYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEtleWJvYXJkRXZlbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgSW5zZXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MtaW5zZXQnO1xuaW1wb3J0IHsgTGluayB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nO1xuaW1wb3J0IHR5cGUgeyBMb2NhdGlvbkRlc2NyaXB0b3IgfSBmcm9tICdoaXN0b3J5JztcblxuZXhwb3J0IHR5cGUgVENhcmRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIHZpc3VhbCBlZmZlY3Qgb2YgdGhlIGNhcmQuIEEgcmFpc2VkIGNhcmQgaGFzIGEgYm94IHNoYWRvdyB3aGlsZSBhIGZsYXQgY2FyZCBoYXMganVzdCBhIGJvcmRlci5cbiAgICovXG4gIHR5cGU/OiAncmFpc2VkJyB8ICdmbGF0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIHNwYWNpbmcgKHBhZGRpbmcpIHRoYXQgdGhlIGNvbnRlbnQgc2hvdWxkIGhhdmUgZnJvbSB0aGUgY2FyZCBib3JkZXJzLiBJbiBjYXNlIHRoZXJlIGlzIG5vIHNwYWNlIG5lZWRlZCwgeW91IGNhbiBwYXNzIGBub25lYC5cbiAgICovXG4gIGluc2V0U2NhbGU/OiAnbm9uZScgfCAncycgfCAnbScgfCAnbCcgfCAneGwnO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyB0aGUgYmFja2dyb3VuZCBjb2xvciBvZiB0aGUgY2FyZC5cbiAgICovXG4gIHRoZW1lPzogJ2xpZ2h0JyB8ICdkYXJrJztcbiAgLyoqXG4gICAqIFBhc3MgYSBjdXN0b20gQ1NTIGNsYXNzLCB1c2VmdWwgdG8gb3ZlcnJpZGUgdGhlIHN0eWxlcy5cbiAgICogPGJyPlxuICAgKiBOT1RFOiBUaGlzIGlzIG5vdCByZWNvbW1lbmRlZCBhbmQgc2hvdWxkIG9ubHkgYmUgdXNlZCBmb3IgYnVpbGRpbmcgbmV3IGNvbXBvbmVudHNcbiAgICogdGhhdCByZXF1aXJlIHNwZWNpYWwgc3R5bGUgYWRqdXN0bWVudHMuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogVGhlIGNhbGxiYWNrIGZ1bmN0aW9uIHRvIGJlIGV4ZWN1dGVkIHdoZW4gdGhlIENhcmQgY29tcG9uZW50IGlzIGNsaWNrZWQuIFByZWZlciB0aGlzIGZvciBtYW5hZ2luZyBzaWRlIGVmZmVjdHMgcmF0aGVyIHRoYW4gbmF2aWdhdGlvbi5cbiAgICovXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGhlIFVSTCB0aGF0IHRoZSBDYXJkIHNob3VsZCBwb2ludCB0by4gSWYgcHJvdmlkZWQsIHRoZSBDYXJkIHdpbGwgYmUgcmVuZGVyZWQgYXMgYW4gYW5jaG9yIGVsZW1lbnQuXG4gICAqL1xuICB0bz86IHN0cmluZyB8IExvY2F0aW9uRGVzY3JpcHRvcjtcbiAgLyoqXG4gICAqIEEgZmxhZyB0byBpbmRpY2F0ZSBpZiB0aGUgQ2FyZCBwb2ludHMgdG8gYW4gZXh0ZXJuYWwgc291cmNlLlxuICAgKi9cbiAgaXNFeHRlcm5hbExpbms/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgYSBjbGlja2FibGUgQ2FyZCBzaG91bGQgbm90IGFsbG93IGNsaWNrcy4gVGhpcyBhbGxvd3MgY29uc3VtZXJzIHRvIHRlbXBvcmFyaWx5IGRpc2FibGUgYSBjbGlja2FibGUgQ2FyZC5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufTtcblxuY29uc3QgQ2FyZCA9ICh7XG4gIHR5cGUgPSAncmFpc2VkJyxcbiAgdGhlbWUgPSAnbGlnaHQnLFxuICBpbnNldFNjYWxlID0gJ20nLFxuICAuLi5wcm9wc1xufTogVENhcmRQcm9wcykgPT4ge1xuICBjb25zdCBpc0NsaWNrYWJsZSA9IEJvb2xlYW4oIXByb3BzLmlzRGlzYWJsZWQgJiYgKHByb3BzLm9uQ2xpY2sgfHwgcHJvcHMudG8pKTtcbiAgLy8gT25seSBkaXNhYmxlIHN0eWxpbmcgaWYgdGhlIGNhcmQgaXMgbm90IGNsaWNrYWJsZVxuICBjb25zdCBzaG91bGRCZURpc2FibGVkID0gcHJvcHMuaXNEaXNhYmxlZCAmJiAocHJvcHMub25DbGljayB8fCBwcm9wcy50byk7XG5cbiAgY29uc3QgY29tbW9uUHJvcHMgPSB7XG4gICAgLi4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMoe1xuICAgICAgdHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaW5zZXRTY2FsZSxcbiAgICAgIC4uLnByb3BzLFxuICAgIH0pLFxuICAgIG9uQ2xpY2s6IGlzQ2xpY2thYmxlID8gcHJvcHMub25DbGljayA6IHVuZGVmaW5lZCxcbiAgICAnYXJpYS1kaXNhYmxlZCc6IHByb3BzLmlzRGlzYWJsZWQgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgIGNzczogY3NzYFxuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgYm94LXNoYWRvdzogJHt0eXBlID09PSAncmFpc2VkJyA/IGRlc2lnblRva2Vucy5zaGFkb3cxNyA6ICdub25lJ307XG4gICAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fTtcbiAgICAgIGJvcmRlcjogJHt0eXBlID09PSAncmFpc2VkJ1xuICAgICAgICA/IGAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9YFxuICAgICAgICA6ICdub25lJ307XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lID09PSAnZGFyaydcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTVcbiAgICAgICAgOiBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgIGN1cnNvcjogJHtzaG91bGRCZURpc2FibGVkXG4gICAgICAgID8gJ25vdC1hbGxvd2VkJ1xuICAgICAgICA6IGlzQ2xpY2thYmxlXG4gICAgICAgID8gJ3BvaW50ZXInXG4gICAgICAgIDogJ2RlZmF1bHQnfTtcbiAgICAgIDpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUgPT09ICdkYXJrJ1xuICAgICAgICAgID8gaXNDbGlja2FibGVcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwXG4gICAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgICAgIDogaXNDbGlja2FibGVcbiAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5OFxuICAgICAgICAgIDogdW5kZWZpbmVkfTtcbiAgICAgIH1cbiAgICAgIC8vIE92ZXJyaWRlcyB0aGUgZGVmYXVsdCBsaW5rIHN0eWxlc1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAvLyBEaXNhYmxlcyBsaW5rIHRleHQgc3R5bGluZ1xuICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAvLyBDaGFuZ2VzIHRoZSBvcGFjaXR5IG9mIHRoZSBjb250ZW50LCBub3QgdGhlIGNhcmQgaXRzZWxmXG4gICAgICAmID4gZGl2IHtcbiAgICAgICAgb3BhY2l0eTogJHtzaG91bGRCZURpc2FibGVkID8gMC41IDogMX07XG4gICAgICB9XG4gICAgYCxcbiAgICBjbGFzc05hbWU6IHByb3BzLmNsYXNzTmFtZSxcbiAgfTtcblxuICBjb25zdCBjb250ZW50ID1cbiAgICBpbnNldFNjYWxlID09PSAnbm9uZScgPyAoXG4gICAgICA8ZGl2Pntwcm9wcy5jaGlsZHJlbn08L2Rpdj5cbiAgICApIDogKFxuICAgICAgPEluc2V0IHNjYWxlPXtpbnNldFNjYWxlfSBoZWlnaHQ9XCJleHBhbmRlZFwiPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L0luc2V0PlxuICAgICk7XG5cbiAgaWYgKGlzQ2xpY2thYmxlKSB7XG4gICAgaWYgKHByb3BzLnRvKSB7XG4gICAgICBpZiAocHJvcHMuaXNFeHRlcm5hbExpbmspIHtcbiAgICAgICAgd2FybmluZyhcbiAgICAgICAgICB0eXBlb2YgcHJvcHMudG8gPT09ICdzdHJpbmcnLFxuICAgICAgICAgICd1aS1raXQvQ2FyZDogXCJ0b1wiIHByb3BlcnR5IG11c3QgYmUgYSBzdHJpbmcgd2hlbiBcImlzRXh0ZXJuYWxcIiB2YWx1ZSBpcyB0cnVlJ1xuICAgICAgICApO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIHsuLi5jb21tb25Qcm9wc31cbiAgICAgICAgICAgIGhyZWY9e3Byb3BzLnRvIGFzIHN0cmluZ31cbiAgICAgICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICAgICAgICByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L2E+XG4gICAgICAgICk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxMaW5rIHsuLi5jb21tb25Qcm9wc30gdG89e3Byb3BzLnRvfT5cbiAgICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5jb21tb25Qcm9wc31cbiAgICAgIC8vIFN1cHBvcnQgYWNjZXNzaWJpbGl0eSBhcyBhIGJ1dHRvbiB3aGVuIHRoZSBgb25DbGlja2AgcHJvcCBpcyBwcm92aWRlZFxuICAgICAgcm9sZT17aXNDbGlja2FibGUgPyAnYnV0dG9uJyA6IHVuZGVmaW5lZH1cbiAgICAgIHRhYkluZGV4PXtpc0NsaWNrYWJsZSA/IDAgOiB1bmRlZmluZWR9XG4gICAgICBvbktleURvd249eyhldmVudDogS2V5Ym9hcmRFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICAgICAgaWYgKGlzQ2xpY2thYmxlICYmIHByb3BzLm9uQ2xpY2sgJiYgZXZlbnQua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgcHJvcHMub25DbGljaygpO1xuICAgICAgICB9XG4gICAgICB9fVxuICAgID5cbiAgICAgIHtjb250ZW50fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuQ2FyZC5kaXNwbGF5TmFtZSA9ICdDYXJkJztcblxuZXhwb3J0IGRlZmF1bHQgQ2FyZDtcbiJdfQ== */"),
|
|
46
59
|
className: props.className
|
|
47
60
|
});
|
|
48
|
-
const content =
|
|
61
|
+
const content = insetScale === 'none' ? jsxRuntime.jsx("div", {
|
|
49
62
|
children: props.children
|
|
50
63
|
}) : jsxRuntime.jsx(Inset__default["default"], {
|
|
51
|
-
scale:
|
|
64
|
+
scale: insetScale,
|
|
52
65
|
height: "expanded",
|
|
53
66
|
children: props.children
|
|
54
67
|
});
|
|
@@ -83,9 +96,9 @@ const Card = props => {
|
|
|
83
96
|
}));
|
|
84
97
|
};
|
|
85
98
|
Card.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
86
|
-
type: _pt__default["default"].oneOf(['raised', 'flat'])
|
|
87
|
-
insetScale: _pt__default["default"].oneOf(['none', 's', 'm', 'l', 'xl'])
|
|
88
|
-
theme: _pt__default["default"].oneOf(['light', 'dark'])
|
|
99
|
+
type: _pt__default["default"].oneOf(['raised', 'flat']),
|
|
100
|
+
insetScale: _pt__default["default"].oneOf(['none', 's', 'm', 'l', 'xl']),
|
|
101
|
+
theme: _pt__default["default"].oneOf(['light', 'dark']),
|
|
89
102
|
className: _pt__default["default"].string,
|
|
90
103
|
children: _pt__default["default"].node,
|
|
91
104
|
onClick: _pt__default["default"].func,
|
|
@@ -93,17 +106,11 @@ Card.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
93
106
|
isExternalLink: _pt__default["default"].bool,
|
|
94
107
|
isDisabled: _pt__default["default"].bool
|
|
95
108
|
} : {};
|
|
96
|
-
const defaultProps = {
|
|
97
|
-
type: 'raised',
|
|
98
|
-
theme: 'light',
|
|
99
|
-
insetScale: 'm'
|
|
100
|
-
};
|
|
101
109
|
Card.displayName = 'Card';
|
|
102
|
-
Card.defaultProps = defaultProps;
|
|
103
110
|
var Card$1 = Card;
|
|
104
111
|
|
|
105
112
|
// NOTE: This string will be replaced on build time with the package version.
|
|
106
|
-
var version = "19.
|
|
113
|
+
var version = "19.21.0";
|
|
107
114
|
|
|
108
115
|
exports["default"] = Card$1;
|
|
109
116
|
exports.version = version;
|
|
@@ -11,6 +11,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
|
|
|
11
11
|
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
14
15
|
require('prop-types');
|
|
15
16
|
require('react');
|
|
16
17
|
var react = require('@emotion/react');
|
|
@@ -32,22 +33,34 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
|
|
|
32
33
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
33
34
|
var Inset__default = /*#__PURE__*/_interopDefault(Inset);
|
|
34
35
|
|
|
36
|
+
const _excluded = ["type", "theme", "insetScale"];
|
|
35
37
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
36
38
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
37
|
-
const Card =
|
|
39
|
+
const Card = _ref => {
|
|
40
|
+
let _ref$type = _ref.type,
|
|
41
|
+
type = _ref$type === void 0 ? 'raised' : _ref$type,
|
|
42
|
+
_ref$theme = _ref.theme,
|
|
43
|
+
theme = _ref$theme === void 0 ? 'light' : _ref$theme,
|
|
44
|
+
_ref$insetScale = _ref.insetScale,
|
|
45
|
+
insetScale = _ref$insetScale === void 0 ? 'm' : _ref$insetScale,
|
|
46
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
38
47
|
const isClickable = Boolean(!props.isDisabled && (props.onClick || props.to));
|
|
39
48
|
// Only disable styling if the card is not clickable
|
|
40
49
|
const shouldBeDisabled = props.isDisabled && (props.onClick || props.to);
|
|
41
|
-
const commonProps = _objectSpread(_objectSpread({}, utils.filterDataAttributes(
|
|
50
|
+
const commonProps = _objectSpread(_objectSpread({}, utils.filterDataAttributes(_objectSpread({
|
|
51
|
+
type,
|
|
52
|
+
theme,
|
|
53
|
+
insetScale
|
|
54
|
+
}, props))), {}, {
|
|
42
55
|
onClick: isClickable ? props.onClick : undefined,
|
|
43
56
|
'aria-disabled': props.isDisabled ? true : undefined,
|
|
44
|
-
css: /*#__PURE__*/react.css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:",
|
|
57
|
+
css: /*#__PURE__*/react.css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:", type === 'raised' ? designSystem.designTokens.shadow17 : 'none', ";border-radius:", designSystem.designTokens.borderRadius4, ";border:", type === 'raised' ? `1px solid ${designSystem.designTokens.colorNeutral90}` : 'none', ";background:", theme === 'dark' ? designSystem.designTokens.colorNeutral95 : designSystem.designTokens.colorSurface, ";cursor:", shouldBeDisabled ? 'not-allowed' : isClickable ? 'pointer' : 'default', ";:hover{background:", theme === 'dark' ? isClickable ? designSystem.designTokens.colorNeutral90 : undefined : isClickable ? designSystem.designTokens.colorNeutral98 : undefined, ";}display:block;color:inherit;&>div{opacity:", shouldBeDisabled ? 0.5 : 1, ";}" + ("" ), "" ),
|
|
45
58
|
className: props.className
|
|
46
59
|
});
|
|
47
|
-
const content =
|
|
60
|
+
const content = insetScale === 'none' ? jsxRuntime.jsx("div", {
|
|
48
61
|
children: props.children
|
|
49
62
|
}) : jsxRuntime.jsx(Inset__default["default"], {
|
|
50
|
-
scale:
|
|
63
|
+
scale: insetScale,
|
|
51
64
|
height: "expanded",
|
|
52
65
|
children: props.children
|
|
53
66
|
});
|
|
@@ -81,17 +94,11 @@ const Card = props => {
|
|
|
81
94
|
}));
|
|
82
95
|
};
|
|
83
96
|
Card.propTypes = {};
|
|
84
|
-
const defaultProps = {
|
|
85
|
-
type: 'raised',
|
|
86
|
-
theme: 'light',
|
|
87
|
-
insetScale: 'm'
|
|
88
|
-
};
|
|
89
97
|
Card.displayName = 'Card';
|
|
90
|
-
Card.defaultProps = defaultProps;
|
|
91
98
|
var Card$1 = Card;
|
|
92
99
|
|
|
93
100
|
// NOTE: This string will be replaced on build time with the package version.
|
|
94
|
-
var version = "19.
|
|
101
|
+
var version = "19.21.0";
|
|
95
102
|
|
|
96
103
|
exports["default"] = Card$1;
|
|
97
104
|
exports.version = version;
|
|
@@ -7,6 +7,7 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
|
|
|
7
7
|
import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
|
|
8
8
|
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
9
9
|
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
10
|
+
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
|
|
10
11
|
import _pt from 'prop-types';
|
|
11
12
|
import 'react';
|
|
12
13
|
import { css } from '@emotion/react';
|
|
@@ -16,22 +17,34 @@ import Inset from '@commercetools-uikit/spacings-inset';
|
|
|
16
17
|
import { Link } from 'react-router-dom';
|
|
17
18
|
import { jsx } from '@emotion/react/jsx-runtime';
|
|
18
19
|
|
|
20
|
+
const _excluded = ["type", "theme", "insetScale"];
|
|
19
21
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
22
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
|
-
const Card =
|
|
23
|
+
const Card = _ref => {
|
|
24
|
+
let _ref$type = _ref.type,
|
|
25
|
+
type = _ref$type === void 0 ? 'raised' : _ref$type,
|
|
26
|
+
_ref$theme = _ref.theme,
|
|
27
|
+
theme = _ref$theme === void 0 ? 'light' : _ref$theme,
|
|
28
|
+
_ref$insetScale = _ref.insetScale,
|
|
29
|
+
insetScale = _ref$insetScale === void 0 ? 'm' : _ref$insetScale,
|
|
30
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
31
|
const isClickable = Boolean(!props.isDisabled && (props.onClick || props.to));
|
|
23
32
|
// Only disable styling if the card is not clickable
|
|
24
33
|
const shouldBeDisabled = props.isDisabled && (props.onClick || props.to);
|
|
25
|
-
const commonProps = _objectSpread(_objectSpread({}, filterDataAttributes(
|
|
34
|
+
const commonProps = _objectSpread(_objectSpread({}, filterDataAttributes(_objectSpread({
|
|
35
|
+
type,
|
|
36
|
+
theme,
|
|
37
|
+
insetScale
|
|
38
|
+
}, props))), {}, {
|
|
26
39
|
onClick: isClickable ? props.onClick : undefined,
|
|
27
40
|
'aria-disabled': props.isDisabled ? true : undefined,
|
|
28
|
-
css: /*#__PURE__*/css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:",
|
|
41
|
+
css: /*#__PURE__*/css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:", type === 'raised' ? designTokens.shadow17 : 'none', ";border-radius:", designTokens.borderRadius4, ";border:", type === 'raised' ? `1px solid ${designTokens.colorNeutral90}` : 'none', ";background:", theme === 'dark' ? designTokens.colorNeutral95 : designTokens.colorSurface, ";cursor:", shouldBeDisabled ? 'not-allowed' : isClickable ? 'pointer' : 'default', ";:hover{background:", theme === 'dark' ? isClickable ? designTokens.colorNeutral90 : undefined : isClickable ? designTokens.colorNeutral98 : undefined, ";}display:block;color:inherit;&>div{opacity:", shouldBeDisabled ? 0.5 : 1, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:css;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFWSIsImZpbGUiOiJjYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEtleWJvYXJkRXZlbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgSW5zZXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MtaW5zZXQnO1xuaW1wb3J0IHsgTGluayB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nO1xuaW1wb3J0IHR5cGUgeyBMb2NhdGlvbkRlc2NyaXB0b3IgfSBmcm9tICdoaXN0b3J5JztcblxuZXhwb3J0IHR5cGUgVENhcmRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIHZpc3VhbCBlZmZlY3Qgb2YgdGhlIGNhcmQuIEEgcmFpc2VkIGNhcmQgaGFzIGEgYm94IHNoYWRvdyB3aGlsZSBhIGZsYXQgY2FyZCBoYXMganVzdCBhIGJvcmRlci5cbiAgICovXG4gIHR5cGU/OiAncmFpc2VkJyB8ICdmbGF0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIHNwYWNpbmcgKHBhZGRpbmcpIHRoYXQgdGhlIGNvbnRlbnQgc2hvdWxkIGhhdmUgZnJvbSB0aGUgY2FyZCBib3JkZXJzLiBJbiBjYXNlIHRoZXJlIGlzIG5vIHNwYWNlIG5lZWRlZCwgeW91IGNhbiBwYXNzIGBub25lYC5cbiAgICovXG4gIGluc2V0U2NhbGU/OiAnbm9uZScgfCAncycgfCAnbScgfCAnbCcgfCAneGwnO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyB0aGUgYmFja2dyb3VuZCBjb2xvciBvZiB0aGUgY2FyZC5cbiAgICovXG4gIHRoZW1lPzogJ2xpZ2h0JyB8ICdkYXJrJztcbiAgLyoqXG4gICAqIFBhc3MgYSBjdXN0b20gQ1NTIGNsYXNzLCB1c2VmdWwgdG8gb3ZlcnJpZGUgdGhlIHN0eWxlcy5cbiAgICogPGJyPlxuICAgKiBOT1RFOiBUaGlzIGlzIG5vdCByZWNvbW1lbmRlZCBhbmQgc2hvdWxkIG9ubHkgYmUgdXNlZCBmb3IgYnVpbGRpbmcgbmV3IGNvbXBvbmVudHNcbiAgICogdGhhdCByZXF1aXJlIHNwZWNpYWwgc3R5bGUgYWRqdXN0bWVudHMuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogVGhlIGNhbGxiYWNrIGZ1bmN0aW9uIHRvIGJlIGV4ZWN1dGVkIHdoZW4gdGhlIENhcmQgY29tcG9uZW50IGlzIGNsaWNrZWQuIFByZWZlciB0aGlzIGZvciBtYW5hZ2luZyBzaWRlIGVmZmVjdHMgcmF0aGVyIHRoYW4gbmF2aWdhdGlvbi5cbiAgICovXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICAvKipcbiAgICogVGhlIFVSTCB0aGF0IHRoZSBDYXJkIHNob3VsZCBwb2ludCB0by4gSWYgcHJvdmlkZWQsIHRoZSBDYXJkIHdpbGwgYmUgcmVuZGVyZWQgYXMgYW4gYW5jaG9yIGVsZW1lbnQuXG4gICAqL1xuICB0bz86IHN0cmluZyB8IExvY2F0aW9uRGVzY3JpcHRvcjtcbiAgLyoqXG4gICAqIEEgZmxhZyB0byBpbmRpY2F0ZSBpZiB0aGUgQ2FyZCBwb2ludHMgdG8gYW4gZXh0ZXJuYWwgc291cmNlLlxuICAgKi9cbiAgaXNFeHRlcm5hbExpbms/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgYSBjbGlja2FibGUgQ2FyZCBzaG91bGQgbm90IGFsbG93IGNsaWNrcy4gVGhpcyBhbGxvd3MgY29uc3VtZXJzIHRvIHRlbXBvcmFyaWx5IGRpc2FibGUgYSBjbGlja2FibGUgQ2FyZC5cbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufTtcblxuY29uc3QgQ2FyZCA9ICh7XG4gIHR5cGUgPSAncmFpc2VkJyxcbiAgdGhlbWUgPSAnbGlnaHQnLFxuICBpbnNldFNjYWxlID0gJ20nLFxuICAuLi5wcm9wc1xufTogVENhcmRQcm9wcykgPT4ge1xuICBjb25zdCBpc0NsaWNrYWJsZSA9IEJvb2xlYW4oIXByb3BzLmlzRGlzYWJsZWQgJiYgKHByb3BzLm9uQ2xpY2sgfHwgcHJvcHMudG8pKTtcbiAgLy8gT25seSBkaXNhYmxlIHN0eWxpbmcgaWYgdGhlIGNhcmQgaXMgbm90IGNsaWNrYWJsZVxuICBjb25zdCBzaG91bGRCZURpc2FibGVkID0gcHJvcHMuaXNEaXNhYmxlZCAmJiAocHJvcHMub25DbGljayB8fCBwcm9wcy50byk7XG5cbiAgY29uc3QgY29tbW9uUHJvcHMgPSB7XG4gICAgLi4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMoe1xuICAgICAgdHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaW5zZXRTY2FsZSxcbiAgICAgIC4uLnByb3BzLFxuICAgIH0pLFxuICAgIG9uQ2xpY2s6IGlzQ2xpY2thYmxlID8gcHJvcHMub25DbGljayA6IHVuZGVmaW5lZCxcbiAgICAnYXJpYS1kaXNhYmxlZCc6IHByb3BzLmlzRGlzYWJsZWQgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgIGNzczogY3NzYFxuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgYm94LXNoYWRvdzogJHt0eXBlID09PSAncmFpc2VkJyA/IGRlc2lnblRva2Vucy5zaGFkb3cxNyA6ICdub25lJ307XG4gICAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fTtcbiAgICAgIGJvcmRlcjogJHt0eXBlID09PSAncmFpc2VkJ1xuICAgICAgICA/IGAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9YFxuICAgICAgICA6ICdub25lJ307XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lID09PSAnZGFyaydcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTVcbiAgICAgICAgOiBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgIGN1cnNvcjogJHtzaG91bGRCZURpc2FibGVkXG4gICAgICAgID8gJ25vdC1hbGxvd2VkJ1xuICAgICAgICA6IGlzQ2xpY2thYmxlXG4gICAgICAgID8gJ3BvaW50ZXInXG4gICAgICAgIDogJ2RlZmF1bHQnfTtcbiAgICAgIDpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUgPT09ICdkYXJrJ1xuICAgICAgICAgID8gaXNDbGlja2FibGVcbiAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwXG4gICAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgICAgIDogaXNDbGlja2FibGVcbiAgICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5OFxuICAgICAgICAgIDogdW5kZWZpbmVkfTtcbiAgICAgIH1cbiAgICAgIC8vIE92ZXJyaWRlcyB0aGUgZGVmYXVsdCBsaW5rIHN0eWxlc1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAvLyBEaXNhYmxlcyBsaW5rIHRleHQgc3R5bGluZ1xuICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAvLyBDaGFuZ2VzIHRoZSBvcGFjaXR5IG9mIHRoZSBjb250ZW50LCBub3QgdGhlIGNhcmQgaXRzZWxmXG4gICAgICAmID4gZGl2IHtcbiAgICAgICAgb3BhY2l0eTogJHtzaG91bGRCZURpc2FibGVkID8gMC41IDogMX07XG4gICAgICB9XG4gICAgYCxcbiAgICBjbGFzc05hbWU6IHByb3BzLmNsYXNzTmFtZSxcbiAgfTtcblxuICBjb25zdCBjb250ZW50ID1cbiAgICBpbnNldFNjYWxlID09PSAnbm9uZScgPyAoXG4gICAgICA8ZGl2Pntwcm9wcy5jaGlsZHJlbn08L2Rpdj5cbiAgICApIDogKFxuICAgICAgPEluc2V0IHNjYWxlPXtpbnNldFNjYWxlfSBoZWlnaHQ9XCJleHBhbmRlZFwiPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L0luc2V0PlxuICAgICk7XG5cbiAgaWYgKGlzQ2xpY2thYmxlKSB7XG4gICAgaWYgKHByb3BzLnRvKSB7XG4gICAgICBpZiAocHJvcHMuaXNFeHRlcm5hbExpbmspIHtcbiAgICAgICAgd2FybmluZyhcbiAgICAgICAgICB0eXBlb2YgcHJvcHMudG8gPT09ICdzdHJpbmcnLFxuICAgICAgICAgICd1aS1raXQvQ2FyZDogXCJ0b1wiIHByb3BlcnR5IG11c3QgYmUgYSBzdHJpbmcgd2hlbiBcImlzRXh0ZXJuYWxcIiB2YWx1ZSBpcyB0cnVlJ1xuICAgICAgICApO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIHsuLi5jb21tb25Qcm9wc31cbiAgICAgICAgICAgIGhyZWY9e3Byb3BzLnRvIGFzIHN0cmluZ31cbiAgICAgICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICAgICAgICByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L2E+XG4gICAgICAgICk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxMaW5rIHsuLi5jb21tb25Qcm9wc30gdG89e3Byb3BzLnRvfT5cbiAgICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5jb21tb25Qcm9wc31cbiAgICAgIC8vIFN1cHBvcnQgYWNjZXNzaWJpbGl0eSBhcyBhIGJ1dHRvbiB3aGVuIHRoZSBgb25DbGlja2AgcHJvcCBpcyBwcm92aWRlZFxuICAgICAgcm9sZT17aXNDbGlja2FibGUgPyAnYnV0dG9uJyA6IHVuZGVmaW5lZH1cbiAgICAgIHRhYkluZGV4PXtpc0NsaWNrYWJsZSA/IDAgOiB1bmRlZmluZWR9XG4gICAgICBvbktleURvd249eyhldmVudDogS2V5Ym9hcmRFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICAgICAgaWYgKGlzQ2xpY2thYmxlICYmIHByb3BzLm9uQ2xpY2sgJiYgZXZlbnQua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgcHJvcHMub25DbGljaygpO1xuICAgICAgICB9XG4gICAgICB9fVxuICAgID5cbiAgICAgIHtjb250ZW50fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuQ2FyZC5kaXNwbGF5TmFtZSA9ICdDYXJkJztcblxuZXhwb3J0IGRlZmF1bHQgQ2FyZDtcbiJdfQ== */"),
|
|
29
42
|
className: props.className
|
|
30
43
|
});
|
|
31
|
-
const content =
|
|
44
|
+
const content = insetScale === 'none' ? jsx("div", {
|
|
32
45
|
children: props.children
|
|
33
46
|
}) : jsx(Inset, {
|
|
34
|
-
scale:
|
|
47
|
+
scale: insetScale,
|
|
35
48
|
height: "expanded",
|
|
36
49
|
children: props.children
|
|
37
50
|
});
|
|
@@ -66,9 +79,9 @@ const Card = props => {
|
|
|
66
79
|
}));
|
|
67
80
|
};
|
|
68
81
|
Card.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
69
|
-
type: _pt.oneOf(['raised', 'flat'])
|
|
70
|
-
insetScale: _pt.oneOf(['none', 's', 'm', 'l', 'xl'])
|
|
71
|
-
theme: _pt.oneOf(['light', 'dark'])
|
|
82
|
+
type: _pt.oneOf(['raised', 'flat']),
|
|
83
|
+
insetScale: _pt.oneOf(['none', 's', 'm', 'l', 'xl']),
|
|
84
|
+
theme: _pt.oneOf(['light', 'dark']),
|
|
72
85
|
className: _pt.string,
|
|
73
86
|
children: _pt.node,
|
|
74
87
|
onClick: _pt.func,
|
|
@@ -76,16 +89,10 @@ Card.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
76
89
|
isExternalLink: _pt.bool,
|
|
77
90
|
isDisabled: _pt.bool
|
|
78
91
|
} : {};
|
|
79
|
-
const defaultProps = {
|
|
80
|
-
type: 'raised',
|
|
81
|
-
theme: 'light',
|
|
82
|
-
insetScale: 'm'
|
|
83
|
-
};
|
|
84
92
|
Card.displayName = 'Card';
|
|
85
|
-
Card.defaultProps = defaultProps;
|
|
86
93
|
var Card$1 = Card;
|
|
87
94
|
|
|
88
95
|
// NOTE: This string will be replaced on build time with the package version.
|
|
89
|
-
var version = "19.
|
|
96
|
+
var version = "19.21.0";
|
|
90
97
|
|
|
91
98
|
export { Card$1 as default, version };
|
|
@@ -4,15 +4,15 @@ export type TCardProps = {
|
|
|
4
4
|
/**
|
|
5
5
|
* Determines the visual effect of the card. A raised card has a box shadow while a flat card has just a border.
|
|
6
6
|
*/
|
|
7
|
-
type
|
|
7
|
+
type?: 'raised' | 'flat';
|
|
8
8
|
/**
|
|
9
9
|
* Determines the spacing (padding) that the content should have from the card borders. In case there is no space needed, you can pass `none`.
|
|
10
10
|
*/
|
|
11
|
-
insetScale
|
|
11
|
+
insetScale?: 'none' | 's' | 'm' | 'l' | 'xl';
|
|
12
12
|
/**
|
|
13
13
|
* Determines the background color of the card.
|
|
14
14
|
*/
|
|
15
|
-
theme
|
|
15
|
+
theme?: 'light' | 'dark';
|
|
16
16
|
/**
|
|
17
17
|
* Pass a custom CSS class, useful to override the styles.
|
|
18
18
|
* <br>
|
|
@@ -39,8 +39,7 @@ export type TCardProps = {
|
|
|
39
39
|
isDisabled?: boolean;
|
|
40
40
|
};
|
|
41
41
|
declare const Card: {
|
|
42
|
-
(props: TCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
42
|
+
({ type, theme, insetScale, ...props }: TCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
43
43
|
displayName: string;
|
|
44
|
-
defaultProps: Pick<TCardProps, "type" | "theme" | "insetScale">;
|
|
45
44
|
};
|
|
46
45
|
export default Card;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/card",
|
|
3
3
|
"description": "Cards are used to display content and actions on a single topic.",
|
|
4
|
-
"version": "19.
|
|
4
|
+
"version": "19.21.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/design-system": "19.
|
|
25
|
-
"@commercetools-uikit/spacings-inset": "19.
|
|
26
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/design-system": "19.21.0",
|
|
25
|
+
"@commercetools-uikit/spacings-inset": "19.21.0",
|
|
26
|
+
"@commercetools-uikit/utils": "19.21.0",
|
|
27
27
|
"@emotion/react": "^11.10.5",
|
|
28
28
|
"@emotion/styled": "^11.10.5",
|
|
29
29
|
"@types/react-router-dom": "^5.3.3",
|