@commercetools-uikit/spacings-stack 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 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 =
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
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'])
|
|
82
|
-
alignItems: _pt__default["default"].oneOf(['stretch', 'flex-start', 'flex-end', 'center', 'baseline', 'flexStart', 'flexEnd'])
|
|
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.
|
|
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 =
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
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.
|
|
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 =
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
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'])
|
|
66
|
-
alignItems: _pt.oneOf(['stretch', 'flex-start', 'flex-end', 'center', 'baseline', 'flexStart', 'flexEnd'])
|
|
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.
|
|
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
|
|
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
|
|
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, "scale" | "alignItems">;
|
|
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.
|
|
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.
|
|
25
|
-
"@commercetools-uikit/utils": "19.
|
|
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
|
},
|