@commercetools-uikit/card 15.15.0 → 16.0.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/commercetools-uikit-card.cjs.d.ts +1 -0
- package/dist/commercetools-uikit-card.cjs.d.ts.map +1 -0
- package/dist/commercetools-uikit-card.cjs.dev.js +17 -19
- package/dist/commercetools-uikit-card.cjs.prod.js +17 -19
- package/dist/commercetools-uikit-card.esm.js +17 -19
- package/package.json +4 -4
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"commercetools-uikit-card.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
|
|
@@ -36,23 +36,21 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
|
|
|
36
36
|
|
|
37
37
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
38
38
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}));
|
|
55
|
-
};
|
|
39
|
+
const Card = props => jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
|
|
40
|
+
css: /*#__PURE__*/react.css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:", props.type === 'raised' ? designSystem.designTokens.shadowForCardWhenRaised : 'none', ";border-radius:", designSystem.designTokens.borderRadiusForCard, ";border:", props.type === 'raised' ? designSystem.designTokens.borderForCardWhenRaised : 'none', ";background:", props.theme === 'dark' ? designSystem.designTokens.colorNeutral95 : designSystem.designTokens.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Card;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDWSIsImZpbGUiOiJjYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgSW5zZXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MtaW5zZXQnO1xuXG5leHBvcnQgdHlwZSBUQ2FyZFByb3BzID0ge1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyB0aGUgdmlzdWFsIGVmZmVjdCBvZiB0aGUgY2FyZC4gQSByYWlzZWQgY2FyZCBoYXMgYSBib3ggc2hhZG93IHdoaWxlIGEgZmxhdCBjYXJkIGhhcyBqdXN0IGEgYm9yZGVyLlxuICAgKi9cbiAgdHlwZTogJ3JhaXNlZCcgfCAnZmxhdCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBzcGFjaW5nIChwYWRkaW5nKSB0aGF0IHRoZSBjb250ZW50IHNob3VsZCBoYXZlIGZyb20gdGhlIGNhcmQgYm9yZGVycy4gSW4gY2FzZSB0aGVyZSBpcyBubyBzcGFjZSBuZWVkZWQsIHlvdSBjYW4gcGFzcyBgbm9uZWAuXG4gICAqL1xuICBpbnNldFNjYWxlOiAnbm9uZScgfCAncycgfCAnbScgfCAnbCcgfCAneGwnO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyB0aGUgYmFja2dyb3VuZCBjb2xvciBvZiB0aGUgY2FyZC5cbiAgICovXG4gIHRoZW1lOiAnbGlnaHQnIHwgJ2RhcmsnO1xuICAvKipcbiAgICogUGFzcyBhIGN1c3RvbSBDU1MgY2xhc3MsIHVzZWZ1bCB0byBvdmVycmlkZSB0aGUgc3R5bGVzLlxuICAgKiA8YnI+XG4gICAqIE5PVEU6IFRoaXMgaXMgbm90IHJlY29tbWVuZGVkIGFuZCBzaG91bGQgb25seSBiZSB1c2VkIGZvciBidWlsZGluZyBuZXcgY29tcG9uZW50c1xuICAgKiB0aGF0IHJlcXVpcmUgc3BlY2lhbCBzdHlsZSBhZGp1c3RtZW50cy5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBDYXJkID0gKHByb3BzOiBUQ2FyZFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgIGNzcz17Y3NzYFxuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgYm94LXNoYWRvdzogJHtwcm9wcy50eXBlID09PSAncmFpc2VkJ1xuICAgICAgICA/IGRlc2lnblRva2Vucy5zaGFkb3dGb3JDYXJkV2hlblJhaXNlZFxuICAgICAgICA6ICdub25lJ307XG4gICAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JDYXJkfTtcbiAgICAgIGJvcmRlcjogJHtwcm9wcy50eXBlID09PSAncmFpc2VkJ1xuICAgICAgICA/IGRlc2lnblRva2Vucy5ib3JkZXJGb3JDYXJkV2hlblJhaXNlZFxuICAgICAgICA6ICdub25lJ307XG4gICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLnRoZW1lID09PSAnZGFyaydcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTVcbiAgICAgICAgOiBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICBgfVxuICAgIC8vIEFsbG93IHRvIG92ZXJyaWRlIHRoZSBzdHlsZXMgYnkgcGFzc2luZyBhIGBjbGFzc05hbWVgIHByb3AuXG4gICAgLy8gQ3VzdG9tIHN0eWxlcyBjYW4gYWxzbyBiZSBwYXNzZWQgdXNpbmcgdGhlIGBjc3NgIHByb3AgZnJvbSBlbW90aW9uLlxuICAgIC8vIGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL2Nzcy1wcm9wI3N0eWxlLXByZWNlZGVuY2VcbiAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgPlxuICAgIHtwcm9wcy5pbnNldFNjYWxlID09PSAnbm9uZScgPyAoXG4gICAgICAvLyBVc2UgYSBgPGRpdj5gIHRvIGVuc3VyZSB0aGF0IHRoZXJlIGlzIGFsd2F5cyBhIHdyYXBwZXIgY29udGFpbmVyLlxuICAgICAgLy8gVGhpcyBpcyBtb3N0bHkgdXNlZnVsIGluIGNhc2UgY3VzdG9tIHN0eWxlcyBhcmUgdGFyZ2V0aW5nIHRoaXMgZWxlbWVudC5cbiAgICAgIDxkaXY+e3Byb3BzLmNoaWxkcmVufTwvZGl2PlxuICAgICkgOiAoXG4gICAgICA8SW5zZXQgc2NhbGU9e3Byb3BzLmluc2V0U2NhbGV9Pntwcm9wcy5jaGlsZHJlbn08L0luc2V0PlxuICAgICl9XG4gIDwvZGl2PlxuKTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRDYXJkUHJvcHMsICd0eXBlJyB8ICd0aGVtZScgfCAnaW5zZXRTY2FsZSc+ID0ge1xuICB0eXBlOiAncmFpc2VkJyxcbiAgdGhlbWU6ICdsaWdodCcsXG4gIGluc2V0U2NhbGU6ICdtJyxcbn07XG5cbkNhcmQuZGlzcGxheU5hbWUgPSAnQ2FyZCc7XG5DYXJkLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgQ2FyZDtcbiJdfQ== */") // Allow to override the styles by passing a `className` prop.
|
|
41
|
+
// Custom styles can also be passed using the `css` prop from emotion.
|
|
42
|
+
// https://emotion.sh/docs/css-prop#style-precedence
|
|
43
|
+
,
|
|
44
|
+
className: props.className,
|
|
45
|
+
children: props.insetScale === 'none' ? // Use a `<div>` to ensure that there is always a wrapper container.
|
|
46
|
+
// This is mostly useful in case custom styles are targeting this element.
|
|
47
|
+
jsxRuntime.jsx("div", {
|
|
48
|
+
children: props.children
|
|
49
|
+
}) : jsxRuntime.jsx(Inset__default["default"], {
|
|
50
|
+
scale: props.insetScale,
|
|
51
|
+
children: props.children
|
|
52
|
+
})
|
|
53
|
+
}));
|
|
56
54
|
|
|
57
55
|
Card.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
58
56
|
type: _pt__default["default"].oneOf(['raised', 'flat']).isRequired,
|
|
@@ -61,7 +59,7 @@ Card.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
61
59
|
className: _pt__default["default"].string,
|
|
62
60
|
children: _pt__default["default"].node
|
|
63
61
|
} : {};
|
|
64
|
-
|
|
62
|
+
const defaultProps = {
|
|
65
63
|
type: 'raised',
|
|
66
64
|
theme: 'light',
|
|
67
65
|
insetScale: 'm'
|
|
@@ -71,7 +69,7 @@ Card.defaultProps = defaultProps;
|
|
|
71
69
|
var Card$1 = Card;
|
|
72
70
|
|
|
73
71
|
// NOTE: This string will be replaced on build time with the package version.
|
|
74
|
-
var version = "
|
|
72
|
+
var version = "16.0.0";
|
|
75
73
|
|
|
76
74
|
exports["default"] = Card$1;
|
|
77
75
|
exports.version = version;
|
|
@@ -35,26 +35,24 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
|
|
|
35
35
|
|
|
36
36
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
37
37
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
}));
|
|
54
|
-
};
|
|
38
|
+
const Card = props => jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
|
|
39
|
+
css: /*#__PURE__*/react.css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:", props.type === 'raised' ? designSystem.designTokens.shadowForCardWhenRaised : 'none', ";border-radius:", designSystem.designTokens.borderRadiusForCard, ";border:", props.type === 'raised' ? designSystem.designTokens.borderForCardWhenRaised : 'none', ";background:", props.theme === 'dark' ? designSystem.designTokens.colorNeutral95 : designSystem.designTokens.colorSurface, ";" + ("" ), "" ) // Allow to override the styles by passing a `className` prop.
|
|
40
|
+
// Custom styles can also be passed using the `css` prop from emotion.
|
|
41
|
+
// https://emotion.sh/docs/css-prop#style-precedence
|
|
42
|
+
,
|
|
43
|
+
className: props.className,
|
|
44
|
+
children: props.insetScale === 'none' ? // Use a `<div>` to ensure that there is always a wrapper container.
|
|
45
|
+
// This is mostly useful in case custom styles are targeting this element.
|
|
46
|
+
jsxRuntime.jsx("div", {
|
|
47
|
+
children: props.children
|
|
48
|
+
}) : jsxRuntime.jsx(Inset__default["default"], {
|
|
49
|
+
scale: props.insetScale,
|
|
50
|
+
children: props.children
|
|
51
|
+
})
|
|
52
|
+
}));
|
|
55
53
|
|
|
56
54
|
Card.propTypes = {};
|
|
57
|
-
|
|
55
|
+
const defaultProps = {
|
|
58
56
|
type: 'raised',
|
|
59
57
|
theme: 'light',
|
|
60
58
|
insetScale: 'm'
|
|
@@ -64,7 +62,7 @@ Card.defaultProps = defaultProps;
|
|
|
64
62
|
var Card$1 = Card;
|
|
65
63
|
|
|
66
64
|
// NOTE: This string will be replaced on build time with the package version.
|
|
67
|
-
var version = "
|
|
65
|
+
var version = "16.0.0";
|
|
68
66
|
|
|
69
67
|
exports["default"] = Card$1;
|
|
70
68
|
exports.version = version;
|
|
@@ -19,23 +19,21 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
|
|
|
19
19
|
|
|
20
20
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}));
|
|
38
|
-
};
|
|
22
|
+
const Card = props => jsx("div", _objectSpread(_objectSpread({}, filterDataAttributes(props)), {}, {
|
|
23
|
+
css: /*#__PURE__*/css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:", props.type === 'raised' ? designTokens.shadowForCardWhenRaised : 'none', ";border-radius:", designTokens.borderRadiusForCard, ";border:", props.type === 'raised' ? designTokens.borderForCardWhenRaised : 'none', ";background:", props.theme === 'dark' ? designTokens.colorNeutral95 : designTokens.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Card;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDWSIsImZpbGUiOiJjYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgSW5zZXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MtaW5zZXQnO1xuXG5leHBvcnQgdHlwZSBUQ2FyZFByb3BzID0ge1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyB0aGUgdmlzdWFsIGVmZmVjdCBvZiB0aGUgY2FyZC4gQSByYWlzZWQgY2FyZCBoYXMgYSBib3ggc2hhZG93IHdoaWxlIGEgZmxhdCBjYXJkIGhhcyBqdXN0IGEgYm9yZGVyLlxuICAgKi9cbiAgdHlwZTogJ3JhaXNlZCcgfCAnZmxhdCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBzcGFjaW5nIChwYWRkaW5nKSB0aGF0IHRoZSBjb250ZW50IHNob3VsZCBoYXZlIGZyb20gdGhlIGNhcmQgYm9yZGVycy4gSW4gY2FzZSB0aGVyZSBpcyBubyBzcGFjZSBuZWVkZWQsIHlvdSBjYW4gcGFzcyBgbm9uZWAuXG4gICAqL1xuICBpbnNldFNjYWxlOiAnbm9uZScgfCAncycgfCAnbScgfCAnbCcgfCAneGwnO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyB0aGUgYmFja2dyb3VuZCBjb2xvciBvZiB0aGUgY2FyZC5cbiAgICovXG4gIHRoZW1lOiAnbGlnaHQnIHwgJ2RhcmsnO1xuICAvKipcbiAgICogUGFzcyBhIGN1c3RvbSBDU1MgY2xhc3MsIHVzZWZ1bCB0byBvdmVycmlkZSB0aGUgc3R5bGVzLlxuICAgKiA8YnI+XG4gICAqIE5PVEU6IFRoaXMgaXMgbm90IHJlY29tbWVuZGVkIGFuZCBzaG91bGQgb25seSBiZSB1c2VkIGZvciBidWlsZGluZyBuZXcgY29tcG9uZW50c1xuICAgKiB0aGF0IHJlcXVpcmUgc3BlY2lhbCBzdHlsZSBhZGp1c3RtZW50cy5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBDYXJkID0gKHByb3BzOiBUQ2FyZFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgIGNzcz17Y3NzYFxuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgYm94LXNoYWRvdzogJHtwcm9wcy50eXBlID09PSAncmFpc2VkJ1xuICAgICAgICA/IGRlc2lnblRva2Vucy5zaGFkb3dGb3JDYXJkV2hlblJhaXNlZFxuICAgICAgICA6ICdub25lJ307XG4gICAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JDYXJkfTtcbiAgICAgIGJvcmRlcjogJHtwcm9wcy50eXBlID09PSAncmFpc2VkJ1xuICAgICAgICA/IGRlc2lnblRva2Vucy5ib3JkZXJGb3JDYXJkV2hlblJhaXNlZFxuICAgICAgICA6ICdub25lJ307XG4gICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLnRoZW1lID09PSAnZGFyaydcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTVcbiAgICAgICAgOiBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICBgfVxuICAgIC8vIEFsbG93IHRvIG92ZXJyaWRlIHRoZSBzdHlsZXMgYnkgcGFzc2luZyBhIGBjbGFzc05hbWVgIHByb3AuXG4gICAgLy8gQ3VzdG9tIHN0eWxlcyBjYW4gYWxzbyBiZSBwYXNzZWQgdXNpbmcgdGhlIGBjc3NgIHByb3AgZnJvbSBlbW90aW9uLlxuICAgIC8vIGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL2Nzcy1wcm9wI3N0eWxlLXByZWNlZGVuY2VcbiAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgPlxuICAgIHtwcm9wcy5pbnNldFNjYWxlID09PSAnbm9uZScgPyAoXG4gICAgICAvLyBVc2UgYSBgPGRpdj5gIHRvIGVuc3VyZSB0aGF0IHRoZXJlIGlzIGFsd2F5cyBhIHdyYXBwZXIgY29udGFpbmVyLlxuICAgICAgLy8gVGhpcyBpcyBtb3N0bHkgdXNlZnVsIGluIGNhc2UgY3VzdG9tIHN0eWxlcyBhcmUgdGFyZ2V0aW5nIHRoaXMgZWxlbWVudC5cbiAgICAgIDxkaXY+e3Byb3BzLmNoaWxkcmVufTwvZGl2PlxuICAgICkgOiAoXG4gICAgICA8SW5zZXQgc2NhbGU9e3Byb3BzLmluc2V0U2NhbGV9Pntwcm9wcy5jaGlsZHJlbn08L0luc2V0PlxuICAgICl9XG4gIDwvZGl2PlxuKTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRDYXJkUHJvcHMsICd0eXBlJyB8ICd0aGVtZScgfCAnaW5zZXRTY2FsZSc+ID0ge1xuICB0eXBlOiAncmFpc2VkJyxcbiAgdGhlbWU6ICdsaWdodCcsXG4gIGluc2V0U2NhbGU6ICdtJyxcbn07XG5cbkNhcmQuZGlzcGxheU5hbWUgPSAnQ2FyZCc7XG5DYXJkLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgQ2FyZDtcbiJdfQ== */") // Allow to override the styles by passing a `className` prop.
|
|
24
|
+
// Custom styles can also be passed using the `css` prop from emotion.
|
|
25
|
+
// https://emotion.sh/docs/css-prop#style-precedence
|
|
26
|
+
,
|
|
27
|
+
className: props.className,
|
|
28
|
+
children: props.insetScale === 'none' ? // Use a `<div>` to ensure that there is always a wrapper container.
|
|
29
|
+
// This is mostly useful in case custom styles are targeting this element.
|
|
30
|
+
jsx("div", {
|
|
31
|
+
children: props.children
|
|
32
|
+
}) : jsx(Inset, {
|
|
33
|
+
scale: props.insetScale,
|
|
34
|
+
children: props.children
|
|
35
|
+
})
|
|
36
|
+
}));
|
|
39
37
|
|
|
40
38
|
Card.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
41
39
|
type: _pt.oneOf(['raised', 'flat']).isRequired,
|
|
@@ -44,7 +42,7 @@ Card.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
44
42
|
className: _pt.string,
|
|
45
43
|
children: _pt.node
|
|
46
44
|
} : {};
|
|
47
|
-
|
|
45
|
+
const defaultProps = {
|
|
48
46
|
type: 'raised',
|
|
49
47
|
theme: 'light',
|
|
50
48
|
insetScale: 'm'
|
|
@@ -54,6 +52,6 @@ Card.defaultProps = defaultProps;
|
|
|
54
52
|
var Card$1 = Card;
|
|
55
53
|
|
|
56
54
|
// NOTE: This string will be replaced on build time with the package version.
|
|
57
|
-
var version = "
|
|
55
|
+
var version = "16.0.0";
|
|
58
56
|
|
|
59
57
|
export { Card$1 as default, version };
|
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": "
|
|
4
|
+
"version": "16.0.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": "
|
|
25
|
-
"@commercetools-uikit/spacings-inset": "
|
|
26
|
-
"@commercetools-uikit/utils": "
|
|
24
|
+
"@commercetools-uikit/design-system": "16.0.0",
|
|
25
|
+
"@commercetools-uikit/spacings-inset": "16.0.0",
|
|
26
|
+
"@commercetools-uikit/utils": "16.0.0",
|
|
27
27
|
"@emotion/react": "^11.10.5",
|
|
28
28
|
"@emotion/styled": "^11.10.5",
|
|
29
29
|
"prop-types": "15.8.1"
|