@commercetools-uikit/card 15.15.1 → 16.1.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.
@@ -33,16 +33,16 @@ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
33
33
  var Inset__default = /*#__PURE__*/_interopDefault(Inset);
34
34
 
35
35
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
36
-
37
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; }
38
-
39
37
  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.
38
+ 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== */")
39
+ // Allow to override the styles by passing a `className` prop.
41
40
  // Custom styles can also be passed using the `css` prop from emotion.
42
41
  // https://emotion.sh/docs/css-prop#style-precedence
43
42
  ,
44
43
  className: props.className,
45
- children: props.insetScale === 'none' ? // Use a `<div>` to ensure that there is always a wrapper container.
44
+ children: props.insetScale === 'none' ?
45
+ // Use a `<div>` to ensure that there is always a wrapper container.
46
46
  // This is mostly useful in case custom styles are targeting this element.
47
47
  jsxRuntime.jsx("div", {
48
48
  children: props.children
@@ -51,7 +51,6 @@ const Card = props => jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, util
51
51
  children: props.children
52
52
  })
53
53
  }));
54
-
55
54
  Card.propTypes = process.env.NODE_ENV !== "production" ? {
56
55
  type: _pt__default["default"].oneOf(['raised', 'flat']).isRequired,
57
56
  insetScale: _pt__default["default"].oneOf(['none', 's', 'm', 'l', 'xl']).isRequired,
@@ -69,7 +68,7 @@ Card.defaultProps = defaultProps;
69
68
  var Card$1 = Card;
70
69
 
71
70
  // NOTE: This string will be replaced on build time with the package version.
72
- var version = "15.15.1";
71
+ var version = "16.1.0";
73
72
 
74
73
  exports["default"] = Card$1;
75
74
  exports.version = version;
@@ -32,16 +32,16 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
32
32
  var Inset__default = /*#__PURE__*/_interopDefault(Inset);
33
33
 
34
34
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
35
-
36
35
  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
-
38
36
  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.
37
+ 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, ";" + ("" ), "" )
38
+ // Allow to override the styles by passing a `className` prop.
40
39
  // Custom styles can also be passed using the `css` prop from emotion.
41
40
  // https://emotion.sh/docs/css-prop#style-precedence
42
41
  ,
43
42
  className: props.className,
44
- children: props.insetScale === 'none' ? // Use a `<div>` to ensure that there is always a wrapper container.
43
+ children: props.insetScale === 'none' ?
44
+ // Use a `<div>` to ensure that there is always a wrapper container.
45
45
  // This is mostly useful in case custom styles are targeting this element.
46
46
  jsxRuntime.jsx("div", {
47
47
  children: props.children
@@ -50,7 +50,6 @@ const Card = props => jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, util
50
50
  children: props.children
51
51
  })
52
52
  }));
53
-
54
53
  Card.propTypes = {};
55
54
  const defaultProps = {
56
55
  type: 'raised',
@@ -62,7 +61,7 @@ Card.defaultProps = defaultProps;
62
61
  var Card$1 = Card;
63
62
 
64
63
  // NOTE: This string will be replaced on build time with the package version.
65
- var version = "15.15.1";
64
+ var version = "16.1.0";
66
65
 
67
66
  exports["default"] = Card$1;
68
67
  exports.version = version;
@@ -16,16 +16,16 @@ import Inset from '@commercetools-uikit/spacings-inset';
16
16
  import { jsx } from '@emotion/react/jsx-runtime';
17
17
 
18
18
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
19
-
20
19
  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
-
22
20
  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.
21
+ 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== */")
22
+ // Allow to override the styles by passing a `className` prop.
24
23
  // Custom styles can also be passed using the `css` prop from emotion.
25
24
  // https://emotion.sh/docs/css-prop#style-precedence
26
25
  ,
27
26
  className: props.className,
28
- children: props.insetScale === 'none' ? // Use a `<div>` to ensure that there is always a wrapper container.
27
+ children: props.insetScale === 'none' ?
28
+ // Use a `<div>` to ensure that there is always a wrapper container.
29
29
  // This is mostly useful in case custom styles are targeting this element.
30
30
  jsx("div", {
31
31
  children: props.children
@@ -34,7 +34,6 @@ const Card = props => jsx("div", _objectSpread(_objectSpread({}, filterDataAttri
34
34
  children: props.children
35
35
  })
36
36
  }));
37
-
38
37
  Card.propTypes = process.env.NODE_ENV !== "production" ? {
39
38
  type: _pt.oneOf(['raised', 'flat']).isRequired,
40
39
  insetScale: _pt.oneOf(['none', 's', 'm', 'l', 'xl']).isRequired,
@@ -52,6 +51,6 @@ Card.defaultProps = defaultProps;
52
51
  var Card$1 = Card;
53
52
 
54
53
  // NOTE: This string will be replaced on build time with the package version.
55
- var version = "15.15.1";
54
+ var version = "16.1.0";
56
55
 
57
56
  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.15.1",
4
+ "version": "16.1.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": "15.15.1",
25
- "@commercetools-uikit/spacings-inset": "15.15.1",
26
- "@commercetools-uikit/utils": "15.15.1",
24
+ "@commercetools-uikit/design-system": "16.1.0",
25
+ "@commercetools-uikit/spacings-inset": "16.1.0",
26
+ "@commercetools-uikit/utils": "16.1.0",
27
27
  "@emotion/react": "^11.10.5",
28
28
  "@emotion/styled": "^11.10.5",
29
29
  "prop-types": "15.8.1"