@commercetools-uikit/card 15.5.1 → 15.6.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/README.md
CHANGED
|
@@ -43,10 +43,10 @@ export default Example;
|
|
|
43
43
|
|
|
44
44
|
## Properties
|
|
45
45
|
|
|
46
|
-
| Props | Type
|
|
47
|
-
| ------------ |
|
|
48
|
-
| `type` | `union`<br/>Possible values:<br/>`'raised' , 'flat'`
|
|
49
|
-
| `insetScale` | `union`<br/>Possible values:<br/>`'none' , 's' , 'm'` | | `'m'` | Determines the spacing (padding) that the content should have from the card borders. In case there is no space needed, you can pass `none`. |
|
|
50
|
-
| `theme` | `union`<br/>Possible values:<br/>`'light' , 'dark'`
|
|
51
|
-
| `className` | `string`
|
|
52
|
-
| `children` | `ReactNode`
|
|
46
|
+
| Props | Type | Required | Default | Description |
|
|
47
|
+
| ------------ | ------------------------------------------------------------------ | :------: | ---------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
48
|
+
| `type` | `union`<br/>Possible values:<br/>`'raised' , 'flat'` | | `'raised'` | Determines the visual effect of the card. A raised card has a box shadow while a flat card has just a border. |
|
|
49
|
+
| `insetScale` | `union`<br/>Possible values:<br/>`'none' , 's' , 'm' , 'l' , 'xl'` | | `'m'` | Determines the spacing (padding) that the content should have from the card borders. In case there is no space needed, you can pass `none`. |
|
|
50
|
+
| `theme` | `union`<br/>Possible values:<br/>`'light' , 'dark'` | | `'light'` | Determines the background color of the card. |
|
|
51
|
+
| `className` | `string` | | | Pass a custom CSS class, useful to override the styles.
<br>
NOTE: This is not recommended and should only be used for building new components
that require special style adjustments. |
|
|
52
|
+
| `children` | `ReactNode` | | | |
|
|
@@ -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.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,
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDWSIsImZpbGUiOiJjYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgSW5zZXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MtaW5zZXQnO1xuXG50eXBlIFRDYXJkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSB2aXN1YWwgZWZmZWN0IG9mIHRoZSBjYXJkLiBBIHJhaXNlZCBjYXJkIGhhcyBhIGJveCBzaGFkb3cgd2hpbGUgYSBmbGF0IGNhcmQgaGFzIGp1c3QgYSBib3JkZXIuXG4gICAqL1xuICB0eXBlOiAncmFpc2VkJyB8ICdmbGF0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIHNwYWNpbmcgKHBhZGRpbmcpIHRoYXQgdGhlIGNvbnRlbnQgc2hvdWxkIGhhdmUgZnJvbSB0aGUgY2FyZCBib3JkZXJzLiBJbiBjYXNlIHRoZXJlIGlzIG5vIHNwYWNlIG5lZWRlZCwgeW91IGNhbiBwYXNzIGBub25lYC5cbiAgICovXG4gIGluc2V0U2NhbGU6ICdub25lJyB8ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBiYWNrZ3JvdW5kIGNvbG9yIG9mIHRoZSBjYXJkLlxuICAgKi9cbiAgdGhlbWU6ICdsaWdodCcgfCAnZGFyayc7XG4gIC8qKlxuICAgKiBQYXNzIGEgY3VzdG9tIENTUyBjbGFzcywgdXNlZnVsIHRvIG92ZXJyaWRlIHRoZSBzdHlsZXMuXG4gICAqIDxicj5cbiAgICogTk9URTogVGhpcyBpcyBub3QgcmVjb21tZW5kZWQgYW5kIHNob3VsZCBvbmx5IGJlIHVzZWQgZm9yIGJ1aWxkaW5nIG5ldyBjb21wb25lbnRzXG4gICAqIHRoYXQgcmVxdWlyZSBzcGVjaWFsIHN0eWxlIGFkanVzdG1lbnRzLlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IENhcmQgPSAocHJvcHM6IFRDYXJkUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgY3NzPXtjc3NgXG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICBib3gtc2hhZG93OiAke3Byb3BzLnR5cGUgPT09ICdyYWlzZWQnXG4gICAgICAgID8gZGVzaWduVG9rZW5zLnNoYWRvd0ZvckNhcmRXaGVuUmFpc2VkXG4gICAgICAgIDogJ25vbmUnfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNhcmR9O1xuICAgICAgYm9yZGVyOiAke3Byb3BzLnR5cGUgPT09ICdyYWlzZWQnXG4gICAgICAgID8gZGVzaWduVG9rZW5zLmJvcmRlckZvckNhcmRXaGVuUmFpc2VkXG4gICAgICAgIDogJ25vbmUnfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMudGhlbWUgPT09ICdkYXJrJ1xuICAgICAgICA/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
|
,
|
|
@@ -56,7 +56,7 @@ var Card = function Card(props) {
|
|
|
56
56
|
|
|
57
57
|
Card.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
58
58
|
type: _pt__default["default"].oneOf(['raised', 'flat']).isRequired,
|
|
59
|
-
insetScale: _pt__default["default"].oneOf(['none', 's', 'm']).isRequired,
|
|
59
|
+
insetScale: _pt__default["default"].oneOf(['none', 's', 'm', 'l', 'xl']).isRequired,
|
|
60
60
|
theme: _pt__default["default"].oneOf(['light', 'dark']).isRequired,
|
|
61
61
|
className: _pt__default["default"].string,
|
|
62
62
|
children: _pt__default["default"].node
|
|
@@ -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.6.0";
|
|
75
75
|
|
|
76
76
|
exports["default"] = Card$1;
|
|
77
77
|
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.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,
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDWSIsImZpbGUiOiJjYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgSW5zZXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MtaW5zZXQnO1xuXG50eXBlIFRDYXJkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSB2aXN1YWwgZWZmZWN0IG9mIHRoZSBjYXJkLiBBIHJhaXNlZCBjYXJkIGhhcyBhIGJveCBzaGFkb3cgd2hpbGUgYSBmbGF0IGNhcmQgaGFzIGp1c3QgYSBib3JkZXIuXG4gICAqL1xuICB0eXBlOiAncmFpc2VkJyB8ICdmbGF0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIHNwYWNpbmcgKHBhZGRpbmcpIHRoYXQgdGhlIGNvbnRlbnQgc2hvdWxkIGhhdmUgZnJvbSB0aGUgY2FyZCBib3JkZXJzLiBJbiBjYXNlIHRoZXJlIGlzIG5vIHNwYWNlIG5lZWRlZCwgeW91IGNhbiBwYXNzIGBub25lYC5cbiAgICovXG4gIGluc2V0U2NhbGU6ICdub25lJyB8ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCc7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBiYWNrZ3JvdW5kIGNvbG9yIG9mIHRoZSBjYXJkLlxuICAgKi9cbiAgdGhlbWU6ICdsaWdodCcgfCAnZGFyayc7XG4gIC8qKlxuICAgKiBQYXNzIGEgY3VzdG9tIENTUyBjbGFzcywgdXNlZnVsIHRvIG92ZXJyaWRlIHRoZSBzdHlsZXMuXG4gICAqIDxicj5cbiAgICogTk9URTogVGhpcyBpcyBub3QgcmVjb21tZW5kZWQgYW5kIHNob3VsZCBvbmx5IGJlIHVzZWQgZm9yIGJ1aWxkaW5nIG5ldyBjb21wb25lbnRzXG4gICAqIHRoYXQgcmVxdWlyZSBzcGVjaWFsIHN0eWxlIGFkanVzdG1lbnRzLlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IENhcmQgPSAocHJvcHM6IFRDYXJkUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgY3NzPXtjc3NgXG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICBib3gtc2hhZG93OiAke3Byb3BzLnR5cGUgPT09ICdyYWlzZWQnXG4gICAgICAgID8gZGVzaWduVG9rZW5zLnNoYWRvd0ZvckNhcmRXaGVuUmFpc2VkXG4gICAgICAgIDogJ25vbmUnfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNhcmR9O1xuICAgICAgYm9yZGVyOiAke3Byb3BzLnR5cGUgPT09ICdyYWlzZWQnXG4gICAgICAgID8gZGVzaWduVG9rZW5zLmJvcmRlckZvckNhcmRXaGVuUmFpc2VkXG4gICAgICAgIDogJ25vbmUnfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMudGhlbWUgPT09ICdkYXJrJ1xuICAgICAgICA/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
|
,
|
|
@@ -39,7 +39,7 @@ var Card = function Card(props) {
|
|
|
39
39
|
|
|
40
40
|
Card.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
41
41
|
type: _pt.oneOf(['raised', 'flat']).isRequired,
|
|
42
|
-
insetScale: _pt.oneOf(['none', 's', 'm']).isRequired,
|
|
42
|
+
insetScale: _pt.oneOf(['none', 's', 'm', 'l', 'xl']).isRequired,
|
|
43
43
|
theme: _pt.oneOf(['light', 'dark']).isRequired,
|
|
44
44
|
className: _pt.string,
|
|
45
45
|
children: _pt.node
|
|
@@ -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.6.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.6.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.6.0",
|
|
25
|
+
"@commercetools-uikit/spacings-inset": "15.6.0",
|
|
26
|
+
"@commercetools-uikit/utils": "15.6.0",
|
|
27
27
|
"@emotion/react": "^11.4.0",
|
|
28
28
|
"@emotion/styled": "^11.3.0",
|
|
29
29
|
"prop-types": "15.8.1"
|