@commercetools-uikit/grid 19.26.0 → 20.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.
|
@@ -14,8 +14,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
14
14
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
15
15
|
var react = require('@emotion/react');
|
|
16
16
|
var _styled = require('@emotion/styled/base');
|
|
17
|
-
var _pt = require('prop-types');
|
|
18
|
-
require('react');
|
|
19
17
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
20
18
|
|
|
21
19
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -29,7 +27,6 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
|
|
|
29
27
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
30
28
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
31
29
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
32
|
-
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
33
30
|
|
|
34
31
|
const _excluded = ["display"];
|
|
35
32
|
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; }
|
|
@@ -49,19 +46,6 @@ const GridItem = props => jsxRuntime.jsx("div", {
|
|
|
49
46
|
}, process.env.NODE_ENV === "production" ? "" : ";label:GridItem;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStESSIsImZpbGUiOiJncmlkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IHR5cGUgVEdyaWRJdGVtUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICAvLyBMaXN0IGJhc2VkIG9uIGh0dHBzOi8vY3NzLXRyaWNrcy5jb20vc25pcHBldHMvY3NzL2NvbXBsZXRlLWd1aWRlLWdyaWRcbiAgZ3JpZEFyZWE/OiBzdHJpbmc7XG4gIGdyaWRDb2x1bW4/OiBzdHJpbmc7XG4gIGdyaWRDb2x1bW5TdGFydD86IHN0cmluZztcbiAgZ3JpZENvbHVtbkVuZD86IHN0cmluZztcbiAgZ3JpZFJvdz86IHN0cmluZztcbiAgZ3JpZFJvd1N0YXJ0Pzogc3RyaW5nO1xuICBncmlkUm93RW5kPzogc3RyaW5nO1xuICBqdXN0aWZ5U2VsZj86ICdzdGFydCcgfCAnZW5kJyB8ICdjZW50ZXInIHwgJ3N0cmV0Y2gnO1xuICBhbGlnblNlbGY/OiAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJyB8ICdzdHJldGNoJztcbiAgcGxhY2VTZWxmPzogJ3N0YXJ0JyB8ICdlbmQnIHwgJ2NlbnRlcicgfCAnc3RyZXRjaCc7XG59O1xuZXhwb3J0IHR5cGUgVEdyaWRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgLy8gTGlzdCBiYXNlZCBvbiBodHRwczovL2Nzcy10cmlja3MuY29tL3NuaXBwZXRzL2Nzcy9jb21wbGV0ZS1ndWlkZS1ncmlkXG4gIGRpc3BsYXk/OiAnZ3JpZCcgfCAnaW5saW5lLWdyaWQnO1xuICBncmlkVGVtcGxhdGVDb2x1bW5zPzogc3RyaW5nO1xuICBncmlkVGVtcGxhdGVSb3dzPzogc3RyaW5nO1xuICBncmlkVGVtcGxhdGVBcmVhcz86IHN0cmluZztcbiAgZ3JpZFRlbXBsYXRlPzogc3RyaW5nO1xuICBncmlkQ29sdW1uR2FwPzogc3RyaW5nO1xuICBncmlkUm93R2FwPzogc3RyaW5nO1xuICBncmlkR2FwPzogc3RyaW5nO1xuICBqdXN0aWZ5SXRlbXM/OiAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJyB8ICdzdHJldGNoJztcbiAgYWxpZ25JdGVtcz86ICdzdGFydCcgfCAnZW5kJyB8ICdjZW50ZXInIHwgJ3N0cmV0Y2gnO1xuICBwbGFjZUl0ZW1zPzogJ3N0YXJ0JyB8ICdlbmQnIHwgJ2NlbnRlcicgfCAnc3RyZXRjaCc7XG4gIGp1c3RpZnlDb250ZW50PzpcbiAgICB8ICdzdGFydCdcbiAgICB8ICdlbmQnXG4gICAgfCAnY2VudGVyJ1xuICAgIHwgJ3N0cmV0Y2gnXG4gICAgfCAnc3BhY2UtYXJvdW5kJ1xuICAgIHwgJ3NwYWNlLWJldHdlZW4nXG4gICAgfCAnc3BhY2UtZXZlbmx5JztcbiAgYWxpZ25Db250ZW50PzpcbiAgICB8ICdzdGFydCdcbiAgICB8ICdlbmQnXG4gICAgfCAnY2VudGVyJ1xuICAgIHwgJ3N0cmV0Y2gnXG4gICAgfCAnc3BhY2UtYXJvdW5kJ1xuICAgIHwgJ3NwYWNlLWJldHdlZW4nXG4gICAgfCAnc3BhY2UtZXZlbmx5JztcbiAgcGxhY2VDb250ZW50PzpcbiAgICB8ICdzdGFydCdcbiAgICB8ICdlbmQnXG4gICAgfCAnY2VudGVyJ1xuICAgIHwgJ3N0cmV0Y2gnXG4gICAgfCAnc3BhY2UtYXJvdW5kJ1xuICAgIHwgJ3NwYWNlLWJldHdlZW4nXG4gICAgfCAnc3BhY2UtZXZlbmx5JztcbiAgZ3JpZEF1dG9Db2x1bW5zPzogc3RyaW5nO1xuICBncmlkQXV0b1Jvd3M/OiBzdHJpbmc7XG4gIGdyaWRBdXRvRmxvdz86IHN0cmluZztcbiAgZ3JpZD86IHN0cmluZztcbn07XG5cbmNvbnN0IEdyaWRJdGVtID0gKHByb3BzOiBUR3JpZEl0ZW1Qcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXt7XG4gICAgICBncmlkQXJlYTogcHJvcHMuZ3JpZEFyZWEsXG4gICAgICBncmlkQ29sdW1uOiBwcm9wcy5ncmlkQ29sdW1uLFxuICAgICAgZ3JpZENvbHVtblN0YXJ0OiBwcm9wcy5ncmlkQ29sdW1uU3RhcnQsXG4gICAgICBncmlkQ29sdW1uRW5kOiBwcm9wcy5ncmlkQ29sdW1uRW5kLFxuICAgICAgZ3JpZFJvdzogcHJvcHMuZ3JpZFJvdyxcbiAgICAgIGdyaWRSb3dTdGFydDogcHJvcHMuZ3JpZFJvd1N0YXJ0LFxuICAgICAgZ3JpZFJvd0VuZDogcHJvcHMuZ3JpZFJvd0VuZCxcbiAgICAgIGp1c3RpZnlTZWxmOiBwcm9wcy5qdXN0aWZ5U2VsZixcbiAgICAgIGFsaWduU2VsZjogcHJvcHMuYWxpZ25TZWxmLFxuICAgICAgcGxhY2VTZWxmOiBwcm9wcy5wbGFjZVNlbGYsXG4gICAgfX1cbiAgPlxuICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuR3JpZEl0ZW0uZGlzcGxheU5hbWUgPSAnR3JpZEl0ZW0nO1xuXG5jb25zdCBHcmlkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxUR3JpZFByb3BzPigocHJvcHMpID0+ICh7XG4gIGRpc3BsYXk6IHByb3BzLmRpc3BsYXksXG4gIGdyaWQ6IHByb3BzLmdyaWQsXG4gIGdyaWRUZW1wbGF0ZTogcHJvcHMuZ3JpZFRlbXBsYXRlLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zOiBwcm9wcy5ncmlkVGVtcGxhdGVDb2x1bW5zLFxuICBncmlkVGVtcGxhdGVSb3dzOiBwcm9wcy5ncmlkVGVtcGxhdGVSb3dzLFxuICBncmlkVGVtcGxhdGVBcmVhczogcHJvcHMuZ3JpZFRlbXBsYXRlQXJlYXMsXG4gIGdyaWRHYXA6IHByb3BzLmdyaWRHYXAsXG4gIGdyaWRDb2x1bW5HYXA6IHByb3BzLmdyaWRDb2x1bW5HYXAsXG4gIGdyaWRSb3dHYXA6IHByb3BzLmdyaWRSb3dHYXAsXG4gIGp1c3RpZnlJdGVtczogcHJvcHMuanVzdGlmeUl0ZW1zLFxuICBhbGlnbkl0ZW1zOiBwcm9wcy5hbGlnbkl0ZW1zLFxuICBwbGFjZUl0ZW1zOiBwcm9wcy5wbGFjZUl0ZW1zLFxuICBqdXN0aWZ5Q29udGVudDogcHJvcHMuanVzdGlmeUNvbnRlbnQsXG4gIGFsaWduQ29udGVudDogcHJvcHMuYWxpZ25Db250ZW50LFxuICBwbGFjZUNvbnRlbnQ6IHByb3BzLnBsYWNlQ29udGVudCxcbiAgZ3JpZEF1dG9Db2x1bW5zOiBwcm9wcy5ncmlkQXV0b0NvbHVtbnMsXG4gIGdyaWRBdXRvUm93czogcHJvcHMuZ3JpZEF1dG9Sb3dzLFxuICBncmlkQXV0b0Zsb3c6IHByb3BzLmdyaWRBdXRvRmxvdyxcbn0pKTtcbmNvbnN0IEdyaWQgPSAoeyBkaXNwbGF5ID0gJ2dyaWQnLCAuLi5wcm9wcyB9OiBUR3JpZFByb3BzKSA9PiAoXG4gIDxHcmlkQ29udGFpbmVyIGRpc3BsYXk9e2Rpc3BsYXl9IHsuLi5wcm9wc30gLz5cbik7XG5HcmlkLmRpc3BsYXlOYW1lID0gJ0dyaWQnO1xuLy8gQXNzaWduIEdyaWRJdGVtIGFzIGEgc3RhdGljIHByb3BlcnR5IG9mIEdyaWRcbkdyaWQuSXRlbSA9IEdyaWRJdGVtO1xuXG5leHBvcnQgZGVmYXVsdCBHcmlkO1xuIl19 */"),
|
|
50
47
|
children: props.children
|
|
51
48
|
});
|
|
52
|
-
GridItem.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
53
|
-
children: _pt__default["default"].node,
|
|
54
|
-
gridArea: _pt__default["default"].string,
|
|
55
|
-
gridColumn: _pt__default["default"].string,
|
|
56
|
-
gridColumnStart: _pt__default["default"].string,
|
|
57
|
-
gridColumnEnd: _pt__default["default"].string,
|
|
58
|
-
gridRow: _pt__default["default"].string,
|
|
59
|
-
gridRowStart: _pt__default["default"].string,
|
|
60
|
-
gridRowEnd: _pt__default["default"].string,
|
|
61
|
-
justifySelf: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch']),
|
|
62
|
-
alignSelf: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch']),
|
|
63
|
-
placeSelf: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch'])
|
|
64
|
-
} : {};
|
|
65
49
|
GridItem.displayName = 'GridItem';
|
|
66
50
|
const GridContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
67
51
|
target: "e7g6mzh0"
|
|
@@ -96,34 +80,13 @@ const Grid = _ref => {
|
|
|
96
80
|
display: display
|
|
97
81
|
}, props));
|
|
98
82
|
};
|
|
99
|
-
Grid.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
100
|
-
children: _pt__default["default"].node.isRequired,
|
|
101
|
-
display: _pt__default["default"].oneOf(['grid', 'inline-grid']),
|
|
102
|
-
gridTemplateColumns: _pt__default["default"].string,
|
|
103
|
-
gridTemplateRows: _pt__default["default"].string,
|
|
104
|
-
gridTemplateAreas: _pt__default["default"].string,
|
|
105
|
-
gridTemplate: _pt__default["default"].string,
|
|
106
|
-
gridColumnGap: _pt__default["default"].string,
|
|
107
|
-
gridRowGap: _pt__default["default"].string,
|
|
108
|
-
gridGap: _pt__default["default"].string,
|
|
109
|
-
justifyItems: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch']),
|
|
110
|
-
alignItems: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch']),
|
|
111
|
-
placeItems: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch']),
|
|
112
|
-
justifyContent: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch', 'space-around', 'space-between', 'space-evenly']),
|
|
113
|
-
alignContent: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch', 'space-around', 'space-between', 'space-evenly']),
|
|
114
|
-
placeContent: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch', 'space-around', 'space-between', 'space-evenly']),
|
|
115
|
-
gridAutoColumns: _pt__default["default"].string,
|
|
116
|
-
gridAutoRows: _pt__default["default"].string,
|
|
117
|
-
gridAutoFlow: _pt__default["default"].string,
|
|
118
|
-
grid: _pt__default["default"].string
|
|
119
|
-
} : {};
|
|
120
83
|
Grid.displayName = 'Grid';
|
|
121
84
|
// Assign GridItem as a static property of Grid
|
|
122
85
|
Grid.Item = GridItem;
|
|
123
86
|
var Grid$1 = Grid;
|
|
124
87
|
|
|
125
88
|
// NOTE: This string will be replaced on build time with the package version.
|
|
126
|
-
var version = "
|
|
89
|
+
var version = "20.0.0";
|
|
127
90
|
|
|
128
91
|
exports["default"] = Grid$1;
|
|
129
92
|
exports.version = version;
|
|
@@ -14,8 +14,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
14
14
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
15
15
|
var react = require('@emotion/react');
|
|
16
16
|
var _styled = require('@emotion/styled/base');
|
|
17
|
-
require('prop-types');
|
|
18
|
-
require('react');
|
|
19
17
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
20
18
|
|
|
21
19
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -48,7 +46,6 @@ const GridItem = props => jsxRuntime.jsx("div", {
|
|
|
48
46
|
}, "" , "" ),
|
|
49
47
|
children: props.children
|
|
50
48
|
});
|
|
51
|
-
GridItem.propTypes = {};
|
|
52
49
|
GridItem.displayName = 'GridItem';
|
|
53
50
|
const GridContainer = /*#__PURE__*/_styled__default["default"]("div", {
|
|
54
51
|
target: "e7g6mzh0"
|
|
@@ -80,14 +77,13 @@ const Grid = _ref => {
|
|
|
80
77
|
display: display
|
|
81
78
|
}, props));
|
|
82
79
|
};
|
|
83
|
-
Grid.propTypes = {};
|
|
84
80
|
Grid.displayName = 'Grid';
|
|
85
81
|
// Assign GridItem as a static property of Grid
|
|
86
82
|
Grid.Item = GridItem;
|
|
87
83
|
var Grid$1 = Grid;
|
|
88
84
|
|
|
89
85
|
// NOTE: This string will be replaced on build time with the package version.
|
|
90
|
-
var version = "
|
|
86
|
+
var version = "20.0.0";
|
|
91
87
|
|
|
92
88
|
exports["default"] = Grid$1;
|
|
93
89
|
exports.version = version;
|
|
@@ -10,8 +10,6 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
|
10
10
|
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
|
|
11
11
|
import { css } from '@emotion/react';
|
|
12
12
|
import _styled from '@emotion/styled/base';
|
|
13
|
-
import _pt from 'prop-types';
|
|
14
|
-
import 'react';
|
|
15
13
|
import { jsx } from '@emotion/react/jsx-runtime';
|
|
16
14
|
|
|
17
15
|
const _excluded = ["display"];
|
|
@@ -32,19 +30,6 @@ const GridItem = props => jsx("div", {
|
|
|
32
30
|
}, process.env.NODE_ENV === "production" ? "" : ";label:GridItem;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStESSIsImZpbGUiOiJncmlkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IHR5cGUgVEdyaWRJdGVtUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICAvLyBMaXN0IGJhc2VkIG9uIGh0dHBzOi8vY3NzLXRyaWNrcy5jb20vc25pcHBldHMvY3NzL2NvbXBsZXRlLWd1aWRlLWdyaWRcbiAgZ3JpZEFyZWE/OiBzdHJpbmc7XG4gIGdyaWRDb2x1bW4/OiBzdHJpbmc7XG4gIGdyaWRDb2x1bW5TdGFydD86IHN0cmluZztcbiAgZ3JpZENvbHVtbkVuZD86IHN0cmluZztcbiAgZ3JpZFJvdz86IHN0cmluZztcbiAgZ3JpZFJvd1N0YXJ0Pzogc3RyaW5nO1xuICBncmlkUm93RW5kPzogc3RyaW5nO1xuICBqdXN0aWZ5U2VsZj86ICdzdGFydCcgfCAnZW5kJyB8ICdjZW50ZXInIHwgJ3N0cmV0Y2gnO1xuICBhbGlnblNlbGY/OiAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJyB8ICdzdHJldGNoJztcbiAgcGxhY2VTZWxmPzogJ3N0YXJ0JyB8ICdlbmQnIHwgJ2NlbnRlcicgfCAnc3RyZXRjaCc7XG59O1xuZXhwb3J0IHR5cGUgVEdyaWRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgLy8gTGlzdCBiYXNlZCBvbiBodHRwczovL2Nzcy10cmlja3MuY29tL3NuaXBwZXRzL2Nzcy9jb21wbGV0ZS1ndWlkZS1ncmlkXG4gIGRpc3BsYXk/OiAnZ3JpZCcgfCAnaW5saW5lLWdyaWQnO1xuICBncmlkVGVtcGxhdGVDb2x1bW5zPzogc3RyaW5nO1xuICBncmlkVGVtcGxhdGVSb3dzPzogc3RyaW5nO1xuICBncmlkVGVtcGxhdGVBcmVhcz86IHN0cmluZztcbiAgZ3JpZFRlbXBsYXRlPzogc3RyaW5nO1xuICBncmlkQ29sdW1uR2FwPzogc3RyaW5nO1xuICBncmlkUm93R2FwPzogc3RyaW5nO1xuICBncmlkR2FwPzogc3RyaW5nO1xuICBqdXN0aWZ5SXRlbXM/OiAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJyB8ICdzdHJldGNoJztcbiAgYWxpZ25JdGVtcz86ICdzdGFydCcgfCAnZW5kJyB8ICdjZW50ZXInIHwgJ3N0cmV0Y2gnO1xuICBwbGFjZUl0ZW1zPzogJ3N0YXJ0JyB8ICdlbmQnIHwgJ2NlbnRlcicgfCAnc3RyZXRjaCc7XG4gIGp1c3RpZnlDb250ZW50PzpcbiAgICB8ICdzdGFydCdcbiAgICB8ICdlbmQnXG4gICAgfCAnY2VudGVyJ1xuICAgIHwgJ3N0cmV0Y2gnXG4gICAgfCAnc3BhY2UtYXJvdW5kJ1xuICAgIHwgJ3NwYWNlLWJldHdlZW4nXG4gICAgfCAnc3BhY2UtZXZlbmx5JztcbiAgYWxpZ25Db250ZW50PzpcbiAgICB8ICdzdGFydCdcbiAgICB8ICdlbmQnXG4gICAgfCAnY2VudGVyJ1xuICAgIHwgJ3N0cmV0Y2gnXG4gICAgfCAnc3BhY2UtYXJvdW5kJ1xuICAgIHwgJ3NwYWNlLWJldHdlZW4nXG4gICAgfCAnc3BhY2UtZXZlbmx5JztcbiAgcGxhY2VDb250ZW50PzpcbiAgICB8ICdzdGFydCdcbiAgICB8ICdlbmQnXG4gICAgfCAnY2VudGVyJ1xuICAgIHwgJ3N0cmV0Y2gnXG4gICAgfCAnc3BhY2UtYXJvdW5kJ1xuICAgIHwgJ3NwYWNlLWJldHdlZW4nXG4gICAgfCAnc3BhY2UtZXZlbmx5JztcbiAgZ3JpZEF1dG9Db2x1bW5zPzogc3RyaW5nO1xuICBncmlkQXV0b1Jvd3M/OiBzdHJpbmc7XG4gIGdyaWRBdXRvRmxvdz86IHN0cmluZztcbiAgZ3JpZD86IHN0cmluZztcbn07XG5cbmNvbnN0IEdyaWRJdGVtID0gKHByb3BzOiBUR3JpZEl0ZW1Qcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXt7XG4gICAgICBncmlkQXJlYTogcHJvcHMuZ3JpZEFyZWEsXG4gICAgICBncmlkQ29sdW1uOiBwcm9wcy5ncmlkQ29sdW1uLFxuICAgICAgZ3JpZENvbHVtblN0YXJ0OiBwcm9wcy5ncmlkQ29sdW1uU3RhcnQsXG4gICAgICBncmlkQ29sdW1uRW5kOiBwcm9wcy5ncmlkQ29sdW1uRW5kLFxuICAgICAgZ3JpZFJvdzogcHJvcHMuZ3JpZFJvdyxcbiAgICAgIGdyaWRSb3dTdGFydDogcHJvcHMuZ3JpZFJvd1N0YXJ0LFxuICAgICAgZ3JpZFJvd0VuZDogcHJvcHMuZ3JpZFJvd0VuZCxcbiAgICAgIGp1c3RpZnlTZWxmOiBwcm9wcy5qdXN0aWZ5U2VsZixcbiAgICAgIGFsaWduU2VsZjogcHJvcHMuYWxpZ25TZWxmLFxuICAgICAgcGxhY2VTZWxmOiBwcm9wcy5wbGFjZVNlbGYsXG4gICAgfX1cbiAgPlxuICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuR3JpZEl0ZW0uZGlzcGxheU5hbWUgPSAnR3JpZEl0ZW0nO1xuXG5jb25zdCBHcmlkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxUR3JpZFByb3BzPigocHJvcHMpID0+ICh7XG4gIGRpc3BsYXk6IHByb3BzLmRpc3BsYXksXG4gIGdyaWQ6IHByb3BzLmdyaWQsXG4gIGdyaWRUZW1wbGF0ZTogcHJvcHMuZ3JpZFRlbXBsYXRlLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zOiBwcm9wcy5ncmlkVGVtcGxhdGVDb2x1bW5zLFxuICBncmlkVGVtcGxhdGVSb3dzOiBwcm9wcy5ncmlkVGVtcGxhdGVSb3dzLFxuICBncmlkVGVtcGxhdGVBcmVhczogcHJvcHMuZ3JpZFRlbXBsYXRlQXJlYXMsXG4gIGdyaWRHYXA6IHByb3BzLmdyaWRHYXAsXG4gIGdyaWRDb2x1bW5HYXA6IHByb3BzLmdyaWRDb2x1bW5HYXAsXG4gIGdyaWRSb3dHYXA6IHByb3BzLmdyaWRSb3dHYXAsXG4gIGp1c3RpZnlJdGVtczogcHJvcHMuanVzdGlmeUl0ZW1zLFxuICBhbGlnbkl0ZW1zOiBwcm9wcy5hbGlnbkl0ZW1zLFxuICBwbGFjZUl0ZW1zOiBwcm9wcy5wbGFjZUl0ZW1zLFxuICBqdXN0aWZ5Q29udGVudDogcHJvcHMuanVzdGlmeUNvbnRlbnQsXG4gIGFsaWduQ29udGVudDogcHJvcHMuYWxpZ25Db250ZW50LFxuICBwbGFjZUNvbnRlbnQ6IHByb3BzLnBsYWNlQ29udGVudCxcbiAgZ3JpZEF1dG9Db2x1bW5zOiBwcm9wcy5ncmlkQXV0b0NvbHVtbnMsXG4gIGdyaWRBdXRvUm93czogcHJvcHMuZ3JpZEF1dG9Sb3dzLFxuICBncmlkQXV0b0Zsb3c6IHByb3BzLmdyaWRBdXRvRmxvdyxcbn0pKTtcbmNvbnN0IEdyaWQgPSAoeyBkaXNwbGF5ID0gJ2dyaWQnLCAuLi5wcm9wcyB9OiBUR3JpZFByb3BzKSA9PiAoXG4gIDxHcmlkQ29udGFpbmVyIGRpc3BsYXk9e2Rpc3BsYXl9IHsuLi5wcm9wc30gLz5cbik7XG5HcmlkLmRpc3BsYXlOYW1lID0gJ0dyaWQnO1xuLy8gQXNzaWduIEdyaWRJdGVtIGFzIGEgc3RhdGljIHByb3BlcnR5IG9mIEdyaWRcbkdyaWQuSXRlbSA9IEdyaWRJdGVtO1xuXG5leHBvcnQgZGVmYXVsdCBHcmlkO1xuIl19 */"),
|
|
33
31
|
children: props.children
|
|
34
32
|
});
|
|
35
|
-
GridItem.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
36
|
-
children: _pt.node,
|
|
37
|
-
gridArea: _pt.string,
|
|
38
|
-
gridColumn: _pt.string,
|
|
39
|
-
gridColumnStart: _pt.string,
|
|
40
|
-
gridColumnEnd: _pt.string,
|
|
41
|
-
gridRow: _pt.string,
|
|
42
|
-
gridRowStart: _pt.string,
|
|
43
|
-
gridRowEnd: _pt.string,
|
|
44
|
-
justifySelf: _pt.oneOf(['start', 'end', 'center', 'stretch']),
|
|
45
|
-
alignSelf: _pt.oneOf(['start', 'end', 'center', 'stretch']),
|
|
46
|
-
placeSelf: _pt.oneOf(['start', 'end', 'center', 'stretch'])
|
|
47
|
-
} : {};
|
|
48
33
|
GridItem.displayName = 'GridItem';
|
|
49
34
|
const GridContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
50
35
|
target: "e7g6mzh0"
|
|
@@ -79,33 +64,12 @@ const Grid = _ref => {
|
|
|
79
64
|
display: display
|
|
80
65
|
}, props));
|
|
81
66
|
};
|
|
82
|
-
Grid.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
83
|
-
children: _pt.node.isRequired,
|
|
84
|
-
display: _pt.oneOf(['grid', 'inline-grid']),
|
|
85
|
-
gridTemplateColumns: _pt.string,
|
|
86
|
-
gridTemplateRows: _pt.string,
|
|
87
|
-
gridTemplateAreas: _pt.string,
|
|
88
|
-
gridTemplate: _pt.string,
|
|
89
|
-
gridColumnGap: _pt.string,
|
|
90
|
-
gridRowGap: _pt.string,
|
|
91
|
-
gridGap: _pt.string,
|
|
92
|
-
justifyItems: _pt.oneOf(['start', 'end', 'center', 'stretch']),
|
|
93
|
-
alignItems: _pt.oneOf(['start', 'end', 'center', 'stretch']),
|
|
94
|
-
placeItems: _pt.oneOf(['start', 'end', 'center', 'stretch']),
|
|
95
|
-
justifyContent: _pt.oneOf(['start', 'end', 'center', 'stretch', 'space-around', 'space-between', 'space-evenly']),
|
|
96
|
-
alignContent: _pt.oneOf(['start', 'end', 'center', 'stretch', 'space-around', 'space-between', 'space-evenly']),
|
|
97
|
-
placeContent: _pt.oneOf(['start', 'end', 'center', 'stretch', 'space-around', 'space-between', 'space-evenly']),
|
|
98
|
-
gridAutoColumns: _pt.string,
|
|
99
|
-
gridAutoRows: _pt.string,
|
|
100
|
-
gridAutoFlow: _pt.string,
|
|
101
|
-
grid: _pt.string
|
|
102
|
-
} : {};
|
|
103
67
|
Grid.displayName = 'Grid';
|
|
104
68
|
// Assign GridItem as a static property of Grid
|
|
105
69
|
Grid.Item = GridItem;
|
|
106
70
|
var Grid$1 = Grid;
|
|
107
71
|
|
|
108
72
|
// NOTE: This string will be replaced on build time with the package version.
|
|
109
|
-
var version = "
|
|
73
|
+
var version = "20.0.0";
|
|
110
74
|
|
|
111
75
|
export { Grid$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/grid",
|
|
3
3
|
"description": "The Grid component can be used to implement layouts using CSS-Grid.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "20.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -22,13 +22,12 @@
|
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
24
|
"@emotion/react": "^11.10.5",
|
|
25
|
-
"@emotion/styled": "^11.10.5"
|
|
26
|
-
"prop-types": "15.8.1"
|
|
25
|
+
"@emotion/styled": "^11.10.5"
|
|
27
26
|
},
|
|
28
27
|
"devDependencies": {
|
|
29
|
-
"react": "
|
|
28
|
+
"react": "19.0.0"
|
|
30
29
|
},
|
|
31
30
|
"peerDependencies": {
|
|
32
|
-
"react": "
|
|
31
|
+
"react": "19.x"
|
|
33
32
|
}
|
|
34
33
|
}
|