@commercetools-uikit/spacings-inset-squish 19.20.1 → 19.21.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.
@@ -11,6 +11,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
11
11
  var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
12
12
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
+ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
14
15
  var _pt = require('prop-types');
15
16
  require('react');
16
17
  var react = require('@emotion/react');
@@ -30,6 +31,7 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
30
31
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
31
32
  var _pt__default = /*#__PURE__*/_interopDefault(_pt);
32
33
 
34
+ const _excluded = ["scale", "height"];
33
35
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
34
36
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
35
37
  const getPadding = scale => {
@@ -44,26 +46,31 @@ const getPadding = scale => {
44
46
  return 0;
45
47
  }
46
48
  };
47
- const InsetSquish = props => jsxRuntime.jsx("div", _objectSpread(_objectSpread({
48
- css: /*#__PURE__*/react.css("padding:", getPadding(props.scale), ";height:", props.height === 'expanded' ? '100%' : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InsetSquish;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluc2V0LXNxdWlzaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJZIiwiZmlsZSI6Imluc2V0LXNxdWlzaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUU2NhbGUgPSAncycgfCAnbScgfCAnbCc7XG5leHBvcnQgdHlwZSBUSW5zZXRTcXVpc2hQcm9wcyA9IHtcbiAgLyoqIHNldHMgdGhlIGFtb3VudCBvZiBgcGFkZGluZ2AgYXBwbGllZCBhcm91bmQgdGhlIGNoaWxkcmVuICovXG4gIHNjYWxlOiBUU2NhbGU7XG4gIC8qKiBzZXRzIHRoZSBoZWlnaHQgb2YgdGhlIGNvbXBvbmVudCB0byAxMDAlIG9mIHRoZSBhdmFpbGFibGUgd2lkdGggKCdleHBhbmRlZCcpIG9yICdhdXRvJyAqL1xuICBoZWlnaHQ6ICdjb2xsYXBzZWQnIHwgJ2V4cGFuZGVkJztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IGdldFBhZGRpbmcgPSAoc2NhbGU/OiBUU2NhbGUpID0+IHtcbiAgc3dpdGNoIChzY2FsZSkge1xuICAgIGNhc2UgJ3MnOlxuICAgICAgcmV0dXJuIGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH1gO1xuICAgIGNhc2UgJ20nOlxuICAgICAgcmV0dXJuIGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH1gO1xuICAgIGNhc2UgJ2wnOlxuICAgICAgcmV0dXJuIGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc1MH1gO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gMDtcbiAgfVxufTtcblxuY29uc3QgSW5zZXRTcXVpc2ggPSAocHJvcHM6IFRJbnNldFNxdWlzaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5zY2FsZSl9O1xuICAgICAgaGVpZ2h0OiAke3Byb3BzLmhlaWdodCA9PT0gJ2V4cGFuZGVkJyA/ICcxMDAlJyA6ICdhdXRvJ307XG4gICAgYH1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICA+XG4gICAge3Byb3BzLmNoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VEluc2V0U3F1aXNoUHJvcHMsICdzY2FsZScgfCAnaGVpZ2h0Jz4gPSB7XG4gIHNjYWxlOiAnbScsXG4gIGhlaWdodDogJ2NvbGxhcHNlZCcsXG59O1xuSW5zZXRTcXVpc2guZGlzcGxheU5hbWUgPSAnSW5zZXRTcXVpc2gnO1xuSW5zZXRTcXVpc2guZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBJbnNldFNxdWlzaDtcbiJdfQ== */")
49
- }, utils.filterDataAttributes(props)), {}, {
50
- children: props.children
51
- }));
49
+ const InsetSquish = _ref => {
50
+ let _ref$scale = _ref.scale,
51
+ scale = _ref$scale === void 0 ? 'm' : _ref$scale,
52
+ _ref$height = _ref.height,
53
+ height = _ref$height === void 0 ? 'collapsed' : _ref$height,
54
+ props = _objectWithoutProperties(_ref, _excluded);
55
+ return jsxRuntime.jsx("div", _objectSpread(_objectSpread({
56
+ css: /*#__PURE__*/react.css("padding:", getPadding(scale), ";height:", height === 'expanded' ? '100%' : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InsetSquish;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluc2V0LXNxdWlzaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNZIiwiZmlsZSI6Imluc2V0LXNxdWlzaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUU2NhbGUgPSAncycgfCAnbScgfCAnbCc7XG5leHBvcnQgdHlwZSBUSW5zZXRTcXVpc2hQcm9wcyA9IHtcbiAgLyoqIHNldHMgdGhlIGFtb3VudCBvZiBgcGFkZGluZ2AgYXBwbGllZCBhcm91bmQgdGhlIGNoaWxkcmVuICovXG4gIHNjYWxlPzogVFNjYWxlO1xuICAvKiogc2V0cyB0aGUgaGVpZ2h0IG9mIHRoZSBjb21wb25lbnQgdG8gMTAwJSBvZiB0aGUgYXZhaWxhYmxlIHdpZHRoICgnZXhwYW5kZWQnKSBvciAnYXV0bycgKi9cbiAgaGVpZ2h0PzogJ2NvbGxhcHNlZCcgfCAnZXhwYW5kZWQnO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgZ2V0UGFkZGluZyA9IChzY2FsZT86IFRTY2FsZSkgPT4ge1xuICBzd2l0Y2ggKHNjYWxlKSB7XG4gICAgY2FzZSAncyc6XG4gICAgICByZXR1cm4gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfWA7XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfWA7XG4gICAgY2FzZSAnbCc6XG4gICAgICByZXR1cm4gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzUwfWA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAwO1xuICB9XG59O1xuXG5jb25zdCBJbnNldFNxdWlzaCA9ICh7XG4gIHNjYWxlID0gJ20nLFxuICBoZWlnaHQgPSAnY29sbGFwc2VkJyxcbiAgLi4ucHJvcHNcbn06IFRJbnNldFNxdWlzaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhzY2FsZSl9O1xuICAgICAgaGVpZ2h0OiAke2hlaWdodCA9PT0gJ2V4cGFuZGVkJyA/ICcxMDAlJyA6ICdhdXRvJ307XG4gICAgYH1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMoe1xuICAgICAgc2NhbGUsXG4gICAgICBoZWlnaHQsXG4gICAgICAuLi5wcm9wcyxcbiAgICB9KX1cbiAgPlxuICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuSW5zZXRTcXVpc2guZGlzcGxheU5hbWUgPSAnSW5zZXRTcXVpc2gnO1xuXG5leHBvcnQgZGVmYXVsdCBJbnNldFNxdWlzaDtcbiJdfQ== */")
57
+ }, utils.filterDataAttributes(_objectSpread({
58
+ scale,
59
+ height
60
+ }, props))), {}, {
61
+ children: props.children
62
+ }));
63
+ };
52
64
  InsetSquish.propTypes = process.env.NODE_ENV !== "production" ? {
53
- scale: _pt__default["default"].oneOf(['s', 'm', 'l']).isRequired,
54
- height: _pt__default["default"].oneOf(['collapsed', 'expanded']).isRequired,
65
+ scale: _pt__default["default"].oneOf(['s', 'm', 'l']),
66
+ height: _pt__default["default"].oneOf(['collapsed', 'expanded']),
55
67
  children: _pt__default["default"].node.isRequired
56
68
  } : {};
57
- const defaultProps = {
58
- scale: 'm',
59
- height: 'collapsed'
60
- };
61
69
  InsetSquish.displayName = 'InsetSquish';
62
- InsetSquish.defaultProps = defaultProps;
63
70
  var InsetSquish$1 = InsetSquish;
64
71
 
65
72
  // NOTE: This string will be replaced on build time with the package version.
66
- var version = "19.20.1";
73
+ var version = "19.21.0";
67
74
 
68
75
  exports["default"] = InsetSquish$1;
69
76
  exports.version = version;
@@ -11,6 +11,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
11
11
  var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
12
12
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
+ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
14
15
  require('prop-types');
15
16
  require('react');
16
17
  var react = require('@emotion/react');
@@ -29,6 +30,7 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
29
30
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
30
31
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
31
32
 
33
+ const _excluded = ["scale", "height"];
32
34
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
33
35
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
34
36
  const getPadding = scale => {
@@ -43,22 +45,27 @@ const getPadding = scale => {
43
45
  return 0;
44
46
  }
45
47
  };
46
- const InsetSquish = props => jsxRuntime.jsx("div", _objectSpread(_objectSpread({
47
- css: /*#__PURE__*/react.css("padding:", getPadding(props.scale), ";height:", props.height === 'expanded' ? '100%' : 'auto', ";" + ("" ), "" )
48
- }, utils.filterDataAttributes(props)), {}, {
49
- children: props.children
50
- }));
51
- InsetSquish.propTypes = {};
52
- const defaultProps = {
53
- scale: 'm',
54
- height: 'collapsed'
48
+ const InsetSquish = _ref => {
49
+ let _ref$scale = _ref.scale,
50
+ scale = _ref$scale === void 0 ? 'm' : _ref$scale,
51
+ _ref$height = _ref.height,
52
+ height = _ref$height === void 0 ? 'collapsed' : _ref$height,
53
+ props = _objectWithoutProperties(_ref, _excluded);
54
+ return jsxRuntime.jsx("div", _objectSpread(_objectSpread({
55
+ css: /*#__PURE__*/react.css("padding:", getPadding(scale), ";height:", height === 'expanded' ? '100%' : 'auto', ";" + ("" ), "" )
56
+ }, utils.filterDataAttributes(_objectSpread({
57
+ scale,
58
+ height
59
+ }, props))), {}, {
60
+ children: props.children
61
+ }));
55
62
  };
63
+ InsetSquish.propTypes = {};
56
64
  InsetSquish.displayName = 'InsetSquish';
57
- InsetSquish.defaultProps = defaultProps;
58
65
  var InsetSquish$1 = InsetSquish;
59
66
 
60
67
  // NOTE: This string will be replaced on build time with the package version.
61
- var version = "19.20.1";
68
+ var version = "19.21.0";
62
69
 
63
70
  exports["default"] = InsetSquish$1;
64
71
  exports.version = version;
@@ -7,6 +7,7 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
7
7
  import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
8
8
  import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
9
9
  import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
+ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
10
11
  import _pt from 'prop-types';
11
12
  import 'react';
12
13
  import { css } from '@emotion/react';
@@ -14,6 +15,7 @@ import { designTokens } from '@commercetools-uikit/design-system';
14
15
  import { filterDataAttributes } from '@commercetools-uikit/utils';
15
16
  import { jsx } from '@emotion/react/jsx-runtime';
16
17
 
18
+ const _excluded = ["scale", "height"];
17
19
  function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18
20
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
19
21
  const getPadding = scale => {
@@ -28,25 +30,30 @@ const getPadding = scale => {
28
30
  return 0;
29
31
  }
30
32
  };
31
- const InsetSquish = props => jsx("div", _objectSpread(_objectSpread({
32
- css: /*#__PURE__*/css("padding:", getPadding(props.scale), ";height:", props.height === 'expanded' ? '100%' : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InsetSquish;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluc2V0LXNxdWlzaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJZIiwiZmlsZSI6Imluc2V0LXNxdWlzaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUU2NhbGUgPSAncycgfCAnbScgfCAnbCc7XG5leHBvcnQgdHlwZSBUSW5zZXRTcXVpc2hQcm9wcyA9IHtcbiAgLyoqIHNldHMgdGhlIGFtb3VudCBvZiBgcGFkZGluZ2AgYXBwbGllZCBhcm91bmQgdGhlIGNoaWxkcmVuICovXG4gIHNjYWxlOiBUU2NhbGU7XG4gIC8qKiBzZXRzIHRoZSBoZWlnaHQgb2YgdGhlIGNvbXBvbmVudCB0byAxMDAlIG9mIHRoZSBhdmFpbGFibGUgd2lkdGggKCdleHBhbmRlZCcpIG9yICdhdXRvJyAqL1xuICBoZWlnaHQ6ICdjb2xsYXBzZWQnIHwgJ2V4cGFuZGVkJztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IGdldFBhZGRpbmcgPSAoc2NhbGU/OiBUU2NhbGUpID0+IHtcbiAgc3dpdGNoIChzY2FsZSkge1xuICAgIGNhc2UgJ3MnOlxuICAgICAgcmV0dXJuIGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH1gO1xuICAgIGNhc2UgJ20nOlxuICAgICAgcmV0dXJuIGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH1gO1xuICAgIGNhc2UgJ2wnOlxuICAgICAgcmV0dXJuIGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc1MH1gO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gMDtcbiAgfVxufTtcblxuY29uc3QgSW5zZXRTcXVpc2ggPSAocHJvcHM6IFRJbnNldFNxdWlzaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5zY2FsZSl9O1xuICAgICAgaGVpZ2h0OiAke3Byb3BzLmhlaWdodCA9PT0gJ2V4cGFuZGVkJyA/ICcxMDAlJyA6ICdhdXRvJ307XG4gICAgYH1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICA+XG4gICAge3Byb3BzLmNoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VEluc2V0U3F1aXNoUHJvcHMsICdzY2FsZScgfCAnaGVpZ2h0Jz4gPSB7XG4gIHNjYWxlOiAnbScsXG4gIGhlaWdodDogJ2NvbGxhcHNlZCcsXG59O1xuSW5zZXRTcXVpc2guZGlzcGxheU5hbWUgPSAnSW5zZXRTcXVpc2gnO1xuSW5zZXRTcXVpc2guZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBJbnNldFNxdWlzaDtcbiJdfQ== */")
33
- }, filterDataAttributes(props)), {}, {
34
- children: props.children
35
- }));
33
+ const InsetSquish = _ref => {
34
+ let _ref$scale = _ref.scale,
35
+ scale = _ref$scale === void 0 ? 'm' : _ref$scale,
36
+ _ref$height = _ref.height,
37
+ height = _ref$height === void 0 ? 'collapsed' : _ref$height,
38
+ props = _objectWithoutProperties(_ref, _excluded);
39
+ return jsx("div", _objectSpread(_objectSpread({
40
+ css: /*#__PURE__*/css("padding:", getPadding(scale), ";height:", height === 'expanded' ? '100%' : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InsetSquish;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluc2V0LXNxdWlzaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNZIiwiZmlsZSI6Imluc2V0LXNxdWlzaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUU2NhbGUgPSAncycgfCAnbScgfCAnbCc7XG5leHBvcnQgdHlwZSBUSW5zZXRTcXVpc2hQcm9wcyA9IHtcbiAgLyoqIHNldHMgdGhlIGFtb3VudCBvZiBgcGFkZGluZ2AgYXBwbGllZCBhcm91bmQgdGhlIGNoaWxkcmVuICovXG4gIHNjYWxlPzogVFNjYWxlO1xuICAvKiogc2V0cyB0aGUgaGVpZ2h0IG9mIHRoZSBjb21wb25lbnQgdG8gMTAwJSBvZiB0aGUgYXZhaWxhYmxlIHdpZHRoICgnZXhwYW5kZWQnKSBvciAnYXV0bycgKi9cbiAgaGVpZ2h0PzogJ2NvbGxhcHNlZCcgfCAnZXhwYW5kZWQnO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgZ2V0UGFkZGluZyA9IChzY2FsZT86IFRTY2FsZSkgPT4ge1xuICBzd2l0Y2ggKHNjYWxlKSB7XG4gICAgY2FzZSAncyc6XG4gICAgICByZXR1cm4gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfWA7XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfWA7XG4gICAgY2FzZSAnbCc6XG4gICAgICByZXR1cm4gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzUwfWA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAwO1xuICB9XG59O1xuXG5jb25zdCBJbnNldFNxdWlzaCA9ICh7XG4gIHNjYWxlID0gJ20nLFxuICBoZWlnaHQgPSAnY29sbGFwc2VkJyxcbiAgLi4ucHJvcHNcbn06IFRJbnNldFNxdWlzaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhzY2FsZSl9O1xuICAgICAgaGVpZ2h0OiAke2hlaWdodCA9PT0gJ2V4cGFuZGVkJyA/ICcxMDAlJyA6ICdhdXRvJ307XG4gICAgYH1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMoe1xuICAgICAgc2NhbGUsXG4gICAgICBoZWlnaHQsXG4gICAgICAuLi5wcm9wcyxcbiAgICB9KX1cbiAgPlxuICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuSW5zZXRTcXVpc2guZGlzcGxheU5hbWUgPSAnSW5zZXRTcXVpc2gnO1xuXG5leHBvcnQgZGVmYXVsdCBJbnNldFNxdWlzaDtcbiJdfQ== */")
41
+ }, filterDataAttributes(_objectSpread({
42
+ scale,
43
+ height
44
+ }, props))), {}, {
45
+ children: props.children
46
+ }));
47
+ };
36
48
  InsetSquish.propTypes = process.env.NODE_ENV !== "production" ? {
37
- scale: _pt.oneOf(['s', 'm', 'l']).isRequired,
38
- height: _pt.oneOf(['collapsed', 'expanded']).isRequired,
49
+ scale: _pt.oneOf(['s', 'm', 'l']),
50
+ height: _pt.oneOf(['collapsed', 'expanded']),
39
51
  children: _pt.node.isRequired
40
52
  } : {};
41
- const defaultProps = {
42
- scale: 'm',
43
- height: 'collapsed'
44
- };
45
53
  InsetSquish.displayName = 'InsetSquish';
46
- InsetSquish.defaultProps = defaultProps;
47
54
  var InsetSquish$1 = InsetSquish;
48
55
 
49
56
  // NOTE: This string will be replaced on build time with the package version.
50
- var version = "19.20.1";
57
+ var version = "19.21.0";
51
58
 
52
59
  export { InsetSquish$1 as default, version };
@@ -2,14 +2,13 @@ import { ReactNode } from 'react';
2
2
  export type TScale = 's' | 'm' | 'l';
3
3
  export type TInsetSquishProps = {
4
4
  /** sets the amount of `padding` applied around the children */
5
- scale: TScale;
5
+ scale?: TScale;
6
6
  /** sets the height of the component to 100% of the available width ('expanded') or 'auto' */
7
- height: 'collapsed' | 'expanded';
7
+ height?: 'collapsed' | 'expanded';
8
8
  children: ReactNode;
9
9
  };
10
10
  declare const InsetSquish: {
11
- (props: TInsetSquishProps): import("@emotion/react/jsx-runtime").JSX.Element;
11
+ ({ scale, height, ...props }: TInsetSquishProps): import("@emotion/react/jsx-runtime").JSX.Element;
12
12
  displayName: string;
13
- defaultProps: Pick<TInsetSquishProps, "scale" | "height">;
14
13
  };
15
14
  export default InsetSquish;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/spacings-inset-squish",
3
3
  "description": "An inset squish spacing component provides a consistent padding to the inner component, with horizontal padding being proportionally bigger than the vertical padding.",
4
- "version": "19.20.1",
4
+ "version": "19.21.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,8 +21,8 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/design-system": "19.20.1",
25
- "@commercetools-uikit/utils": "19.20.1",
24
+ "@commercetools-uikit/design-system": "19.21.0",
25
+ "@commercetools-uikit/utils": "19.21.0",
26
26
  "@emotion/react": "^11.10.5",
27
27
  "prop-types": "15.8.1"
28
28
  },