@commercetools-uikit/card 15.2.4 → 15.3.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.
|
|
41
|
+
css: /*#__PURE__*/react.css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:", props.type === 'raised' ? designSystem.designTokens.shadow1 : 'none', ";border-radius:", designSystem.designTokens.borderRadius6, ";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/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ2FyZCA9IChwcm9wczogVENhcmRQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgIGJveC1zaGFkb3c6ICR7cHJvcHMudHlwZSA9PT0gJ3JhaXNlZCcgPyBkZXNpZ25Ub2tlbnMuc2hhZG93MSA6ICdub25lJ307XG4gICAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMudGhlbWUgPT09ICdkYXJrJ1xuICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NVxuICAgICAgICA6IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgIGB9XG4gICAgLy8gQWxsb3cgdG8gb3ZlcnJpZGUgdGhlIHN0eWxlcyBieSBwYXNzaW5nIGEgYGNsYXNzTmFtZWAgcHJvcC5cbiAgICAvLyBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgYGNzc2AgcHJvcCBmcm9tIGVtb3Rpb24uXG4gICAgLy8gaHR0cHM6Ly9lbW90aW9uLnNoL2RvY3MvY3NzLXByb3Ajc3R5bGUtcHJlY2VkZW5jZVxuICAgIGNsYXNzTmFtZT17cHJvcHMuY2xhc3NOYW1lfVxuICA+XG4gICAge3Byb3BzLmluc2V0U2NhbGUgPT09ICdub25lJyA/IChcbiAgICAgIC8vIFVzZSBhIGA8ZGl2PmAgdG8gZW5zdXJlIHRoYXQgdGhlcmUgaXMgYWx3YXlzIGEgd3JhcHBlciBjb250YWluZXIuXG4gICAgICAvLyBUaGlzIGlzIG1vc3RseSB1c2VmdWwgaW4gY2FzZSBjdXN0b20gc3R5bGVzIGFyZSB0YXJnZXRpbmcgdGhpcyBlbGVtZW50LlxuICAgICAgPGRpdj57cHJvcHMuY2hpbGRyZW59PC9kaXY+XG4gICAgKSA6IChcbiAgICAgIDxJbnNldCBzY2FsZT17cHJvcHMuaW5zZXRTY2FsZX0+e3Byb3BzLmNoaWxkcmVufTwvSW5zZXQ+XG4gICAgKX1cbiAgPC9kaXY+XG4pO1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VENhcmRQcm9wcywgJ3R5cGUnIHwgJ3RoZW1lJyB8ICdpbnNldFNjYWxlJz4gPSB7XG4gIHR5cGU6ICdyYWlzZWQnLFxuICB0aGVtZTogJ2xpZ2h0JyxcbiAgaW5zZXRTY2FsZTogJ20nLFxufTtcblxuQ2FyZC5kaXNwbGF5TmFtZSA9ICdDYXJkJztcbkNhcmQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBDYXJkO1xuIl19 */") // 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.3.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.
|
|
40
|
+
css: /*#__PURE__*/react.css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:", props.type === 'raised' ? designSystem.designTokens.shadow1 : 'none', ";border-radius:", designSystem.designTokens.borderRadius6, ";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.3.0";
|
|
68
68
|
|
|
69
69
|
exports["default"] = Card$1;
|
|
70
70
|
exports.version = version;
|
|
@@ -10,7 +10,7 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
|
10
10
|
import _pt from 'prop-types';
|
|
11
11
|
import 'react';
|
|
12
12
|
import { css } from '@emotion/react';
|
|
13
|
-
import {
|
|
13
|
+
import { designTokens } from '@commercetools-uikit/design-system';
|
|
14
14
|
import { filterDataAttributes } from '@commercetools-uikit/utils';
|
|
15
15
|
import Inset from '@commercetools-uikit/spacings-inset';
|
|
16
16
|
import { jsx } from '@emotion/react/jsx-runtime';
|
|
@@ -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' ?
|
|
24
|
+
css: /*#__PURE__*/css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:", props.type === 'raised' ? designTokens.shadow1 : 'none', ";border-radius:", designTokens.borderRadius6, ";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/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ2FyZCA9IChwcm9wczogVENhcmRQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgIGJveC1zaGFkb3c6ICR7cHJvcHMudHlwZSA9PT0gJ3JhaXNlZCcgPyBkZXNpZ25Ub2tlbnMuc2hhZG93MSA6ICdub25lJ307XG4gICAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMudGhlbWUgPT09ICdkYXJrJ1xuICAgICAgICA/IGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NVxuICAgICAgICA6IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgIGB9XG4gICAgLy8gQWxsb3cgdG8gb3ZlcnJpZGUgdGhlIHN0eWxlcyBieSBwYXNzaW5nIGEgYGNsYXNzTmFtZWAgcHJvcC5cbiAgICAvLyBDdXN0b20gc3R5bGVzIGNhbiBhbHNvIGJlIHBhc3NlZCB1c2luZyB0aGUgYGNzc2AgcHJvcCBmcm9tIGVtb3Rpb24uXG4gICAgLy8gaHR0cHM6Ly9lbW90aW9uLnNoL2RvY3MvY3NzLXByb3Ajc3R5bGUtcHJlY2VkZW5jZVxuICAgIGNsYXNzTmFtZT17cHJvcHMuY2xhc3NOYW1lfVxuICA+XG4gICAge3Byb3BzLmluc2V0U2NhbGUgPT09ICdub25lJyA/IChcbiAgICAgIC8vIFVzZSBhIGA8ZGl2PmAgdG8gZW5zdXJlIHRoYXQgdGhlcmUgaXMgYWx3YXlzIGEgd3JhcHBlciBjb250YWluZXIuXG4gICAgICAvLyBUaGlzIGlzIG1vc3RseSB1c2VmdWwgaW4gY2FzZSBjdXN0b20gc3R5bGVzIGFyZSB0YXJnZXRpbmcgdGhpcyBlbGVtZW50LlxuICAgICAgPGRpdj57cHJvcHMuY2hpbGRyZW59PC9kaXY+XG4gICAgKSA6IChcbiAgICAgIDxJbnNldCBzY2FsZT17cHJvcHMuaW5zZXRTY2FsZX0+e3Byb3BzLmNoaWxkcmVufTwvSW5zZXQ+XG4gICAgKX1cbiAgPC9kaXY+XG4pO1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VENhcmRQcm9wcywgJ3R5cGUnIHwgJ3RoZW1lJyB8ICdpbnNldFNjYWxlJz4gPSB7XG4gIHR5cGU6ICdyYWlzZWQnLFxuICB0aGVtZTogJ2xpZ2h0JyxcbiAgaW5zZXRTY2FsZTogJ20nLFxufTtcblxuQ2FyZC5kaXNwbGF5TmFtZSA9ICdDYXJkJztcbkNhcmQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBDYXJkO1xuIl19 */") // 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.3.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.3.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.3.0",
|
|
25
|
+
"@commercetools-uikit/spacings-inset": "15.3.0",
|
|
26
|
+
"@commercetools-uikit/utils": "15.3.0",
|
|
27
27
|
"@emotion/react": "^11.4.0",
|
|
28
28
|
"@emotion/styled": "^11.3.0",
|
|
29
29
|
"prop-types": "15.8.1"
|