@commercetools-uikit/spacings-stack 19.20.0 → 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 utils = require('@commercetools-uikit/utils');
@@ -70,28 +71,37 @@ const getMargin = scale => {
70
71
  const getStyles = props => /*#__PURE__*/react.css("display:flex;flex-direction:column;align-items:", getAlignItem(props.alignItems), ";>*+*{margin:", getMargin(props.scale), " 0 0!important;}" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0YWNrLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzZDIiwiZmlsZSI6InN0YWNrLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVEFsaWduSXRlbSwgVFNjYWxlLCBUU3RhY2tQcm9wcyB9IGZyb20gJy4vc3RhY2snO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuY29uc3QgZ2V0QWxpZ25JdGVtID0gKGFsaWdubWVudD86IFRBbGlnbkl0ZW0pID0+IHtcbiAgc3dpdGNoIChhbGlnbm1lbnQpIHtcbiAgICBjYXNlICdmbGV4U3RhcnQnOlxuICAgICAgcmV0dXJuIGBmbGV4LXN0YXJ0YDtcbiAgICBjYXNlICdmbGV4RW5kJzpcbiAgICAgIHJldHVybiBgZmxleC1lbmRgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gYWxpZ25tZW50O1xuICB9XG59O1xuXG5jb25zdCBnZXRNYXJnaW4gPSAoc2NhbGU/OiBUU2NhbGUpID0+IHtcbiAgc3dpdGNoIChzY2FsZSkge1xuICAgIGNhc2UgJ3hzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc3BhY2luZzEwO1xuICAgIGNhc2UgJ3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5zcGFjaW5nMjA7XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmczMDtcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc3BhY2luZzQwO1xuICAgIGNhc2UgJ3hsJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc3BhY2luZzUwO1xuICAgIGNhc2UgJ3h4bCc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmc2MDtcbiAgICBjYXNlICd4eHhsJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc3BhY2luZzcwO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gMDtcbiAgfVxufTtcblxuLyoqXG4gKiBXZSBuZWVkIHRvIGZvcmNlIHRoZSBtYXJnaW4gZm9yIHRoZSBjaGlsZCBlbGVtZW50cyBhcyBvbWUgY2hpbGRyZW5cbiAqIG1pZ2h0IGhhdmUgYG1hcmdpbjogMGAgZGVmaW5lZCwgd2hpY2ggcmVzdWx0cyBpbiBhIGhpZ2hlciBDU1Mgc3BlY2lmaWNpdHksXG4gKiBjYXVzaW5nIHRoZSBtYXJnaW5ncyBvZiB0aGUgc3BhY2luZyBjb21wb25lbnRzIHRvIGJlIGlnbm9yZWQuXG4gKiBTZWUgaHR0cHM6Ly9naXRodWIuY29tL2NvbW1lcmNldG9vbHMvdWkta2l0L2lzc3Vlcy81NDJcbiAqL1xuY29uc3QgZ2V0U3R5bGVzID0gKHByb3BzOiBUU3RhY2tQcm9wcykgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogJHtnZXRBbGlnbkl0ZW0ocHJvcHMuYWxpZ25JdGVtcyl9O1xuXG4gID4gKiArICoge1xuICAgIG1hcmdpbjogJHtnZXRNYXJnaW4ocHJvcHMuc2NhbGUpfSAwIDAgIWltcG9ydGFudDtcbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgZ2V0U3R5bGVzO1xuIl19 */");
71
72
  var getStyles$1 = getStyles;
72
73
 
74
+ const _excluded = ["scale", "alignItems"];
73
75
  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; }
74
76
  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; }
75
- const Stack = props => jsxRuntime.jsx("div", _objectSpread(_objectSpread({
76
- css: getStyles$1(props)
77
- }, utils.filterDataAttributes(props)), {}, {
78
- children: props.children
79
- }));
77
+ const Stack = _ref => {
78
+ let _ref$scale = _ref.scale,
79
+ scale = _ref$scale === void 0 ? 's' : _ref$scale,
80
+ _ref$alignItems = _ref.alignItems,
81
+ alignItems = _ref$alignItems === void 0 ? 'stretch' : _ref$alignItems,
82
+ props = _objectWithoutProperties(_ref, _excluded);
83
+ return jsxRuntime.jsx("div", _objectSpread(_objectSpread({
84
+ css: getStyles$1(_objectSpread({
85
+ scale,
86
+ alignItems
87
+ }, props))
88
+ }, utils.filterDataAttributes(_objectSpread({
89
+ scale,
90
+ alignItems
91
+ }, props))), {}, {
92
+ children: props.children
93
+ }));
94
+ };
80
95
  Stack.propTypes = process.env.NODE_ENV !== "production" ? {
81
- scale: _pt__default["default"].oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl']).isRequired,
82
- alignItems: _pt__default["default"].oneOf(['stretch', 'flex-start', 'flex-end', 'center', 'baseline', 'flexStart', 'flexEnd']).isRequired,
96
+ scale: _pt__default["default"].oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl']),
97
+ alignItems: _pt__default["default"].oneOf(['stretch', 'flex-start', 'flex-end', 'center', 'baseline', 'flexStart', 'flexEnd']),
83
98
  children: _pt__default["default"].node.isRequired
84
99
  } : {};
85
- const defaultProps = {
86
- scale: 's',
87
- alignItems: 'stretch'
88
- };
89
100
  Stack.displayName = 'Stack';
90
- Stack.defaultProps = defaultProps;
91
101
  var Stack$1 = Stack;
92
102
 
93
103
  // NOTE: This string will be replaced on build time with the package version.
94
- var version = "19.20.0";
104
+ var version = "19.21.0";
95
105
 
96
106
  exports["default"] = Stack$1;
97
107
  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 utils = require('@commercetools-uikit/utils');
@@ -69,24 +70,33 @@ const getMargin = scale => {
69
70
  const getStyles = props => /*#__PURE__*/react.css("display:flex;flex-direction:column;align-items:", getAlignItem(props.alignItems), ";>*+*{margin:", getMargin(props.scale), " 0 0!important;}" + ("" ), "" );
70
71
  var getStyles$1 = getStyles;
71
72
 
73
+ const _excluded = ["scale", "alignItems"];
72
74
  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; }
73
75
  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; }
74
- const Stack = props => jsxRuntime.jsx("div", _objectSpread(_objectSpread({
75
- css: getStyles$1(props)
76
- }, utils.filterDataAttributes(props)), {}, {
77
- children: props.children
78
- }));
79
- Stack.propTypes = {};
80
- const defaultProps = {
81
- scale: 's',
82
- alignItems: 'stretch'
76
+ const Stack = _ref => {
77
+ let _ref$scale = _ref.scale,
78
+ scale = _ref$scale === void 0 ? 's' : _ref$scale,
79
+ _ref$alignItems = _ref.alignItems,
80
+ alignItems = _ref$alignItems === void 0 ? 'stretch' : _ref$alignItems,
81
+ props = _objectWithoutProperties(_ref, _excluded);
82
+ return jsxRuntime.jsx("div", _objectSpread(_objectSpread({
83
+ css: getStyles$1(_objectSpread({
84
+ scale,
85
+ alignItems
86
+ }, props))
87
+ }, utils.filterDataAttributes(_objectSpread({
88
+ scale,
89
+ alignItems
90
+ }, props))), {}, {
91
+ children: props.children
92
+ }));
83
93
  };
94
+ Stack.propTypes = {};
84
95
  Stack.displayName = 'Stack';
85
- Stack.defaultProps = defaultProps;
86
96
  var Stack$1 = Stack;
87
97
 
88
98
  // NOTE: This string will be replaced on build time with the package version.
89
- var version = "19.20.0";
99
+ var version = "19.21.0";
90
100
 
91
101
  exports["default"] = Stack$1;
92
102
  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 { filterDataAttributes } from '@commercetools-uikit/utils';
@@ -54,27 +55,36 @@ const getMargin = scale => {
54
55
  const getStyles = props => /*#__PURE__*/css("display:flex;flex-direction:column;align-items:", getAlignItem(props.alignItems), ";>*+*{margin:", getMargin(props.scale), " 0 0!important;}" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0YWNrLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzZDIiwiZmlsZSI6InN0YWNrLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVEFsaWduSXRlbSwgVFNjYWxlLCBUU3RhY2tQcm9wcyB9IGZyb20gJy4vc3RhY2snO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuY29uc3QgZ2V0QWxpZ25JdGVtID0gKGFsaWdubWVudD86IFRBbGlnbkl0ZW0pID0+IHtcbiAgc3dpdGNoIChhbGlnbm1lbnQpIHtcbiAgICBjYXNlICdmbGV4U3RhcnQnOlxuICAgICAgcmV0dXJuIGBmbGV4LXN0YXJ0YDtcbiAgICBjYXNlICdmbGV4RW5kJzpcbiAgICAgIHJldHVybiBgZmxleC1lbmRgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gYWxpZ25tZW50O1xuICB9XG59O1xuXG5jb25zdCBnZXRNYXJnaW4gPSAoc2NhbGU/OiBUU2NhbGUpID0+IHtcbiAgc3dpdGNoIChzY2FsZSkge1xuICAgIGNhc2UgJ3hzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc3BhY2luZzEwO1xuICAgIGNhc2UgJ3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5zcGFjaW5nMjA7XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmczMDtcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc3BhY2luZzQwO1xuICAgIGNhc2UgJ3hsJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc3BhY2luZzUwO1xuICAgIGNhc2UgJ3h4bCc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmc2MDtcbiAgICBjYXNlICd4eHhsJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc3BhY2luZzcwO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gMDtcbiAgfVxufTtcblxuLyoqXG4gKiBXZSBuZWVkIHRvIGZvcmNlIHRoZSBtYXJnaW4gZm9yIHRoZSBjaGlsZCBlbGVtZW50cyBhcyBvbWUgY2hpbGRyZW5cbiAqIG1pZ2h0IGhhdmUgYG1hcmdpbjogMGAgZGVmaW5lZCwgd2hpY2ggcmVzdWx0cyBpbiBhIGhpZ2hlciBDU1Mgc3BlY2lmaWNpdHksXG4gKiBjYXVzaW5nIHRoZSBtYXJnaW5ncyBvZiB0aGUgc3BhY2luZyBjb21wb25lbnRzIHRvIGJlIGlnbm9yZWQuXG4gKiBTZWUgaHR0cHM6Ly9naXRodWIuY29tL2NvbW1lcmNldG9vbHMvdWkta2l0L2lzc3Vlcy81NDJcbiAqL1xuY29uc3QgZ2V0U3R5bGVzID0gKHByb3BzOiBUU3RhY2tQcm9wcykgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogJHtnZXRBbGlnbkl0ZW0ocHJvcHMuYWxpZ25JdGVtcyl9O1xuXG4gID4gKiArICoge1xuICAgIG1hcmdpbjogJHtnZXRNYXJnaW4ocHJvcHMuc2NhbGUpfSAwIDAgIWltcG9ydGFudDtcbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgZ2V0U3R5bGVzO1xuIl19 */");
55
56
  var getStyles$1 = getStyles;
56
57
 
58
+ const _excluded = ["scale", "alignItems"];
57
59
  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; }
58
60
  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; }
59
- const Stack = props => jsx("div", _objectSpread(_objectSpread({
60
- css: getStyles$1(props)
61
- }, filterDataAttributes(props)), {}, {
62
- children: props.children
63
- }));
61
+ const Stack = _ref => {
62
+ let _ref$scale = _ref.scale,
63
+ scale = _ref$scale === void 0 ? 's' : _ref$scale,
64
+ _ref$alignItems = _ref.alignItems,
65
+ alignItems = _ref$alignItems === void 0 ? 'stretch' : _ref$alignItems,
66
+ props = _objectWithoutProperties(_ref, _excluded);
67
+ return jsx("div", _objectSpread(_objectSpread({
68
+ css: getStyles$1(_objectSpread({
69
+ scale,
70
+ alignItems
71
+ }, props))
72
+ }, filterDataAttributes(_objectSpread({
73
+ scale,
74
+ alignItems
75
+ }, props))), {}, {
76
+ children: props.children
77
+ }));
78
+ };
64
79
  Stack.propTypes = process.env.NODE_ENV !== "production" ? {
65
- scale: _pt.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl']).isRequired,
66
- alignItems: _pt.oneOf(['stretch', 'flex-start', 'flex-end', 'center', 'baseline', 'flexStart', 'flexEnd']).isRequired,
80
+ scale: _pt.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl']),
81
+ alignItems: _pt.oneOf(['stretch', 'flex-start', 'flex-end', 'center', 'baseline', 'flexStart', 'flexEnd']),
67
82
  children: _pt.node.isRequired
68
83
  } : {};
69
- const defaultProps = {
70
- scale: 's',
71
- alignItems: 'stretch'
72
- };
73
84
  Stack.displayName = 'Stack';
74
- Stack.defaultProps = defaultProps;
75
85
  var Stack$1 = Stack;
76
86
 
77
87
  // NOTE: This string will be replaced on build time with the package version.
78
- var version = "19.20.0";
88
+ var version = "19.21.0";
79
89
 
80
90
  export { Stack$1 as default, version };
@@ -11,16 +11,15 @@ export type TAlignItem = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'bas
11
11
  export type TScale = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
12
12
  export type TStackProps = {
13
13
  /** specifies the spacing between individual items */
14
- scale: TScale;
14
+ scale?: TScale;
15
15
  /**
16
16
  * sets the `align-self` value on all direct children.
17
17
  * https://developer.mozilla.org/en-US/docs/Web/CSS/align-items */
18
- alignItems: TAlignItem;
18
+ alignItems?: TAlignItem;
19
19
  children: ReactNode;
20
20
  };
21
21
  declare const Stack: {
22
- (props: TStackProps): import("@emotion/react/jsx-runtime").JSX.Element;
22
+ ({ scale, alignItems, ...props }: TStackProps): import("@emotion/react/jsx-runtime").JSX.Element;
23
23
  displayName: string;
24
- defaultProps: Pick<TStackProps, "alignItems" | "scale">;
25
24
  };
26
25
  export default Stack;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/spacings-stack",
3
3
  "description": "A stack spacing component renders its children vertically with a consistent spacing between them.",
4
- "version": "19.20.0",
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.0",
25
- "@commercetools-uikit/utils": "19.20.0",
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
  },