@commercetools-uikit/spacings-stack 15.5.1 → 15.7.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 (5) hide show
  1. package/dist/commercetools-uikit-spacings-stack.cjs.dev.js +14 -8
  2. package/dist/commercetools-uikit-spacings-stack.cjs.prod.js +12 -6
  3. package/dist/commercetools-uikit-spacings-stack.esm.js +14 -8
  4. package/dist/declarations/src/stack.d.ts +1 -1
  5. package/package.json +3 -3
package/dist/commercetools-uikit-spacings-stack.cjs.dev.js CHANGED
@@ -46,19 +46,25 @@ var getAlignItem = function getAlignItem(alignment) {
46
46
  var getMargin = function getMargin(scale) {
47
47
  switch (scale) {
48
48
  case 'xs':
49
- return designSystem.designTokens.spacingXs;
49
+ return designSystem.designTokens.spacing10;
50
50
 
51
51
  case 's':
52
- return designSystem.designTokens.spacingS;
52
+ return designSystem.designTokens.spacing20;
53
53
 
54
54
  case 'm':
55
- return designSystem.designTokens.spacingM;
55
+ return designSystem.designTokens.spacing30;
56
56
 
57
57
  case 'l':
58
- return designSystem.designTokens.spacingL;
58
+ return designSystem.designTokens.spacing40;
59
59
 
60
60
  case 'xl':
61
- return designSystem.designTokens.spacingXl;
61
+ return designSystem.designTokens.spacing50;
62
+
63
+ case 'xxl':
64
+ return designSystem.designTokens.spacing60;
65
+
66
+ case 'xxxl':
67
+ return designSystem.designTokens.spacing70;
62
68
 
63
69
  default:
64
70
  return 0;
@@ -73,7 +79,7 @@ var getMargin = function getMargin(scale) {
73
79
 
74
80
 
75
81
  var getStyles = function getStyles(props) {
76
- 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0YWNrLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q3dDIiwiZmlsZSI6InN0YWNrLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVEFsaWduSXRlbSwgVFNjYWxlLCBUUHJvcHMgfSBmcm9tICcuL3N0YWNrJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmNvbnN0IGdldEFsaWduSXRlbSA9IChhbGlnbm1lbnQ/OiBUQWxpZ25JdGVtKSA9PiB7XG4gIHN3aXRjaCAoYWxpZ25tZW50KSB7XG4gICAgY2FzZSAnZmxleFN0YXJ0JzpcbiAgICAgIHJldHVybiBgZmxleC1zdGFydGA7XG4gICAgY2FzZSAnZmxleEVuZCc6XG4gICAgICByZXR1cm4gYGZsZXgtZW5kYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGFsaWdubWVudDtcbiAgfVxufTtcblxuY29uc3QgZ2V0TWFyZ2luID0gKHNjYWxlPzogVFNjYWxlKSA9PiB7XG4gIHN3aXRjaCAoc2NhbGUpIHtcbiAgICBjYXNlICd4cyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmdYcztcbiAgICBjYXNlICdzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc3BhY2luZ1M7XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmdNO1xuICAgIGNhc2UgJ2wnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5zcGFjaW5nTDtcbiAgICBjYXNlICd4bCc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmdYbDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIDA7XG4gIH1cbn07XG5cbi8qKlxuICogV2UgbmVlZCB0byBmb3JjZSB0aGUgbWFyZ2luIGZvciB0aGUgY2hpbGQgZWxlbWVudHMgYXMgb21lIGNoaWxkcmVuXG4gKiBtaWdodCBoYXZlIGBtYXJnaW46IDBgIGRlZmluZWQsIHdoaWNoIHJlc3VsdHMgaW4gYSBoaWdoZXIgQ1NTIHNwZWNpZmljaXR5LFxuICogY2F1c2luZyB0aGUgbWFyZ2luZ3Mgb2YgdGhlIHNwYWNpbmcgY29tcG9uZW50cyB0byBiZSBpZ25vcmVkLlxuICogU2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9jb21tZXJjZXRvb2xzL3VpLWtpdC9pc3N1ZXMvNTQyXG4gKi9cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogVFByb3BzKSA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiAke2dldEFsaWduSXRlbShwcm9wcy5hbGlnbkl0ZW1zKX07XG5cbiAgPiAqICsgKiB7XG4gICAgbWFyZ2luOiAke2dldE1hcmdpbihwcm9wcy5zY2FsZSl9IDAgMCAhaW1wb3J0YW50O1xuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBnZXRTdHlsZXM7XG4iXX0= */");
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0YWNrLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ3dDIiwiZmlsZSI6InN0YWNrLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVEFsaWduSXRlbSwgVFNjYWxlLCBUUHJvcHMgfSBmcm9tICcuL3N0YWNrJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmNvbnN0IGdldEFsaWduSXRlbSA9IChhbGlnbm1lbnQ/OiBUQWxpZ25JdGVtKSA9PiB7XG4gIHN3aXRjaCAoYWxpZ25tZW50KSB7XG4gICAgY2FzZSAnZmxleFN0YXJ0JzpcbiAgICAgIHJldHVybiBgZmxleC1zdGFydGA7XG4gICAgY2FzZSAnZmxleEVuZCc6XG4gICAgICByZXR1cm4gYGZsZXgtZW5kYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGFsaWdubWVudDtcbiAgfVxufTtcblxuY29uc3QgZ2V0TWFyZ2luID0gKHNjYWxlPzogVFNjYWxlKSA9PiB7XG4gIHN3aXRjaCAoc2NhbGUpIHtcbiAgICBjYXNlICd4cyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmcxMDtcbiAgICBjYXNlICdzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc3BhY2luZzIwO1xuICAgIGNhc2UgJ20nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5zcGFjaW5nMzA7XG4gICAgY2FzZSAnbCc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmc0MDtcbiAgICBjYXNlICd4bCc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmc1MDtcbiAgICBjYXNlICd4eGwnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5zcGFjaW5nNjA7XG4gICAgY2FzZSAneHh4bCc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmc3MDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIDA7XG4gIH1cbn07XG5cbi8qKlxuICogV2UgbmVlZCB0byBmb3JjZSB0aGUgbWFyZ2luIGZvciB0aGUgY2hpbGQgZWxlbWVudHMgYXMgb21lIGNoaWxkcmVuXG4gKiBtaWdodCBoYXZlIGBtYXJnaW46IDBgIGRlZmluZWQsIHdoaWNoIHJlc3VsdHMgaW4gYSBoaWdoZXIgQ1NTIHNwZWNpZmljaXR5LFxuICogY2F1c2luZyB0aGUgbWFyZ2luZ3Mgb2YgdGhlIHNwYWNpbmcgY29tcG9uZW50cyB0byBiZSBpZ25vcmVkLlxuICogU2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9jb21tZXJjZXRvb2xzL3VpLWtpdC9pc3N1ZXMvNTQyXG4gKi9cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogVFByb3BzKSA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiAke2dldEFsaWduSXRlbShwcm9wcy5hbGlnbkl0ZW1zKX07XG5cbiAgPiAqICsgKiB7XG4gICAgbWFyZ2luOiAke2dldE1hcmdpbihwcm9wcy5zY2FsZSl9IDAgMCAhaW1wb3J0YW50O1xuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBnZXRTdHlsZXM7XG4iXX0= */");
77
83
  };
78
84
 
79
85
  var getStyles$1 = getStyles;
@@ -91,7 +97,7 @@ var Stack = function Stack(props) {
91
97
  };
92
98
 
93
99
  Stack.propTypes = process.env.NODE_ENV !== "production" ? {
94
- scale: _pt__default["default"].oneOf(['xs', 's', 'm', 'l', 'xl']).isRequired,
100
+ scale: _pt__default["default"].oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl']).isRequired,
95
101
  alignItems: _pt__default["default"].oneOf(['stretch', 'flex-start', 'flex-end', 'center', 'baseline', 'flexStart', 'flexEnd']).isRequired,
96
102
  children: _pt__default["default"].node.isRequired
97
103
  } : {};
@@ -104,7 +110,7 @@ Stack.defaultProps = defaultProps;
104
110
  var Stack$1 = Stack;
105
111
 
106
112
  // NOTE: This string will be replaced on build time with the package version.
107
- var version = "15.5.1";
113
+ var version = "15.7.0";
108
114
 
109
115
  exports["default"] = Stack$1;
110
116
  exports.version = version;
package/dist/commercetools-uikit-spacings-stack.cjs.prod.js CHANGED
@@ -45,19 +45,25 @@ var getAlignItem = function getAlignItem(alignment) {
45
45
  var getMargin = function getMargin(scale) {
46
46
  switch (scale) {
47
47
  case 'xs':
48
- return designSystem.designTokens.spacingXs;
48
+ return designSystem.designTokens.spacing10;
49
49
 
50
50
  case 's':
51
- return designSystem.designTokens.spacingS;
51
+ return designSystem.designTokens.spacing20;
52
52
 
53
53
  case 'm':
54
- return designSystem.designTokens.spacingM;
54
+ return designSystem.designTokens.spacing30;
55
55
 
56
56
  case 'l':
57
- return designSystem.designTokens.spacingL;
57
+ return designSystem.designTokens.spacing40;
58
58
 
59
59
  case 'xl':
60
- return designSystem.designTokens.spacingXl;
60
+ return designSystem.designTokens.spacing50;
61
+
62
+ case 'xxl':
63
+ return designSystem.designTokens.spacing60;
64
+
65
+ case 'xxxl':
66
+ return designSystem.designTokens.spacing70;
61
67
 
62
68
  default:
63
69
  return 0;
@@ -99,7 +105,7 @@ Stack.defaultProps = defaultProps;
99
105
  var Stack$1 = Stack;
100
106
 
101
107
  // NOTE: This string will be replaced on build time with the package version.
102
- var version = "15.5.1";
108
+ var version = "15.7.0";
103
109
 
104
110
  exports["default"] = Stack$1;
105
111
  exports.version = version;
package/dist/commercetools-uikit-spacings-stack.esm.js CHANGED
@@ -30,19 +30,25 @@ var getAlignItem = function getAlignItem(alignment) {
30
30
  var getMargin = function getMargin(scale) {
31
31
  switch (scale) {
32
32
  case 'xs':
33
- return designTokens.spacingXs;
33
+ return designTokens.spacing10;
34
34
 
35
35
  case 's':
36
- return designTokens.spacingS;
36
+ return designTokens.spacing20;
37
37
 
38
38
  case 'm':
39
- return designTokens.spacingM;
39
+ return designTokens.spacing30;
40
40
 
41
41
  case 'l':
42
- return designTokens.spacingL;
42
+ return designTokens.spacing40;
43
43
 
44
44
  case 'xl':
45
- return designTokens.spacingXl;
45
+ return designTokens.spacing50;
46
+
47
+ case 'xxl':
48
+ return designTokens.spacing60;
49
+
50
+ case 'xxxl':
51
+ return designTokens.spacing70;
46
52
 
47
53
  default:
48
54
  return 0;
@@ -57,7 +63,7 @@ var getMargin = function getMargin(scale) {
57
63
 
58
64
 
59
65
  var getStyles = function getStyles(props) {
60
- 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0YWNrLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q3dDIiwiZmlsZSI6InN0YWNrLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVEFsaWduSXRlbSwgVFNjYWxlLCBUUHJvcHMgfSBmcm9tICcuL3N0YWNrJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmNvbnN0IGdldEFsaWduSXRlbSA9IChhbGlnbm1lbnQ/OiBUQWxpZ25JdGVtKSA9PiB7XG4gIHN3aXRjaCAoYWxpZ25tZW50KSB7XG4gICAgY2FzZSAnZmxleFN0YXJ0JzpcbiAgICAgIHJldHVybiBgZmxleC1zdGFydGA7XG4gICAgY2FzZSAnZmxleEVuZCc6XG4gICAgICByZXR1cm4gYGZsZXgtZW5kYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGFsaWdubWVudDtcbiAgfVxufTtcblxuY29uc3QgZ2V0TWFyZ2luID0gKHNjYWxlPzogVFNjYWxlKSA9PiB7XG4gIHN3aXRjaCAoc2NhbGUpIHtcbiAgICBjYXNlICd4cyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmdYcztcbiAgICBjYXNlICdzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc3BhY2luZ1M7XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmdNO1xuICAgIGNhc2UgJ2wnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5zcGFjaW5nTDtcbiAgICBjYXNlICd4bCc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmdYbDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIDA7XG4gIH1cbn07XG5cbi8qKlxuICogV2UgbmVlZCB0byBmb3JjZSB0aGUgbWFyZ2luIGZvciB0aGUgY2hpbGQgZWxlbWVudHMgYXMgb21lIGNoaWxkcmVuXG4gKiBtaWdodCBoYXZlIGBtYXJnaW46IDBgIGRlZmluZWQsIHdoaWNoIHJlc3VsdHMgaW4gYSBoaWdoZXIgQ1NTIHNwZWNpZmljaXR5LFxuICogY2F1c2luZyB0aGUgbWFyZ2luZ3Mgb2YgdGhlIHNwYWNpbmcgY29tcG9uZW50cyB0byBiZSBpZ25vcmVkLlxuICogU2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9jb21tZXJjZXRvb2xzL3VpLWtpdC9pc3N1ZXMvNTQyXG4gKi9cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogVFByb3BzKSA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiAke2dldEFsaWduSXRlbShwcm9wcy5hbGlnbkl0ZW1zKX07XG5cbiAgPiAqICsgKiB7XG4gICAgbWFyZ2luOiAke2dldE1hcmdpbihwcm9wcy5zY2FsZSl9IDAgMCAhaW1wb3J0YW50O1xuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBnZXRTdHlsZXM7XG4iXX0= */");
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0YWNrLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ3dDIiwiZmlsZSI6InN0YWNrLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVEFsaWduSXRlbSwgVFNjYWxlLCBUUHJvcHMgfSBmcm9tICcuL3N0YWNrJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmNvbnN0IGdldEFsaWduSXRlbSA9IChhbGlnbm1lbnQ/OiBUQWxpZ25JdGVtKSA9PiB7XG4gIHN3aXRjaCAoYWxpZ25tZW50KSB7XG4gICAgY2FzZSAnZmxleFN0YXJ0JzpcbiAgICAgIHJldHVybiBgZmxleC1zdGFydGA7XG4gICAgY2FzZSAnZmxleEVuZCc6XG4gICAgICByZXR1cm4gYGZsZXgtZW5kYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGFsaWdubWVudDtcbiAgfVxufTtcblxuY29uc3QgZ2V0TWFyZ2luID0gKHNjYWxlPzogVFNjYWxlKSA9PiB7XG4gIHN3aXRjaCAoc2NhbGUpIHtcbiAgICBjYXNlICd4cyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmcxMDtcbiAgICBjYXNlICdzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc3BhY2luZzIwO1xuICAgIGNhc2UgJ20nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5zcGFjaW5nMzA7XG4gICAgY2FzZSAnbCc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmc0MDtcbiAgICBjYXNlICd4bCc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmc1MDtcbiAgICBjYXNlICd4eGwnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5zcGFjaW5nNjA7XG4gICAgY2FzZSAneHh4bCc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLnNwYWNpbmc3MDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIDA7XG4gIH1cbn07XG5cbi8qKlxuICogV2UgbmVlZCB0byBmb3JjZSB0aGUgbWFyZ2luIGZvciB0aGUgY2hpbGQgZWxlbWVudHMgYXMgb21lIGNoaWxkcmVuXG4gKiBtaWdodCBoYXZlIGBtYXJnaW46IDBgIGRlZmluZWQsIHdoaWNoIHJlc3VsdHMgaW4gYSBoaWdoZXIgQ1NTIHNwZWNpZmljaXR5LFxuICogY2F1c2luZyB0aGUgbWFyZ2luZ3Mgb2YgdGhlIHNwYWNpbmcgY29tcG9uZW50cyB0byBiZSBpZ25vcmVkLlxuICogU2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9jb21tZXJjZXRvb2xzL3VpLWtpdC9pc3N1ZXMvNTQyXG4gKi9cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogVFByb3BzKSA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiAke2dldEFsaWduSXRlbShwcm9wcy5hbGlnbkl0ZW1zKX07XG5cbiAgPiAqICsgKiB7XG4gICAgbWFyZ2luOiAke2dldE1hcmdpbihwcm9wcy5zY2FsZSl9IDAgMCAhaW1wb3J0YW50O1xuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBnZXRTdHlsZXM7XG4iXX0= */");
61
67
  };
62
68
 
63
69
  var getStyles$1 = getStyles;
@@ -75,7 +81,7 @@ var Stack = function Stack(props) {
75
81
  };
76
82
 
77
83
  Stack.propTypes = process.env.NODE_ENV !== "production" ? {
78
- scale: _pt.oneOf(['xs', 's', 'm', 'l', 'xl']).isRequired,
84
+ scale: _pt.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl']).isRequired,
79
85
  alignItems: _pt.oneOf(['stretch', 'flex-start', 'flex-end', 'center', 'baseline', 'flexStart', 'flexEnd']).isRequired,
80
86
  children: _pt.node.isRequired
81
87
  } : {};
@@ -88,6 +94,6 @@ Stack.defaultProps = defaultProps;
88
94
  var Stack$1 = Stack;
89
95
 
90
96
  // NOTE: This string will be replaced on build time with the package version.
91
- var version = "15.5.1";
97
+ var version = "15.7.0";
92
98
 
93
99
  export { Stack$1 as default, version };
package/dist/declarations/src/stack.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  export declare type TAlignItem = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'flexStart' | 'flexEnd';
3
- export declare type TScale = 'xs' | 's' | 'm' | 'l' | 'xl';
3
+ export declare type TScale = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
4
4
  export declare type TProps = {
5
5
  scale: TScale;
6
6
  alignItems: TAlignItem;
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.5.1",
4
+ "version": "15.7.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.19.0",
23
23
  "@babel/runtime-corejs3": "^7.19.1",
24
- "@commercetools-uikit/design-system": "15.5.1",
25
- "@commercetools-uikit/utils": "15.5.1",
24
+ "@commercetools-uikit/design-system": "15.7.0",
25
+ "@commercetools-uikit/utils": "15.7.0",
26
26
  "@emotion/react": "^11.4.0",
27
27
  "prop-types": "15.8.1"
28
28
  },