@commercetools-uikit/card 12.2.0 → 12.2.5

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.
Files changed (8) hide show
  1. package/README.md +0 -1
  2. package/dist/commercetools-uikit-card.cjs.dev.js +43 -17
  3. package/dist/commercetools-uikit-card.cjs.prod.js +38 -12
  4. package/dist/commercetools-uikit-card.esm.js +31 -14
  5. package/dist/declarations/src/card.d.ts +14 -14
  6. package/dist/declarations/src/index.d.ts +2 -2
  7. package/dist/declarations/src/version.d.ts +2 -2
  8. package/package.json +15 -12
package/README.md CHANGED
@@ -30,7 +30,6 @@ npm --save install react
30
30
  ## Usage
31
31
 
32
32
  ```jsx
33
- import React from 'react';
34
33
  import Card from '@commercetools-uikit/card';
35
34
 
36
35
  const Example = () => (
package/dist/commercetools-uikit-card.cjs.dev.js CHANGED
@@ -2,39 +2,64 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _extends = require('@babel/runtime-corejs3/helpers/extends');
5
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
6
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
7
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
8
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
9
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
10
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
11
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
12
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
6
14
  var _pt = require('prop-types');
7
15
  require('react');
8
16
  var react = require('@emotion/react');
9
17
  var designSystem = require('@commercetools-uikit/design-system');
10
18
  var utils = require('@commercetools-uikit/utils');
11
19
  var Inset = require('@commercetools-uikit/spacings-inset');
20
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
12
21
 
13
22
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
14
23
 
24
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
25
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
26
+ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
27
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
28
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
29
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
30
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
31
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
15
32
  var _pt__default = /*#__PURE__*/_interopDefault(_pt);
16
33
  var Inset__default = /*#__PURE__*/_interopDefault(Inset);
17
34
 
35
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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
+
18
39
  var Card = function Card(props) {
19
- return react.jsx("div", _extends({}, utils.filterDataAttributes(props), {
20
- css: /*#__PURE__*/react.css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:", props.type === 'raised' ? designSystem.customProperties.shadow1 : 'none', ";border-radius:", designSystem.customProperties.borderRadius6, ";background:", props.theme === 'dark' ? designSystem.customProperties.colorNeutral95 : designSystem.customProperties.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Card;")) // Allow to override the styles by passing a `className` prop.
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.customProperties.shadow1 : 'none', ";border-radius:", designSystem.customProperties.borderRadius6, ";background:", props.theme === 'dark' ? designSystem.customProperties.colorNeutral95 : designSystem.customProperties.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Card;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDWSIsImZpbGUiOiJjYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgSW5zZXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MtaW5zZXQnO1xuXG50eXBlIFRDYXJkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSB2aXN1YWwgZWZmZWN0IG9mIHRoZSBjYXJkLiBBIHJhaXNlZCBjYXJkIGhhcyBhIGJveCBzaGFkb3cgd2hpbGUgYSBmbGF0IGNhcmQgaGFzIGp1c3QgYSBib3JkZXIuXG4gICAqL1xuICB0eXBlOiAncmFpc2VkJyB8ICdmbGF0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIHNwYWNpbmcgKHBhZGRpbmcpIHRoYXQgdGhlIGNvbnRlbnQgc2hvdWxkIGhhdmUgZnJvbSB0aGUgY2FyZCBib3JkZXJzLiBJbiBjYXNlIHRoZXJlIGlzIG5vIHNwYWNlIG5lZWRlZCwgeW91IGNhbiBwYXNzIGBub25lYC5cbiAgICovXG4gIGluc2V0U2NhbGU6ICdub25lJyB8ICdzJyB8ICdtJztcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGJhY2tncm91bmQgY29sb3Igb2YgdGhlIGNhcmQuXG4gICAqL1xuICB0aGVtZTogJ2xpZ2h0JyB8ICdkYXJrJztcbiAgLyoqXG4gICAqIFBhc3MgYSBjdXN0b20gQ1NTIGNsYXNzLCB1c2VmdWwgdG8gb3ZlcnJpZGUgdGhlIHN0eWxlcy5cbiAgICogPGJyPlxuICAgKiBOT1RFOiBUaGlzIGlzIG5vdCByZWNvbW1lbmRlZCBhbmQgc2hvdWxkIG9ubHkgYmUgdXNlZCBmb3IgYnVpbGRpbmcgbmV3IGNvbXBvbmVudHNcbiAgICogdGhhdCByZXF1aXJlIHNwZWNpYWwgc3R5bGUgYWRqdXN0bWVudHMuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ2FyZCA9IChwcm9wczogVENhcmRQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgIGJveC1zaGFkb3c6ICR7cHJvcHMudHlwZSA9PT0gJ3JhaXNlZCcgPyB2YXJzLnNoYWRvdzEgOiAnbm9uZSd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt2YXJzLmJvcmRlclJhZGl1czZ9O1xuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZSA9PT0gJ2RhcmsnXG4gICAgICAgID8gdmFycy5jb2xvck5ldXRyYWw5NVxuICAgICAgICA6IHZhcnMuY29sb3JTdXJmYWNlfTtcbiAgICBgfVxuICAgIC8vIEFsbG93IHRvIG92ZXJyaWRlIHRoZSBzdHlsZXMgYnkgcGFzc2luZyBhIGBjbGFzc05hbWVgIHByb3AuXG4gICAgLy8gQ3VzdG9tIHN0eWxlcyBjYW4gYWxzbyBiZSBwYXNzZWQgdXNpbmcgdGhlIGBjc3NgIHByb3AgZnJvbSBlbW90aW9uLlxuICAgIC8vIGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL2Nzcy1wcm9wI3N0eWxlLXByZWNlZGVuY2VcbiAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgPlxuICAgIHtwcm9wcy5pbnNldFNjYWxlID09PSAnbm9uZScgPyAoXG4gICAgICAvLyBVc2UgYSBgPGRpdj5gIHRvIGVuc3VyZSB0aGF0IHRoZXJlIGlzIGFsd2F5cyBhIHdyYXBwZXIgY29udGFpbmVyLlxuICAgICAgLy8gVGhpcyBpcyBtb3N0bHkgdXNlZnVsIGluIGNhc2UgY3VzdG9tIHN0eWxlcyBhcmUgdGFyZ2V0aW5nIHRoaXMgZWxlbWVudC5cbiAgICAgIDxkaXY+e3Byb3BzLmNoaWxkcmVufTwvZGl2PlxuICAgICkgOiAoXG4gICAgICA8SW5zZXQgc2NhbGU9e3Byb3BzLmluc2V0U2NhbGV9Pntwcm9wcy5jaGlsZHJlbn08L0luc2V0PlxuICAgICl9XG4gIDwvZGl2PlxuKTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRDYXJkUHJvcHMsICd0eXBlJyB8ICd0aGVtZScgfCAnaW5zZXRTY2FsZSc+ID0ge1xuICB0eXBlOiAncmFpc2VkJyxcbiAgdGhlbWU6ICdsaWdodCcsXG4gIGluc2V0U2NhbGU6ICdtJyxcbn07XG5cbkNhcmQuZGlzcGxheU5hbWUgPSAnQ2FyZCc7XG5DYXJkLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgQ2FyZDtcbiJdfQ== */") // Allow to override the styles by passing a `className` prop.
21
42
  // Custom styles can also be passed using the `css` prop from emotion.
22
43
  // https://emotion.sh/docs/css-prop#style-precedence
23
44
  ,
24
- className: props.className
25
- }), props.insetScale === 'none' ? // Use a `<div>` to ensure that there is always a wrapper container.
26
- // This is mostly useful in case custom styles are targeting this element.
27
- react.jsx("div", null, props.children) : react.jsx(Inset__default['default'], {
28
- scale: props.insetScale
29
- }, props.children));
45
+ className: props.className,
46
+ children: props.insetScale === 'none' ? // Use a `<div>` to ensure that there is always a wrapper container.
47
+ // This is mostly useful in case custom styles are targeting this element.
48
+ jsxRuntime.jsx("div", {
49
+ children: props.children
50
+ }) : jsxRuntime.jsx(Inset__default["default"], {
51
+ scale: props.insetScale,
52
+ children: props.children
53
+ })
54
+ }));
30
55
  };
31
56
 
32
57
  Card.propTypes = process.env.NODE_ENV !== "production" ? {
33
- type: _pt__default['default'].oneOf(['raised', 'flat']).isRequired,
34
- insetScale: _pt__default['default'].oneOf(['none', 's', 'm']).isRequired,
35
- theme: _pt__default['default'].oneOf(['light', 'dark']).isRequired,
36
- className: _pt__default['default'].string,
37
- children: _pt__default['default'].node
58
+ type: _pt__default["default"].oneOf(['raised', 'flat']).isRequired,
59
+ insetScale: _pt__default["default"].oneOf(['none', 's', 'm']).isRequired,
60
+ theme: _pt__default["default"].oneOf(['light', 'dark']).isRequired,
61
+ className: _pt__default["default"].string,
62
+ children: _pt__default["default"].node
38
63
  } : {};
39
64
  var defaultProps = {
40
65
  type: 'raised',
@@ -43,9 +68,10 @@ var defaultProps = {
43
68
  };
44
69
  Card.displayName = 'Card';
45
70
  Card.defaultProps = defaultProps;
71
+ var Card$1 = Card;
46
72
 
47
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
48
- var version = '12.2.0';
73
+ // NOTE: This string will be replaced on build time with the package version.
74
+ var version = "12.2.5";
49
75
 
50
- exports.default = Card;
76
+ exports["default"] = Card$1;
51
77
  exports.version = version;
package/dist/commercetools-uikit-card.cjs.prod.js CHANGED
@@ -2,30 +2,55 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _extends = require('@babel/runtime-corejs3/helpers/extends');
5
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
6
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
7
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
8
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
9
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
10
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
11
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
12
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
6
14
  require('prop-types');
7
15
  require('react');
8
16
  var react = require('@emotion/react');
9
17
  var designSystem = require('@commercetools-uikit/design-system');
10
18
  var utils = require('@commercetools-uikit/utils');
11
19
  var Inset = require('@commercetools-uikit/spacings-inset');
20
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
12
21
 
13
22
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
14
23
 
24
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
25
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
26
+ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
27
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
28
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
29
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
30
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
31
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
15
32
  var Inset__default = /*#__PURE__*/_interopDefault(Inset);
16
33
 
34
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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
+
17
38
  var Card = function Card(props) {
18
- return react.jsx("div", _extends({}, utils.filterDataAttributes(props), {
19
- css: /*#__PURE__*/react.css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:", props.type === 'raised' ? designSystem.customProperties.shadow1 : 'none', ";border-radius:", designSystem.customProperties.borderRadius6, ";background:", props.theme === 'dark' ? designSystem.customProperties.colorNeutral95 : designSystem.customProperties.colorSurface, ";" + ("" )) // Allow to override the styles by passing a `className` prop.
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.customProperties.shadow1 : 'none', ";border-radius:", designSystem.customProperties.borderRadius6, ";background:", props.theme === 'dark' ? designSystem.customProperties.colorNeutral95 : designSystem.customProperties.colorSurface, ";" + ("" ), "" ) // Allow to override the styles by passing a `className` prop.
20
41
  // Custom styles can also be passed using the `css` prop from emotion.
21
42
  // https://emotion.sh/docs/css-prop#style-precedence
22
43
  ,
23
- className: props.className
24
- }), props.insetScale === 'none' ? // Use a `<div>` to ensure that there is always a wrapper container.
25
- // This is mostly useful in case custom styles are targeting this element.
26
- react.jsx("div", null, props.children) : react.jsx(Inset__default['default'], {
27
- scale: props.insetScale
28
- }, props.children));
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
+ }));
29
54
  };
30
55
 
31
56
  Card.propTypes = {};
@@ -36,9 +61,10 @@ var defaultProps = {
36
61
  };
37
62
  Card.displayName = 'Card';
38
63
  Card.defaultProps = defaultProps;
64
+ var Card$1 = Card;
39
65
 
40
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
41
- var version = '12.2.0';
66
+ // NOTE: This string will be replaced on build time with the package version.
67
+ var version = "12.2.5";
42
68
 
43
- exports.default = Card;
69
+ exports["default"] = Card$1;
44
70
  exports.version = version;
package/dist/commercetools-uikit-card.esm.js CHANGED
@@ -1,23 +1,40 @@
1
- import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
1
+ import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
2
+ import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
3
+ import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
4
+ import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
5
+ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
6
+ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
7
+ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
8
+ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
9
+ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
2
10
  import _pt from 'prop-types';
3
11
  import 'react';
4
- import { jsx, css } from '@emotion/react';
12
+ import { css } from '@emotion/react';
5
13
  import { customProperties } from '@commercetools-uikit/design-system';
6
14
  import { filterDataAttributes } from '@commercetools-uikit/utils';
7
15
  import Inset from '@commercetools-uikit/spacings-inset';
16
+ import { jsx } from '@emotion/react/jsx-runtime';
17
+
18
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
19
+
20
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
8
21
 
9
22
  var Card = function Card(props) {
10
- return jsx("div", _extends({}, filterDataAttributes(props), {
11
- css: /*#__PURE__*/css("box-sizing:border-box;width:100%;font-size:1rem;box-shadow:", props.type === 'raised' ? customProperties.shadow1 : 'none', ";border-radius:", customProperties.borderRadius6, ";background:", props.theme === 'dark' ? customProperties.colorNeutral95 : customProperties.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Card;")) // Allow to override the styles by passing a `className` prop.
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' ? customProperties.shadow1 : 'none', ";border-radius:", customProperties.borderRadius6, ";background:", props.theme === 'dark' ? customProperties.colorNeutral95 : customProperties.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Card;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDWSIsImZpbGUiOiJjYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgSW5zZXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MtaW5zZXQnO1xuXG50eXBlIFRDYXJkUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSB2aXN1YWwgZWZmZWN0IG9mIHRoZSBjYXJkLiBBIHJhaXNlZCBjYXJkIGhhcyBhIGJveCBzaGFkb3cgd2hpbGUgYSBmbGF0IGNhcmQgaGFzIGp1c3QgYSBib3JkZXIuXG4gICAqL1xuICB0eXBlOiAncmFpc2VkJyB8ICdmbGF0JztcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIHNwYWNpbmcgKHBhZGRpbmcpIHRoYXQgdGhlIGNvbnRlbnQgc2hvdWxkIGhhdmUgZnJvbSB0aGUgY2FyZCBib3JkZXJzLiBJbiBjYXNlIHRoZXJlIGlzIG5vIHNwYWNlIG5lZWRlZCwgeW91IGNhbiBwYXNzIGBub25lYC5cbiAgICovXG4gIGluc2V0U2NhbGU6ICdub25lJyB8ICdzJyB8ICdtJztcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGJhY2tncm91bmQgY29sb3Igb2YgdGhlIGNhcmQuXG4gICAqL1xuICB0aGVtZTogJ2xpZ2h0JyB8ICdkYXJrJztcbiAgLyoqXG4gICAqIFBhc3MgYSBjdXN0b20gQ1NTIGNsYXNzLCB1c2VmdWwgdG8gb3ZlcnJpZGUgdGhlIHN0eWxlcy5cbiAgICogPGJyPlxuICAgKiBOT1RFOiBUaGlzIGlzIG5vdCByZWNvbW1lbmRlZCBhbmQgc2hvdWxkIG9ubHkgYmUgdXNlZCBmb3IgYnVpbGRpbmcgbmV3IGNvbXBvbmVudHNcbiAgICogdGhhdCByZXF1aXJlIHNwZWNpYWwgc3R5bGUgYWRqdXN0bWVudHMuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ2FyZCA9IChwcm9wczogVENhcmRQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgIGJveC1zaGFkb3c6ICR7cHJvcHMudHlwZSA9PT0gJ3JhaXNlZCcgPyB2YXJzLnNoYWRvdzEgOiAnbm9uZSd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt2YXJzLmJvcmRlclJhZGl1czZ9O1xuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZSA9PT0gJ2RhcmsnXG4gICAgICAgID8gdmFycy5jb2xvck5ldXRyYWw5NVxuICAgICAgICA6IHZhcnMuY29sb3JTdXJmYWNlfTtcbiAgICBgfVxuICAgIC8vIEFsbG93IHRvIG92ZXJyaWRlIHRoZSBzdHlsZXMgYnkgcGFzc2luZyBhIGBjbGFzc05hbWVgIHByb3AuXG4gICAgLy8gQ3VzdG9tIHN0eWxlcyBjYW4gYWxzbyBiZSBwYXNzZWQgdXNpbmcgdGhlIGBjc3NgIHByb3AgZnJvbSBlbW90aW9uLlxuICAgIC8vIGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL2Nzcy1wcm9wI3N0eWxlLXByZWNlZGVuY2VcbiAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgPlxuICAgIHtwcm9wcy5pbnNldFNjYWxlID09PSAnbm9uZScgPyAoXG4gICAgICAvLyBVc2UgYSBgPGRpdj5gIHRvIGVuc3VyZSB0aGF0IHRoZXJlIGlzIGFsd2F5cyBhIHdyYXBwZXIgY29udGFpbmVyLlxuICAgICAgLy8gVGhpcyBpcyBtb3N0bHkgdXNlZnVsIGluIGNhc2UgY3VzdG9tIHN0eWxlcyBhcmUgdGFyZ2V0aW5nIHRoaXMgZWxlbWVudC5cbiAgICAgIDxkaXY+e3Byb3BzLmNoaWxkcmVufTwvZGl2PlxuICAgICkgOiAoXG4gICAgICA8SW5zZXQgc2NhbGU9e3Byb3BzLmluc2V0U2NhbGV9Pntwcm9wcy5jaGlsZHJlbn08L0luc2V0PlxuICAgICl9XG4gIDwvZGl2PlxuKTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRDYXJkUHJvcHMsICd0eXBlJyB8ICd0aGVtZScgfCAnaW5zZXRTY2FsZSc+ID0ge1xuICB0eXBlOiAncmFpc2VkJyxcbiAgdGhlbWU6ICdsaWdodCcsXG4gIGluc2V0U2NhbGU6ICdtJyxcbn07XG5cbkNhcmQuZGlzcGxheU5hbWUgPSAnQ2FyZCc7XG5DYXJkLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgQ2FyZDtcbiJdfQ== */") // Allow to override the styles by passing a `className` prop.
12
25
  // Custom styles can also be passed using the `css` prop from emotion.
13
26
  // https://emotion.sh/docs/css-prop#style-precedence
14
27
  ,
15
- className: props.className
16
- }), props.insetScale === 'none' ? // Use a `<div>` to ensure that there is always a wrapper container.
17
- // This is mostly useful in case custom styles are targeting this element.
18
- jsx("div", null, props.children) : jsx(Inset, {
19
- scale: props.insetScale
20
- }, props.children));
28
+ className: props.className,
29
+ children: props.insetScale === 'none' ? // Use a `<div>` to ensure that there is always a wrapper container.
30
+ // This is mostly useful in case custom styles are targeting this element.
31
+ jsx("div", {
32
+ children: props.children
33
+ }) : jsx(Inset, {
34
+ scale: props.insetScale,
35
+ children: props.children
36
+ })
37
+ }));
21
38
  };
22
39
 
23
40
  Card.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -34,9 +51,9 @@ var defaultProps = {
34
51
  };
35
52
  Card.displayName = 'Card';
36
53
  Card.defaultProps = defaultProps;
54
+ var Card$1 = Card;
37
55
 
38
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
39
- var version = '12.2.0';
56
+ // NOTE: This string will be replaced on build time with the package version.
57
+ var version = "12.2.5";
40
58
 
41
- export default Card;
42
- export { version };
59
+ export { Card$1 as default, version };
package/dist/declarations/src/card.d.ts CHANGED
@@ -1,14 +1,14 @@
1
- import { ReactNode } from 'react';
2
- declare type TCardProps = {
3
- type: 'raised' | 'flat';
4
- insetScale: 'none' | 's' | 'm';
5
- theme: 'light' | 'dark';
6
- className?: string;
7
- children?: ReactNode;
8
- };
9
- declare const Card: {
10
- (props: TCardProps): JSX.Element;
11
- displayName: string;
12
- defaultProps: Pick<TCardProps, "type" | "theme" | "insetScale">;
13
- };
14
- export default Card;
1
+ import { ReactNode } from 'react';
2
+ declare type TCardProps = {
3
+ type: 'raised' | 'flat';
4
+ insetScale: 'none' | 's' | 'm';
5
+ theme: 'light' | 'dark';
6
+ className?: string;
7
+ children?: ReactNode;
8
+ };
9
+ declare const Card: {
10
+ (props: TCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
11
+ displayName: string;
12
+ defaultProps: Pick<TCardProps, "type" | "theme" | "insetScale">;
13
+ };
14
+ export default Card;
package/dist/declarations/src/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export { default } from './card';
2
- export { default as version } from './version';
1
+ export { default } from './card';
2
+ export { default as version } from './version';
package/dist/declarations/src/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "12.2.0";
2
- export default _default;
1
+ declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
2
+ export default _default;
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": "12.2.0",
4
+ "version": "12.2.5",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -9,25 +9,28 @@
9
9
  "directory": "packages/components/card"
10
10
  },
11
11
  "homepage": "https://uikit.commercetools.com",
12
- "keywords": ["javascript", "design system", "react", "uikit"],
12
+ "keywords": [
13
+ "javascript",
14
+ "design system",
15
+ "react",
16
+ "uikit"
17
+ ],
13
18
  "license": "MIT",
14
- "private": false,
15
19
  "publishConfig": {
16
20
  "access": "public"
17
21
  },
18
22
  "sideEffects": false,
19
23
  "main": "dist/commercetools-uikit-card.cjs.js",
20
24
  "module": "dist/commercetools-uikit-card.esm.js",
21
- "files": ["dist"],
22
- "scripts": {
23
- "prepare": "../../../scripts/version.js replace"
24
- },
25
+ "files": [
26
+ "dist"
27
+ ],
25
28
  "dependencies": {
26
- "@babel/runtime": "7.14.6",
27
- "@babel/runtime-corejs3": "7.14.7",
28
- "@commercetools-uikit/design-system": "12.1.0",
29
- "@commercetools-uikit/spacings-inset": "12.2.0",
30
- "@commercetools-uikit/utils": "12.2.0",
29
+ "@babel/runtime": "7.16.3",
30
+ "@babel/runtime-corejs3": "7.16.3",
31
+ "@commercetools-uikit/design-system": "12.2.5",
32
+ "@commercetools-uikit/spacings-inset": "12.2.5",
33
+ "@commercetools-uikit/utils": "12.2.5",
31
34
  "@emotion/react": "^11.4.0",
32
35
  "@emotion/styled": "^11.3.0",
33
36
  "prop-types": "15.7.2"