@commercetools-uikit/spacings-stack 15.15.0 → 16.0.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.
Files changed (7) hide show
  1. package/dist/commercetools-uikit-spacings-stack.cjs.d.ts +1 -0
  2. package/dist/commercetools-uikit-spacings-stack.cjs.d.ts.map +1 -0
  3. package/dist/commercetools-uikit-spacings-stack.cjs.dev.js +10 -14
  4. package/dist/commercetools-uikit-spacings-stack.cjs.prod.js +10 -14
  5. package/dist/commercetools-uikit-spacings-stack.esm.js +10 -14
  6. package/dist/declarations/src/stack.d.ts +1 -1
  7. package/package.json +3 -3
package/dist/commercetools-uikit-spacings-stack.cjs.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from "./declarations/src/index";
2
2
  export { default } from "./declarations/src/index";
3
+ //# sourceMappingURL=commercetools-uikit-spacings-stack.cjs.d.ts.map
package/dist/commercetools-uikit-spacings-stack.cjs.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"commercetools-uikit-spacings-stack.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
package/dist/commercetools-uikit-spacings-stack.cjs.dev.js CHANGED
@@ -30,7 +30,7 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
30
30
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
31
31
  var _pt__default = /*#__PURE__*/_interopDefault(_pt);
32
32
 
33
- var getAlignItem = function getAlignItem(alignment) {
33
+ const getAlignItem = alignment => {
34
34
  switch (alignment) {
35
35
  case 'flexStart':
36
36
  return "flex-start";
@@ -43,7 +43,7 @@ var getAlignItem = function getAlignItem(alignment) {
43
43
  }
44
44
  };
45
45
 
46
- var getMargin = function getMargin(scale) {
46
+ const getMargin = scale => {
47
47
  switch (scale) {
48
48
  case 'xs':
49
49
  return designSystem.designTokens.spacing10;
@@ -78,9 +78,7 @@ var getMargin = function getMargin(scale) {
78
78
  */
79
79
 
80
80
 
81
- var getStyles = function getStyles(props) {
82
- return /*#__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 */");
83
- };
81
+ 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 */");
84
82
 
85
83
  var getStyles$1 = getStyles;
86
84
 
@@ -88,20 +86,18 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
88
86
 
89
87
  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; }
90
88
 
91
- var Stack = function Stack(props) {
92
- return jsxRuntime.jsx("div", _objectSpread(_objectSpread({
93
- css: getStyles$1(props)
94
- }, utils.filterDataAttributes(props)), {}, {
95
- children: props.children
96
- }));
97
- };
89
+ const Stack = props => jsxRuntime.jsx("div", _objectSpread(_objectSpread({
90
+ css: getStyles$1(props)
91
+ }, utils.filterDataAttributes(props)), {}, {
92
+ children: props.children
93
+ }));
98
94
 
99
95
  Stack.propTypes = process.env.NODE_ENV !== "production" ? {
100
96
  scale: _pt__default["default"].oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl']).isRequired,
101
97
  alignItems: _pt__default["default"].oneOf(['stretch', 'flex-start', 'flex-end', 'center', 'baseline', 'flexStart', 'flexEnd']).isRequired,
102
98
  children: _pt__default["default"].node.isRequired
103
99
  } : {};
104
- var defaultProps = {
100
+ const defaultProps = {
105
101
  scale: 's',
106
102
  alignItems: 'stretch'
107
103
  };
@@ -110,7 +106,7 @@ Stack.defaultProps = defaultProps;
110
106
  var Stack$1 = Stack;
111
107
 
112
108
  // NOTE: This string will be replaced on build time with the package version.
113
- var version = "15.15.0";
109
+ var version = "16.0.0";
114
110
 
115
111
  exports["default"] = Stack$1;
116
112
  exports.version = version;
package/dist/commercetools-uikit-spacings-stack.cjs.prod.js CHANGED
@@ -29,7 +29,7 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
29
29
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
30
30
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
31
31
 
32
- var getAlignItem = function getAlignItem(alignment) {
32
+ const getAlignItem = alignment => {
33
33
  switch (alignment) {
34
34
  case 'flexStart':
35
35
  return "flex-start";
@@ -42,7 +42,7 @@ var getAlignItem = function getAlignItem(alignment) {
42
42
  }
43
43
  };
44
44
 
45
- var getMargin = function getMargin(scale) {
45
+ const getMargin = scale => {
46
46
  switch (scale) {
47
47
  case 'xs':
48
48
  return designSystem.designTokens.spacing10;
@@ -77,9 +77,7 @@ var getMargin = function getMargin(scale) {
77
77
  */
78
78
 
79
79
 
80
- var getStyles = function getStyles(props) {
81
- return /*#__PURE__*/react.css("display:flex;flex-direction:column;align-items:", getAlignItem(props.alignItems), ";>*+*{margin:", getMargin(props.scale), " 0 0!important;}" + ("" ), "" );
82
- };
80
+ const getStyles = props => /*#__PURE__*/react.css("display:flex;flex-direction:column;align-items:", getAlignItem(props.alignItems), ";>*+*{margin:", getMargin(props.scale), " 0 0!important;}" + ("" ), "" );
83
81
 
84
82
  var getStyles$1 = getStyles;
85
83
 
@@ -87,16 +85,14 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
87
85
 
88
86
  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; }
89
87
 
90
- var Stack = function Stack(props) {
91
- return jsxRuntime.jsx("div", _objectSpread(_objectSpread({
92
- css: getStyles$1(props)
93
- }, utils.filterDataAttributes(props)), {}, {
94
- children: props.children
95
- }));
96
- };
88
+ const Stack = props => jsxRuntime.jsx("div", _objectSpread(_objectSpread({
89
+ css: getStyles$1(props)
90
+ }, utils.filterDataAttributes(props)), {}, {
91
+ children: props.children
92
+ }));
97
93
 
98
94
  Stack.propTypes = {};
99
- var defaultProps = {
95
+ const defaultProps = {
100
96
  scale: 's',
101
97
  alignItems: 'stretch'
102
98
  };
@@ -105,7 +101,7 @@ Stack.defaultProps = defaultProps;
105
101
  var Stack$1 = Stack;
106
102
 
107
103
  // NOTE: This string will be replaced on build time with the package version.
108
- var version = "15.15.0";
104
+ var version = "16.0.0";
109
105
 
110
106
  exports["default"] = Stack$1;
111
107
  exports.version = version;
package/dist/commercetools-uikit-spacings-stack.esm.js CHANGED
@@ -14,7 +14,7 @@ import { css } from '@emotion/react';
14
14
  import { designTokens } from '@commercetools-uikit/design-system';
15
15
  import { jsx } from '@emotion/react/jsx-runtime';
16
16
 
17
- var getAlignItem = function getAlignItem(alignment) {
17
+ const getAlignItem = alignment => {
18
18
  switch (alignment) {
19
19
  case 'flexStart':
20
20
  return "flex-start";
@@ -27,7 +27,7 @@ var getAlignItem = function getAlignItem(alignment) {
27
27
  }
28
28
  };
29
29
 
30
- var getMargin = function getMargin(scale) {
30
+ const getMargin = scale => {
31
31
  switch (scale) {
32
32
  case 'xs':
33
33
  return designTokens.spacing10;
@@ -62,9 +62,7 @@ var getMargin = function getMargin(scale) {
62
62
  */
63
63
 
64
64
 
65
- var getStyles = function getStyles(props) {
66
- return /*#__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 */");
67
- };
65
+ 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 */");
68
66
 
69
67
  var getStyles$1 = getStyles;
70
68
 
@@ -72,20 +70,18 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
72
70
 
73
71
  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; }
74
72
 
75
- var Stack = function Stack(props) {
76
- return jsx("div", _objectSpread(_objectSpread({
77
- css: getStyles$1(props)
78
- }, filterDataAttributes(props)), {}, {
79
- children: props.children
80
- }));
81
- };
73
+ const Stack = props => jsx("div", _objectSpread(_objectSpread({
74
+ css: getStyles$1(props)
75
+ }, filterDataAttributes(props)), {}, {
76
+ children: props.children
77
+ }));
82
78
 
83
79
  Stack.propTypes = process.env.NODE_ENV !== "production" ? {
84
80
  scale: _pt.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl']).isRequired,
85
81
  alignItems: _pt.oneOf(['stretch', 'flex-start', 'flex-end', 'center', 'baseline', 'flexStart', 'flexEnd']).isRequired,
86
82
  children: _pt.node.isRequired
87
83
  } : {};
88
- var defaultProps = {
84
+ const defaultProps = {
89
85
  scale: 's',
90
86
  alignItems: 'stretch'
91
87
  };
@@ -94,6 +90,6 @@ Stack.defaultProps = defaultProps;
94
90
  var Stack$1 = Stack;
95
91
 
96
92
  // NOTE: This string will be replaced on build time with the package version.
97
- var version = "15.15.0";
93
+ var version = "16.0.0";
98
94
 
99
95
  export { Stack$1 as default, version };
package/dist/declarations/src/stack.d.ts CHANGED
@@ -9,6 +9,6 @@ export type TStackProps = {
9
9
  declare const Stack: {
10
10
  (props: TStackProps): import("@emotion/react/jsx-runtime").JSX.Element;
11
11
  displayName: string;
12
- defaultProps: Pick<TStackProps, "alignItems" | "scale">;
12
+ defaultProps: Pick<TStackProps, "scale" | "alignItems">;
13
13
  };
14
14
  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": "15.15.0",
4
+ "version": "16.0.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": "15.15.0",
25
- "@commercetools-uikit/utils": "15.15.0",
24
+ "@commercetools-uikit/design-system": "16.0.0",
25
+ "@commercetools-uikit/utils": "16.0.0",
26
26
  "@emotion/react": "^11.10.5",
27
27
  "prop-types": "15.8.1"
28
28
  },