@commercetools-uikit/grid 12.2.3 → 14.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.
- package/dist/commercetools-uikit-grid.cjs.dev.js +36 -36
- package/dist/commercetools-uikit-grid.cjs.prod.js +6 -6
- package/dist/commercetools-uikit-grid.esm.js +4 -4
- package/dist/declarations/src/grid.d.ts +45 -45
- package/dist/declarations/src/index.d.ts +2 -2
- package/dist/declarations/src/version.d.ts +2 -2
- package/package.json +5 -9
|
@@ -30,9 +30,9 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
30
30
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
31
31
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
32
32
|
|
|
33
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
33
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
34
34
|
|
|
35
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
35
|
+
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; }
|
|
36
36
|
|
|
37
37
|
var GridItem = function GridItem(props) {
|
|
38
38
|
return jsxRuntime.jsx("div", {
|
|
@@ -53,21 +53,21 @@ var GridItem = function GridItem(props) {
|
|
|
53
53
|
};
|
|
54
54
|
|
|
55
55
|
GridItem.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
56
|
-
children: _pt__default[
|
|
57
|
-
gridArea: _pt__default[
|
|
58
|
-
gridColumn: _pt__default[
|
|
59
|
-
gridColumnStart: _pt__default[
|
|
60
|
-
gridColumnEnd: _pt__default[
|
|
61
|
-
gridRow: _pt__default[
|
|
62
|
-
gridRowStart: _pt__default[
|
|
63
|
-
gridRowEnd: _pt__default[
|
|
64
|
-
justifySelf: _pt__default[
|
|
65
|
-
alignSelf: _pt__default[
|
|
66
|
-
placeSelf: _pt__default[
|
|
56
|
+
children: _pt__default["default"].node,
|
|
57
|
+
gridArea: _pt__default["default"].string,
|
|
58
|
+
gridColumn: _pt__default["default"].string,
|
|
59
|
+
gridColumnStart: _pt__default["default"].string,
|
|
60
|
+
gridColumnEnd: _pt__default["default"].string,
|
|
61
|
+
gridRow: _pt__default["default"].string,
|
|
62
|
+
gridRowStart: _pt__default["default"].string,
|
|
63
|
+
gridRowEnd: _pt__default["default"].string,
|
|
64
|
+
justifySelf: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch']),
|
|
65
|
+
alignSelf: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch']),
|
|
66
|
+
placeSelf: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch'])
|
|
67
67
|
} : {};
|
|
68
68
|
GridItem.displayName = 'GridItem';
|
|
69
69
|
|
|
70
|
-
var GridContainer = _styled__default[
|
|
70
|
+
var GridContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
71
71
|
target: "e7g6mzh0"
|
|
72
72
|
} : {
|
|
73
73
|
target: "e7g6mzh0",
|
|
@@ -104,25 +104,25 @@ var Grid = function Grid(props) {
|
|
|
104
104
|
};
|
|
105
105
|
|
|
106
106
|
Grid.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
107
|
-
children: _pt__default[
|
|
108
|
-
display: _pt__default[
|
|
109
|
-
gridTemplateColumns: _pt__default[
|
|
110
|
-
gridTemplateRows: _pt__default[
|
|
111
|
-
gridTemplateAreas: _pt__default[
|
|
112
|
-
gridTemplate: _pt__default[
|
|
113
|
-
gridColumnGap: _pt__default[
|
|
114
|
-
gridRowGap: _pt__default[
|
|
115
|
-
gridGap: _pt__default[
|
|
116
|
-
justifyItems: _pt__default[
|
|
117
|
-
alignItems: _pt__default[
|
|
118
|
-
placeItems: _pt__default[
|
|
119
|
-
justifyContent: _pt__default[
|
|
120
|
-
alignContent: _pt__default[
|
|
121
|
-
placeContent: _pt__default[
|
|
122
|
-
gridAutoColumns: _pt__default[
|
|
123
|
-
gridAutoRows: _pt__default[
|
|
124
|
-
gridAutoFlow: _pt__default[
|
|
125
|
-
grid: _pt__default[
|
|
107
|
+
children: _pt__default["default"].node.isRequired,
|
|
108
|
+
display: _pt__default["default"].oneOf(['grid', 'inline-grid']).isRequired,
|
|
109
|
+
gridTemplateColumns: _pt__default["default"].string,
|
|
110
|
+
gridTemplateRows: _pt__default["default"].string,
|
|
111
|
+
gridTemplateAreas: _pt__default["default"].string,
|
|
112
|
+
gridTemplate: _pt__default["default"].string,
|
|
113
|
+
gridColumnGap: _pt__default["default"].string,
|
|
114
|
+
gridRowGap: _pt__default["default"].string,
|
|
115
|
+
gridGap: _pt__default["default"].string,
|
|
116
|
+
justifyItems: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch']),
|
|
117
|
+
alignItems: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch']),
|
|
118
|
+
placeItems: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch']),
|
|
119
|
+
justifyContent: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch', 'space-around', 'space-between', 'space-evenly']),
|
|
120
|
+
alignContent: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch', 'space-around', 'space-between', 'space-evenly']),
|
|
121
|
+
placeContent: _pt__default["default"].oneOf(['start', 'end', 'center', 'stretch', 'space-around', 'space-between', 'space-evenly']),
|
|
122
|
+
gridAutoColumns: _pt__default["default"].string,
|
|
123
|
+
gridAutoRows: _pt__default["default"].string,
|
|
124
|
+
gridAutoFlow: _pt__default["default"].string,
|
|
125
|
+
grid: _pt__default["default"].string
|
|
126
126
|
} : {};
|
|
127
127
|
Grid.displayName = 'Grid';
|
|
128
128
|
Grid.defaultProps = defaultProps; // Assign GridItem as a static property of Grid
|
|
@@ -130,8 +130,8 @@ Grid.defaultProps = defaultProps; // Assign GridItem as a static property of Gri
|
|
|
130
130
|
Grid.Item = GridItem;
|
|
131
131
|
var Grid$1 = Grid;
|
|
132
132
|
|
|
133
|
-
// NOTE: This string will be replaced
|
|
134
|
-
var version =
|
|
133
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
134
|
+
var version = "14.0.0";
|
|
135
135
|
|
|
136
|
-
exports[
|
|
136
|
+
exports["default"] = Grid$1;
|
|
137
137
|
exports.version = version;
|
|
@@ -29,9 +29,9 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
|
|
|
29
29
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
30
30
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
31
31
|
|
|
32
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
32
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
33
33
|
|
|
34
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
34
|
+
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; }
|
|
35
35
|
|
|
36
36
|
var GridItem = function GridItem(props) {
|
|
37
37
|
return jsxRuntime.jsx("div", {
|
|
@@ -54,7 +54,7 @@ var GridItem = function GridItem(props) {
|
|
|
54
54
|
GridItem.propTypes = {};
|
|
55
55
|
GridItem.displayName = 'GridItem';
|
|
56
56
|
|
|
57
|
-
var GridContainer = _styled__default[
|
|
57
|
+
var GridContainer = _styled__default["default"]("div", {
|
|
58
58
|
target: "e7g6mzh0"
|
|
59
59
|
} )(function (props) {
|
|
60
60
|
return {
|
|
@@ -94,8 +94,8 @@ Grid.defaultProps = defaultProps; // Assign GridItem as a static property of Gri
|
|
|
94
94
|
Grid.Item = GridItem;
|
|
95
95
|
var Grid$1 = Grid;
|
|
96
96
|
|
|
97
|
-
// NOTE: This string will be replaced
|
|
98
|
-
var version =
|
|
97
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
98
|
+
var version = "14.0.0";
|
|
99
99
|
|
|
100
|
-
exports[
|
|
100
|
+
exports["default"] = Grid$1;
|
|
101
101
|
exports.version = version;
|
|
@@ -13,9 +13,9 @@ import _pt from 'prop-types';
|
|
|
13
13
|
import 'react';
|
|
14
14
|
import { jsx } from '@emotion/react/jsx-runtime';
|
|
15
15
|
|
|
16
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
16
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
17
17
|
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
18
|
+
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; }
|
|
19
19
|
|
|
20
20
|
var GridItem = function GridItem(props) {
|
|
21
21
|
return jsx("div", {
|
|
@@ -113,7 +113,7 @@ Grid.defaultProps = defaultProps; // Assign GridItem as a static property of Gri
|
|
|
113
113
|
Grid.Item = GridItem;
|
|
114
114
|
var Grid$1 = Grid;
|
|
115
115
|
|
|
116
|
-
// NOTE: This string will be replaced
|
|
117
|
-
var version =
|
|
116
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
117
|
+
var version = "14.0.0";
|
|
118
118
|
|
|
119
119
|
export { Grid$1 as default, version };
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
declare type GridItemProps = {
|
|
3
|
-
children?: ReactNode;
|
|
4
|
-
gridArea?: string;
|
|
5
|
-
gridColumn?: string;
|
|
6
|
-
gridColumnStart?: string;
|
|
7
|
-
gridColumnEnd?: string;
|
|
8
|
-
gridRow?: string;
|
|
9
|
-
gridRowStart?: string;
|
|
10
|
-
gridRowEnd?: string;
|
|
11
|
-
justifySelf?: 'start' | 'end' | 'center' | 'stretch';
|
|
12
|
-
alignSelf?: 'start' | 'end' | 'center' | 'stretch';
|
|
13
|
-
placeSelf?: 'start' | 'end' | 'center' | 'stretch';
|
|
14
|
-
};
|
|
15
|
-
declare type GridProps = {
|
|
16
|
-
children: ReactNode;
|
|
17
|
-
display: 'grid' | 'inline-grid';
|
|
18
|
-
gridTemplateColumns?: string;
|
|
19
|
-
gridTemplateRows?: string;
|
|
20
|
-
gridTemplateAreas?: string;
|
|
21
|
-
gridTemplate?: string;
|
|
22
|
-
gridColumnGap?: string;
|
|
23
|
-
gridRowGap?: string;
|
|
24
|
-
gridGap?: string;
|
|
25
|
-
justifyItems?: 'start' | 'end' | 'center' | 'stretch';
|
|
26
|
-
alignItems?: 'start' | 'end' | 'center' | 'stretch';
|
|
27
|
-
placeItems?: 'start' | 'end' | 'center' | 'stretch';
|
|
28
|
-
justifyContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
|
|
29
|
-
alignContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
|
|
30
|
-
placeContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
|
|
31
|
-
gridAutoColumns?: string;
|
|
32
|
-
gridAutoRows?: string;
|
|
33
|
-
gridAutoFlow?: string;
|
|
34
|
-
grid?: string;
|
|
35
|
-
};
|
|
36
|
-
declare const Grid: {
|
|
37
|
-
(props: GridProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
38
|
-
displayName: string;
|
|
39
|
-
defaultProps: Pick<GridProps, "display">;
|
|
40
|
-
Item: {
|
|
41
|
-
(props: GridItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
42
|
-
displayName: string;
|
|
43
|
-
};
|
|
44
|
-
};
|
|
45
|
-
export default Grid;
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
declare type GridItemProps = {
|
|
3
|
+
children?: ReactNode;
|
|
4
|
+
gridArea?: string;
|
|
5
|
+
gridColumn?: string;
|
|
6
|
+
gridColumnStart?: string;
|
|
7
|
+
gridColumnEnd?: string;
|
|
8
|
+
gridRow?: string;
|
|
9
|
+
gridRowStart?: string;
|
|
10
|
+
gridRowEnd?: string;
|
|
11
|
+
justifySelf?: 'start' | 'end' | 'center' | 'stretch';
|
|
12
|
+
alignSelf?: 'start' | 'end' | 'center' | 'stretch';
|
|
13
|
+
placeSelf?: 'start' | 'end' | 'center' | 'stretch';
|
|
14
|
+
};
|
|
15
|
+
declare type GridProps = {
|
|
16
|
+
children: ReactNode;
|
|
17
|
+
display: 'grid' | 'inline-grid';
|
|
18
|
+
gridTemplateColumns?: string;
|
|
19
|
+
gridTemplateRows?: string;
|
|
20
|
+
gridTemplateAreas?: string;
|
|
21
|
+
gridTemplate?: string;
|
|
22
|
+
gridColumnGap?: string;
|
|
23
|
+
gridRowGap?: string;
|
|
24
|
+
gridGap?: string;
|
|
25
|
+
justifyItems?: 'start' | 'end' | 'center' | 'stretch';
|
|
26
|
+
alignItems?: 'start' | 'end' | 'center' | 'stretch';
|
|
27
|
+
placeItems?: 'start' | 'end' | 'center' | 'stretch';
|
|
28
|
+
justifyContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
|
|
29
|
+
alignContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
|
|
30
|
+
placeContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
|
|
31
|
+
gridAutoColumns?: string;
|
|
32
|
+
gridAutoRows?: string;
|
|
33
|
+
gridAutoFlow?: string;
|
|
34
|
+
grid?: string;
|
|
35
|
+
};
|
|
36
|
+
declare const Grid: {
|
|
37
|
+
(props: GridProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
38
|
+
displayName: string;
|
|
39
|
+
defaultProps: Pick<GridProps, "display">;
|
|
40
|
+
Item: {
|
|
41
|
+
(props: GridItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
42
|
+
displayName: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
export default Grid;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from './grid';
|
|
2
|
-
export { default as version } from './version';
|
|
1
|
+
export { default } from './grid';
|
|
2
|
+
export { default as version } from './version';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
|
|
2
|
+
export default _default;
|
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": "14.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -9,9 +9,8 @@
|
|
|
9
9
|
"directory": "packages/components/grid"
|
|
10
10
|
},
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
|
-
"keywords": ["javascript", "design
|
|
12
|
+
"keywords": ["javascript", "typescript", "design-system", "react", "uikit"],
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"private": false,
|
|
15
14
|
"publishConfig": {
|
|
16
15
|
"access": "public"
|
|
17
16
|
},
|
|
@@ -19,15 +18,12 @@
|
|
|
19
18
|
"main": "dist/commercetools-uikit-grid.cjs.js",
|
|
20
19
|
"module": "dist/commercetools-uikit-grid.esm.js",
|
|
21
20
|
"files": ["dist"],
|
|
22
|
-
"scripts": {
|
|
23
|
-
"prepare": "../../../scripts/version.js replace"
|
|
24
|
-
},
|
|
25
21
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "7.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
22
|
+
"@babel/runtime": "^7.17.2",
|
|
23
|
+
"@babel/runtime-corejs3": "^7.17.2",
|
|
28
24
|
"@emotion/react": "^11.4.0",
|
|
29
25
|
"@emotion/styled": "^11.3.0",
|
|
30
|
-
"prop-types": "15.
|
|
26
|
+
"prop-types": "15.8.1"
|
|
31
27
|
},
|
|
32
28
|
"devDependencies": {
|
|
33
29
|
"react": "17.0.2"
|