@commercetools-uikit/card 15.3.0 → 15.4.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.
|
@@ -38,7 +38,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
38
38
|
|
|
39
39
|
var Card = function Card(props) {
|
|
40
40
|
return jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
|
|
41
|
-
css: /*#__PURE__*/react.css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:", props.type === 'raised' ? designSystem.designTokens.
|
|
41
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDWSIsImZpbGUiOiJjYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgSW5zZXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MtaW5zZXQnO1xuXG50eXBlIFRDYXJkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSB2aXN1YWwgZWZmZWN0IG9mIHRoZSBjYXJkLiBBIHJhaXNlZCBjYXJkIGhhcyBhIGJveCBzaGFkb3cgd2hpbGUgYSBmbGF0IGNhcmQgaGFzIGp1c3QgYSBib3JkZXIuXG4gICAqL1xuICB0eXBlOiAncmFpc2VkJyB8ICdmbGF0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIHNwYWNpbmcgKHBhZGRpbmcpIHRoYXQgdGhlIGNvbnRlbnQgc2hvdWxkIGhhdmUgZnJvbSB0aGUgY2FyZCBib3JkZXJzLiBJbiBjYXNlIHRoZXJlIGlzIG5vIHNwYWNlIG5lZWRlZCwgeW91IGNhbiBwYXNzIGBub25lYC5cbiAgICovXG4gIGluc2V0U2NhbGU6ICdub25lJyB8ICdzJyB8ICdtJztcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGJhY2tncm91bmQgY29sb3Igb2YgdGhlIGNhcmQuXG4gICAqL1xuICB0aGVtZTogJ2xpZ2h0JyB8ICdkYXJrJztcbiAgLyoqXG4gICAqIFBhc3MgYSBjdXN0b20gQ1NTIGNsYXNzLCB1c2VmdWwgdG8gb3ZlcnJpZGUgdGhlIHN0eWxlcy5cbiAgICogPGJyPlxuICAgKiBOT1RFOiBUaGlzIGlzIG5vdCByZWNvbW1lbmRlZCBhbmQgc2hvdWxkIG9ubHkgYmUgdXNlZCBmb3IgYnVpbGRpbmcgbmV3IGNvbXBvbmVudHNcbiAgICogdGhhdCByZXF1aXJlIHNwZWNpYWwgc3R5bGUgYWRqdXN0bWVudHMuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ2FyZCA9IChwcm9wczogVENhcmRQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgIGJveC1zaGFkb3c6ICR7cHJvcHMudHlwZSA9PT0gJ3JhaXNlZCdcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnMuc2hhZG93Rm9yQ2FyZFdoZW5SYWlzZWRcbiAgICAgICAgOiAnbm9uZSd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ2FyZH07XG4gICAgICBib3JkZXI6ICR7cHJvcHMudHlwZSA9PT0gJ3JhaXNlZCdcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yQ2FyZFdoZW5SYWlzZWRcbiAgICAgICAgOiAnbm9uZSd9O1xuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZSA9PT0gJ2RhcmsnXG4gICAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1XG4gICAgICAgIDogZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYH1cbiAgICAvLyBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgIC8vIEN1c3RvbSBzdHlsZXMgY2FuIGFsc28gYmUgcGFzc2VkIHVzaW5nIHRoZSBgY3NzYCBwcm9wIGZyb20gZW1vdGlvbi5cbiAgICAvLyBodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9jc3MtcHJvcCNzdHlsZS1wcmVjZWRlbmNlXG4gICAgY2xhc3NOYW1lPXtwcm9wcy5jbGFzc05hbWV9XG4gID5cbiAgICB7cHJvcHMuaW5zZXRTY2FsZSA9PT0gJ25vbmUnID8gKFxuICAgICAgLy8gVXNlIGEgYDxkaXY+YCB0byBlbnN1cmUgdGhhdCB0aGVyZSBpcyBhbHdheXMgYSB3cmFwcGVyIGNvbnRhaW5lci5cbiAgICAgIC8vIFRoaXMgaXMgbW9zdGx5IHVzZWZ1bCBpbiBjYXNlIGN1c3RvbSBzdHlsZXMgYXJlIHRhcmdldGluZyB0aGlzIGVsZW1lbnQuXG4gICAgICA8ZGl2Pntwcm9wcy5jaGlsZHJlbn08L2Rpdj5cbiAgICApIDogKFxuICAgICAgPEluc2V0IHNjYWxlPXtwcm9wcy5pbnNldFNjYWxlfT57cHJvcHMuY2hpbGRyZW59PC9JbnNldD5cbiAgICApfVxuICA8L2Rpdj5cbik7XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUQ2FyZFByb3BzLCAndHlwZScgfCAndGhlbWUnIHwgJ2luc2V0U2NhbGUnPiA9IHtcbiAgdHlwZTogJ3JhaXNlZCcsXG4gIHRoZW1lOiAnbGlnaHQnLFxuICBpbnNldFNjYWxlOiAnbScsXG59O1xuXG5DYXJkLmRpc3BsYXlOYW1lID0gJ0NhcmQnO1xuQ2FyZC5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IENhcmQ7XG4iXX0= */") // Allow to override the styles by passing a `className` prop.
|
|
42
42
|
// Custom styles can also be passed using the `css` prop from emotion.
|
|
43
43
|
// https://emotion.sh/docs/css-prop#style-precedence
|
|
44
44
|
,
|
|
@@ -71,7 +71,7 @@ Card.defaultProps = defaultProps;
|
|
|
71
71
|
var Card$1 = Card;
|
|
72
72
|
|
|
73
73
|
// NOTE: This string will be replaced on build time with the package version.
|
|
74
|
-
var version = "15.
|
|
74
|
+
var version = "15.4.0";
|
|
75
75
|
|
|
76
76
|
exports["default"] = Card$1;
|
|
77
77
|
exports.version = version;
|
|
@@ -37,7 +37,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
37
37
|
|
|
38
38
|
var Card = function Card(props) {
|
|
39
39
|
return 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.
|
|
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, ";" + ("" ), "" ) // Allow to override the styles by passing a `className` prop.
|
|
41
41
|
// Custom styles can also be passed using the `css` prop from emotion.
|
|
42
42
|
// https://emotion.sh/docs/css-prop#style-precedence
|
|
43
43
|
,
|
|
@@ -64,7 +64,7 @@ Card.defaultProps = defaultProps;
|
|
|
64
64
|
var Card$1 = Card;
|
|
65
65
|
|
|
66
66
|
// NOTE: This string will be replaced on build time with the package version.
|
|
67
|
-
var version = "15.
|
|
67
|
+
var version = "15.4.0";
|
|
68
68
|
|
|
69
69
|
exports["default"] = Card$1;
|
|
70
70
|
exports.version = version;
|
|
@@ -21,7 +21,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
21
21
|
|
|
22
22
|
var Card = function Card(props) {
|
|
23
23
|
return jsx("div", _objectSpread(_objectSpread({}, filterDataAttributes(props)), {}, {
|
|
24
|
-
css: /*#__PURE__*/css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:", props.type === 'raised' ? designTokens.
|
|
24
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDWSIsImZpbGUiOiJjYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgSW5zZXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MtaW5zZXQnO1xuXG50eXBlIFRDYXJkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSB2aXN1YWwgZWZmZWN0IG9mIHRoZSBjYXJkLiBBIHJhaXNlZCBjYXJkIGhhcyBhIGJveCBzaGFkb3cgd2hpbGUgYSBmbGF0IGNhcmQgaGFzIGp1c3QgYSBib3JkZXIuXG4gICAqL1xuICB0eXBlOiAncmFpc2VkJyB8ICdmbGF0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIHNwYWNpbmcgKHBhZGRpbmcpIHRoYXQgdGhlIGNvbnRlbnQgc2hvdWxkIGhhdmUgZnJvbSB0aGUgY2FyZCBib3JkZXJzLiBJbiBjYXNlIHRoZXJlIGlzIG5vIHNwYWNlIG5lZWRlZCwgeW91IGNhbiBwYXNzIGBub25lYC5cbiAgICovXG4gIGluc2V0U2NhbGU6ICdub25lJyB8ICdzJyB8ICdtJztcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGJhY2tncm91bmQgY29sb3Igb2YgdGhlIGNhcmQuXG4gICAqL1xuICB0aGVtZTogJ2xpZ2h0JyB8ICdkYXJrJztcbiAgLyoqXG4gICAqIFBhc3MgYSBjdXN0b20gQ1NTIGNsYXNzLCB1c2VmdWwgdG8gb3ZlcnJpZGUgdGhlIHN0eWxlcy5cbiAgICogPGJyPlxuICAgKiBOT1RFOiBUaGlzIGlzIG5vdCByZWNvbW1lbmRlZCBhbmQgc2hvdWxkIG9ubHkgYmUgdXNlZCBmb3IgYnVpbGRpbmcgbmV3IGNvbXBvbmVudHNcbiAgICogdGhhdCByZXF1aXJlIHNwZWNpYWwgc3R5bGUgYWRqdXN0bWVudHMuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ2FyZCA9IChwcm9wczogVENhcmRQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgIGJveC1zaGFkb3c6ICR7cHJvcHMudHlwZSA9PT0gJ3JhaXNlZCdcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnMuc2hhZG93Rm9yQ2FyZFdoZW5SYWlzZWRcbiAgICAgICAgOiAnbm9uZSd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ2FyZH07XG4gICAgICBib3JkZXI6ICR7cHJvcHMudHlwZSA9PT0gJ3JhaXNlZCdcbiAgICAgICAgPyBkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yQ2FyZFdoZW5SYWlzZWRcbiAgICAgICAgOiAnbm9uZSd9O1xuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZSA9PT0gJ2RhcmsnXG4gICAgICAgID8gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1XG4gICAgICAgIDogZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYH1cbiAgICAvLyBBbGxvdyB0byBvdmVycmlkZSB0aGUgc3R5bGVzIGJ5IHBhc3NpbmcgYSBgY2xhc3NOYW1lYCBwcm9wLlxuICAgIC8vIEN1c3RvbSBzdHlsZXMgY2FuIGFsc28gYmUgcGFzc2VkIHVzaW5nIHRoZSBgY3NzYCBwcm9wIGZyb20gZW1vdGlvbi5cbiAgICAvLyBodHRwczovL2Vtb3Rpb24uc2gvZG9jcy9jc3MtcHJvcCNzdHlsZS1wcmVjZWRlbmNlXG4gICAgY2xhc3NOYW1lPXtwcm9wcy5jbGFzc05hbWV9XG4gID5cbiAgICB7cHJvcHMuaW5zZXRTY2FsZSA9PT0gJ25vbmUnID8gKFxuICAgICAgLy8gVXNlIGEgYDxkaXY+YCB0byBlbnN1cmUgdGhhdCB0aGVyZSBpcyBhbHdheXMgYSB3cmFwcGVyIGNvbnRhaW5lci5cbiAgICAgIC8vIFRoaXMgaXMgbW9zdGx5IHVzZWZ1bCBpbiBjYXNlIGN1c3RvbSBzdHlsZXMgYXJlIHRhcmdldGluZyB0aGlzIGVsZW1lbnQuXG4gICAgICA8ZGl2Pntwcm9wcy5jaGlsZHJlbn08L2Rpdj5cbiAgICApIDogKFxuICAgICAgPEluc2V0IHNjYWxlPXtwcm9wcy5pbnNldFNjYWxlfT57cHJvcHMuY2hpbGRyZW59PC9JbnNldD5cbiAgICApfVxuICA8L2Rpdj5cbik7XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUQ2FyZFByb3BzLCAndHlwZScgfCAndGhlbWUnIHwgJ2luc2V0U2NhbGUnPiA9IHtcbiAgdHlwZTogJ3JhaXNlZCcsXG4gIHRoZW1lOiAnbGlnaHQnLFxuICBpbnNldFNjYWxlOiAnbScsXG59O1xuXG5DYXJkLmRpc3BsYXlOYW1lID0gJ0NhcmQnO1xuQ2FyZC5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IENhcmQ7XG4iXX0= */") // Allow to override the styles by passing a `className` prop.
|
|
25
25
|
// Custom styles can also be passed using the `css` prop from emotion.
|
|
26
26
|
// https://emotion.sh/docs/css-prop#style-precedence
|
|
27
27
|
,
|
|
@@ -54,6 +54,6 @@ Card.defaultProps = defaultProps;
|
|
|
54
54
|
var Card$1 = Card;
|
|
55
55
|
|
|
56
56
|
// NOTE: This string will be replaced on build time with the package version.
|
|
57
|
-
var version = "15.
|
|
57
|
+
var version = "15.4.0";
|
|
58
58
|
|
|
59
59
|
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": "15.
|
|
4
|
+
"version": "15.4.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.19.0",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.19.1",
|
|
24
|
-
"@commercetools-uikit/design-system": "15.
|
|
25
|
-
"@commercetools-uikit/spacings-inset": "15.
|
|
26
|
-
"@commercetools-uikit/utils": "15.
|
|
24
|
+
"@commercetools-uikit/design-system": "15.4.0",
|
|
25
|
+
"@commercetools-uikit/spacings-inset": "15.4.0",
|
|
26
|
+
"@commercetools-uikit/utils": "15.4.0",
|
|
27
27
|
"@emotion/react": "^11.4.0",
|
|
28
28
|
"@emotion/styled": "^11.3.0",
|
|
29
29
|
"prop-types": "15.8.1"
|