@commercetools-uikit/grid 12.0.0 → 12.2.9

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 (9) hide show
  1. package/README.md +0 -1
  2. package/dist/commercetools-uikit-grid.cjs.dev.js +63 -39
  3. package/dist/commercetools-uikit-grid.cjs.prod.js +33 -9
  4. package/dist/commercetools-uikit-grid.esm.js +24 -9
  5. package/dist/declarations/src/grid.d.ts +45 -45
  6. package/dist/declarations/src/index.d.ts +2 -2
  7. package/dist/declarations/src/version.d.ts +2 -2
  8. package/package.json +6 -10
  9. package/CHANGELOG.md +0 -100
package/README.md CHANGED
@@ -34,7 +34,6 @@ npm --save install react
34
34
  ## Usage
35
35
 
36
36
  ```jsx
37
- import React from 'react';
38
37
  import Grid from '@commercetools-uikit/grid';
39
38
 
40
39
  /**
package/dist/commercetools-uikit-grid.cjs.dev.js CHANGED
@@ -2,18 +2,40 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
6
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
7
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
8
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
9
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
10
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
11
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
12
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
5
14
  var react = require('@emotion/react');
6
15
  var _styled = require('@emotion/styled/base');
7
16
  var _pt = require('prop-types');
8
17
  require('react');
18
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
9
19
 
10
20
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
11
21
 
22
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
23
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
24
+ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
25
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
26
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
27
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
28
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
29
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
12
30
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
13
31
  var _pt__default = /*#__PURE__*/_interopDefault(_pt);
14
32
 
33
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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
+
35
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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
+
15
37
  var GridItem = function GridItem(props) {
16
- return react.jsx("div", {
38
+ return jsxRuntime.jsx("div", {
17
39
  css: /*#__PURE__*/react.css({
18
40
  gridArea: props.gridArea,
19
41
  gridColumn: props.gridColumn,
@@ -25,26 +47,27 @@ var GridItem = function GridItem(props) {
25
47
  justifySelf: props.justifySelf,
26
48
  alignSelf: props.alignSelf,
27
49
  placeSelf: props.placeSelf
28
- }, process.env.NODE_ENV === "production" ? "" : ";label:GridItem;")
29
- }, props.children);
50
+ }, process.env.NODE_ENV === "production" ? "" : ";label:GridItem;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStESSIsImZpbGUiOiJncmlkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxudHlwZSBHcmlkSXRlbVByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgLy8gTGlzdCBiYXNlZCBvbiBodHRwczovL2Nzcy10cmlja3MuY29tL3NuaXBwZXRzL2Nzcy9jb21wbGV0ZS1ndWlkZS1ncmlkXG4gIGdyaWRBcmVhPzogc3RyaW5nO1xuICBncmlkQ29sdW1uPzogc3RyaW5nO1xuICBncmlkQ29sdW1uU3RhcnQ/OiBzdHJpbmc7XG4gIGdyaWRDb2x1bW5FbmQ/OiBzdHJpbmc7XG4gIGdyaWRSb3c/OiBzdHJpbmc7XG4gIGdyaWRSb3dTdGFydD86IHN0cmluZztcbiAgZ3JpZFJvd0VuZD86IHN0cmluZztcbiAganVzdGlmeVNlbGY/OiAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJyB8ICdzdHJldGNoJztcbiAgYWxpZ25TZWxmPzogJ3N0YXJ0JyB8ICdlbmQnIHwgJ2NlbnRlcicgfCAnc3RyZXRjaCc7XG4gIHBsYWNlU2VsZj86ICdzdGFydCcgfCAnZW5kJyB8ICdjZW50ZXInIHwgJ3N0cmV0Y2gnO1xufTtcbnR5cGUgR3JpZFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICAvLyBMaXN0IGJhc2VkIG9uIGh0dHBzOi8vY3NzLXRyaWNrcy5jb20vc25pcHBldHMvY3NzL2NvbXBsZXRlLWd1aWRlLWdyaWRcbiAgZGlzcGxheTogJ2dyaWQnIHwgJ2lubGluZS1ncmlkJztcbiAgZ3JpZFRlbXBsYXRlQ29sdW1ucz86IHN0cmluZztcbiAgZ3JpZFRlbXBsYXRlUm93cz86IHN0cmluZztcbiAgZ3JpZFRlbXBsYXRlQXJlYXM/OiBzdHJpbmc7XG4gIGdyaWRUZW1wbGF0ZT86IHN0cmluZztcbiAgZ3JpZENvbHVtbkdhcD86IHN0cmluZztcbiAgZ3JpZFJvd0dhcD86IHN0cmluZztcbiAgZ3JpZEdhcD86IHN0cmluZztcbiAganVzdGlmeUl0ZW1zPzogJ3N0YXJ0JyB8ICdlbmQnIHwgJ2NlbnRlcicgfCAnc3RyZXRjaCc7XG4gIGFsaWduSXRlbXM/OiAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJyB8ICdzdHJldGNoJztcbiAgcGxhY2VJdGVtcz86ICdzdGFydCcgfCAnZW5kJyB8ICdjZW50ZXInIHwgJ3N0cmV0Y2gnO1xuICBqdXN0aWZ5Q29udGVudD86XG4gICAgfCAnc3RhcnQnXG4gICAgfCAnZW5kJ1xuICAgIHwgJ2NlbnRlcidcbiAgICB8ICdzdHJldGNoJ1xuICAgIHwgJ3NwYWNlLWFyb3VuZCdcbiAgICB8ICdzcGFjZS1iZXR3ZWVuJ1xuICAgIHwgJ3NwYWNlLWV2ZW5seSc7XG4gIGFsaWduQ29udGVudD86XG4gICAgfCAnc3RhcnQnXG4gICAgfCAnZW5kJ1xuICAgIHwgJ2NlbnRlcidcbiAgICB8ICdzdHJldGNoJ1xuICAgIHwgJ3NwYWNlLWFyb3VuZCdcbiAgICB8ICdzcGFjZS1iZXR3ZWVuJ1xuICAgIHwgJ3NwYWNlLWV2ZW5seSc7XG4gIHBsYWNlQ29udGVudD86XG4gICAgfCAnc3RhcnQnXG4gICAgfCAnZW5kJ1xuICAgIHwgJ2NlbnRlcidcbiAgICB8ICdzdHJldGNoJ1xuICAgIHwgJ3NwYWNlLWFyb3VuZCdcbiAgICB8ICdzcGFjZS1iZXR3ZWVuJ1xuICAgIHwgJ3NwYWNlLWV2ZW5seSc7XG4gIGdyaWRBdXRvQ29sdW1ucz86IHN0cmluZztcbiAgZ3JpZEF1dG9Sb3dzPzogc3RyaW5nO1xuICBncmlkQXV0b0Zsb3c/OiBzdHJpbmc7XG4gIGdyaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBHcmlkSXRlbSA9IChwcm9wczogR3JpZEl0ZW1Qcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXt7XG4gICAgICBncmlkQXJlYTogcHJvcHMuZ3JpZEFyZWEsXG4gICAgICBncmlkQ29sdW1uOiBwcm9wcy5ncmlkQ29sdW1uLFxuICAgICAgZ3JpZENvbHVtblN0YXJ0OiBwcm9wcy5ncmlkQ29sdW1uU3RhcnQsXG4gICAgICBncmlkQ29sdW1uRW5kOiBwcm9wcy5ncmlkQ29sdW1uRW5kLFxuICAgICAgZ3JpZFJvdzogcHJvcHMuZ3JpZFJvdyxcbiAgICAgIGdyaWRSb3dTdGFydDogcHJvcHMuZ3JpZFJvd1N0YXJ0LFxuICAgICAgZ3JpZFJvd0VuZDogcHJvcHMuZ3JpZFJvd0VuZCxcbiAgICAgIGp1c3RpZnlTZWxmOiBwcm9wcy5qdXN0aWZ5U2VsZixcbiAgICAgIGFsaWduU2VsZjogcHJvcHMuYWxpZ25TZWxmLFxuICAgICAgcGxhY2VTZWxmOiBwcm9wcy5wbGFjZVNlbGYsXG4gICAgfX1cbiAgPlxuICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuR3JpZEl0ZW0uZGlzcGxheU5hbWUgPSAnR3JpZEl0ZW0nO1xuXG5jb25zdCBHcmlkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxHcmlkUHJvcHM+KChwcm9wcykgPT4gKHtcbiAgZGlzcGxheTogcHJvcHMuZGlzcGxheSxcbiAgZ3JpZDogcHJvcHMuZ3JpZCxcbiAgZ3JpZFRlbXBsYXRlOiBwcm9wcy5ncmlkVGVtcGxhdGUsXG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IHByb3BzLmdyaWRUZW1wbGF0ZUNvbHVtbnMsXG4gIGdyaWRUZW1wbGF0ZVJvd3M6IHByb3BzLmdyaWRUZW1wbGF0ZVJvd3MsXG4gIGdyaWRUZW1wbGF0ZUFyZWFzOiBwcm9wcy5ncmlkVGVtcGxhdGVBcmVhcyxcbiAgZ3JpZEdhcDogcHJvcHMuZ3JpZEdhcCxcbiAgZ3JpZENvbHVtbkdhcDogcHJvcHMuZ3JpZENvbHVtbkdhcCxcbiAgZ3JpZFJvd0dhcDogcHJvcHMuZ3JpZFJvd0dhcCxcbiAganVzdGlmeUl0ZW1zOiBwcm9wcy5qdXN0aWZ5SXRlbXMsXG4gIGFsaWduSXRlbXM6IHByb3BzLmFsaWduSXRlbXMsXG4gIHBsYWNlSXRlbXM6IHByb3BzLnBsYWNlSXRlbXMsXG4gIGp1c3RpZnlDb250ZW50OiBwcm9wcy5qdXN0aWZ5Q29udGVudCxcbiAgYWxpZ25Db250ZW50OiBwcm9wcy5hbGlnbkNvbnRlbnQsXG4gIHBsYWNlQ29udGVudDogcHJvcHMucGxhY2VDb250ZW50LFxuICBncmlkQXV0b0NvbHVtbnM6IHByb3BzLmdyaWRBdXRvQ29sdW1ucyxcbiAgZ3JpZEF1dG9Sb3dzOiBwcm9wcy5ncmlkQXV0b1Jvd3MsXG4gIGdyaWRBdXRvRmxvdzogcHJvcHMuZ3JpZEF1dG9GbG93LFxufSkpO1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPEdyaWRQcm9wcywgJ2Rpc3BsYXknPiA9IHtcbiAgZGlzcGxheTogJ2dyaWQnLFxufTtcbmNvbnN0IEdyaWQgPSAocHJvcHM6IEdyaWRQcm9wcykgPT4gPEdyaWRDb250YWluZXIgey4uLnByb3BzfSAvPjtcbkdyaWQuZGlzcGxheU5hbWUgPSAnR3JpZCc7XG5HcmlkLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbi8vIEFzc2lnbiBHcmlkSXRlbSBhcyBhIHN0YXRpYyBwcm9wZXJ0eSBvZiBHcmlkXG5HcmlkLkl0ZW0gPSBHcmlkSXRlbTtcblxuZXhwb3J0IGRlZmF1bHQgR3JpZDtcbiJdfQ== */"),
51
+ children: props.children
52
+ });
30
53
  };
31
54
 
32
55
  GridItem.propTypes = process.env.NODE_ENV !== "production" ? {
33
- children: _pt__default['default'].node,
34
- gridArea: _pt__default['default'].string,
35
- gridColumn: _pt__default['default'].string,
36
- gridColumnStart: _pt__default['default'].string,
37
- gridColumnEnd: _pt__default['default'].string,
38
- gridRow: _pt__default['default'].string,
39
- gridRowStart: _pt__default['default'].string,
40
- gridRowEnd: _pt__default['default'].string,
41
- justifySelf: _pt__default['default'].oneOf(['start', 'end', 'center', 'stretch']),
42
- alignSelf: _pt__default['default'].oneOf(['start', 'end', 'center', 'stretch']),
43
- placeSelf: _pt__default['default'].oneOf(['start', 'end', 'center', 'stretch'])
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'])
44
67
  } : {};
45
68
  GridItem.displayName = 'GridItem';
46
69
 
47
- var GridContainer = _styled__default['default']("div", process.env.NODE_ENV === "production" ? {
70
+ var GridContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
48
71
  target: "e7g6mzh0"
49
72
  } : {
50
73
  target: "e7g6mzh0",
@@ -70,44 +93,45 @@ var GridContainer = _styled__default['default']("div", process.env.NODE_ENV ===
70
93
  gridAutoRows: props.gridAutoRows,
71
94
  gridAutoFlow: props.gridAutoFlow
72
95
  };
73
- });
96
+ }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlGc0IiLCJmaWxlIjoiZ3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbnR5cGUgR3JpZEl0ZW1Qcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIC8vIExpc3QgYmFzZWQgb24gaHR0cHM6Ly9jc3MtdHJpY2tzLmNvbS9zbmlwcGV0cy9jc3MvY29tcGxldGUtZ3VpZGUtZ3JpZFxuICBncmlkQXJlYT86IHN0cmluZztcbiAgZ3JpZENvbHVtbj86IHN0cmluZztcbiAgZ3JpZENvbHVtblN0YXJ0Pzogc3RyaW5nO1xuICBncmlkQ29sdW1uRW5kPzogc3RyaW5nO1xuICBncmlkUm93Pzogc3RyaW5nO1xuICBncmlkUm93U3RhcnQ/OiBzdHJpbmc7XG4gIGdyaWRSb3dFbmQ/OiBzdHJpbmc7XG4gIGp1c3RpZnlTZWxmPzogJ3N0YXJ0JyB8ICdlbmQnIHwgJ2NlbnRlcicgfCAnc3RyZXRjaCc7XG4gIGFsaWduU2VsZj86ICdzdGFydCcgfCAnZW5kJyB8ICdjZW50ZXInIHwgJ3N0cmV0Y2gnO1xuICBwbGFjZVNlbGY/OiAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJyB8ICdzdHJldGNoJztcbn07XG50eXBlIEdyaWRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgLy8gTGlzdCBiYXNlZCBvbiBodHRwczovL2Nzcy10cmlja3MuY29tL3NuaXBwZXRzL2Nzcy9jb21wbGV0ZS1ndWlkZS1ncmlkXG4gIGRpc3BsYXk6ICdncmlkJyB8ICdpbmxpbmUtZ3JpZCc7XG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM/OiBzdHJpbmc7XG4gIGdyaWRUZW1wbGF0ZVJvd3M/OiBzdHJpbmc7XG4gIGdyaWRUZW1wbGF0ZUFyZWFzPzogc3RyaW5nO1xuICBncmlkVGVtcGxhdGU/OiBzdHJpbmc7XG4gIGdyaWRDb2x1bW5HYXA/OiBzdHJpbmc7XG4gIGdyaWRSb3dHYXA/OiBzdHJpbmc7XG4gIGdyaWRHYXA/OiBzdHJpbmc7XG4gIGp1c3RpZnlJdGVtcz86ICdzdGFydCcgfCAnZW5kJyB8ICdjZW50ZXInIHwgJ3N0cmV0Y2gnO1xuICBhbGlnbkl0ZW1zPzogJ3N0YXJ0JyB8ICdlbmQnIHwgJ2NlbnRlcicgfCAnc3RyZXRjaCc7XG4gIHBsYWNlSXRlbXM/OiAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJyB8ICdzdHJldGNoJztcbiAganVzdGlmeUNvbnRlbnQ/OlxuICAgIHwgJ3N0YXJ0J1xuICAgIHwgJ2VuZCdcbiAgICB8ICdjZW50ZXInXG4gICAgfCAnc3RyZXRjaCdcbiAgICB8ICdzcGFjZS1hcm91bmQnXG4gICAgfCAnc3BhY2UtYmV0d2VlbidcbiAgICB8ICdzcGFjZS1ldmVubHknO1xuICBhbGlnbkNvbnRlbnQ/OlxuICAgIHwgJ3N0YXJ0J1xuICAgIHwgJ2VuZCdcbiAgICB8ICdjZW50ZXInXG4gICAgfCAnc3RyZXRjaCdcbiAgICB8ICdzcGFjZS1hcm91bmQnXG4gICAgfCAnc3BhY2UtYmV0d2VlbidcbiAgICB8ICdzcGFjZS1ldmVubHknO1xuICBwbGFjZUNvbnRlbnQ/OlxuICAgIHwgJ3N0YXJ0J1xuICAgIHwgJ2VuZCdcbiAgICB8ICdjZW50ZXInXG4gICAgfCAnc3RyZXRjaCdcbiAgICB8ICdzcGFjZS1hcm91bmQnXG4gICAgfCAnc3BhY2UtYmV0d2VlbidcbiAgICB8ICdzcGFjZS1ldmVubHknO1xuICBncmlkQXV0b0NvbHVtbnM/OiBzdHJpbmc7XG4gIGdyaWRBdXRvUm93cz86IHN0cmluZztcbiAgZ3JpZEF1dG9GbG93Pzogc3RyaW5nO1xuICBncmlkPzogc3RyaW5nO1xufTtcblxuY29uc3QgR3JpZEl0ZW0gPSAocHJvcHM6IEdyaWRJdGVtUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17e1xuICAgICAgZ3JpZEFyZWE6IHByb3BzLmdyaWRBcmVhLFxuICAgICAgZ3JpZENvbHVtbjogcHJvcHMuZ3JpZENvbHVtbixcbiAgICAgIGdyaWRDb2x1bW5TdGFydDogcHJvcHMuZ3JpZENvbHVtblN0YXJ0LFxuICAgICAgZ3JpZENvbHVtbkVuZDogcHJvcHMuZ3JpZENvbHVtbkVuZCxcbiAgICAgIGdyaWRSb3c6IHByb3BzLmdyaWRSb3csXG4gICAgICBncmlkUm93U3RhcnQ6IHByb3BzLmdyaWRSb3dTdGFydCxcbiAgICAgIGdyaWRSb3dFbmQ6IHByb3BzLmdyaWRSb3dFbmQsXG4gICAgICBqdXN0aWZ5U2VsZjogcHJvcHMuanVzdGlmeVNlbGYsXG4gICAgICBhbGlnblNlbGY6IHByb3BzLmFsaWduU2VsZixcbiAgICAgIHBsYWNlU2VsZjogcHJvcHMucGxhY2VTZWxmLFxuICAgIH19XG4gID5cbiAgICB7cHJvcHMuY2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcbkdyaWRJdGVtLmRpc3BsYXlOYW1lID0gJ0dyaWRJdGVtJztcblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8R3JpZFByb3BzPigocHJvcHMpID0+ICh7XG4gIGRpc3BsYXk6IHByb3BzLmRpc3BsYXksXG4gIGdyaWQ6IHByb3BzLmdyaWQsXG4gIGdyaWRUZW1wbGF0ZTogcHJvcHMuZ3JpZFRlbXBsYXRlLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zOiBwcm9wcy5ncmlkVGVtcGxhdGVDb2x1bW5zLFxuICBncmlkVGVtcGxhdGVSb3dzOiBwcm9wcy5ncmlkVGVtcGxhdGVSb3dzLFxuICBncmlkVGVtcGxhdGVBcmVhczogcHJvcHMuZ3JpZFRlbXBsYXRlQXJlYXMsXG4gIGdyaWRHYXA6IHByb3BzLmdyaWRHYXAsXG4gIGdyaWRDb2x1bW5HYXA6IHByb3BzLmdyaWRDb2x1bW5HYXAsXG4gIGdyaWRSb3dHYXA6IHByb3BzLmdyaWRSb3dHYXAsXG4gIGp1c3RpZnlJdGVtczogcHJvcHMuanVzdGlmeUl0ZW1zLFxuICBhbGlnbkl0ZW1zOiBwcm9wcy5hbGlnbkl0ZW1zLFxuICBwbGFjZUl0ZW1zOiBwcm9wcy5wbGFjZUl0ZW1zLFxuICBqdXN0aWZ5Q29udGVudDogcHJvcHMuanVzdGlmeUNvbnRlbnQsXG4gIGFsaWduQ29udGVudDogcHJvcHMuYWxpZ25Db250ZW50LFxuICBwbGFjZUNvbnRlbnQ6IHByb3BzLnBsYWNlQ29udGVudCxcbiAgZ3JpZEF1dG9Db2x1bW5zOiBwcm9wcy5ncmlkQXV0b0NvbHVtbnMsXG4gIGdyaWRBdXRvUm93czogcHJvcHMuZ3JpZEF1dG9Sb3dzLFxuICBncmlkQXV0b0Zsb3c6IHByb3BzLmdyaWRBdXRvRmxvdyxcbn0pKTtcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxHcmlkUHJvcHMsICdkaXNwbGF5Jz4gPSB7XG4gIGRpc3BsYXk6ICdncmlkJyxcbn07XG5jb25zdCBHcmlkID0gKHByb3BzOiBHcmlkUHJvcHMpID0+IDxHcmlkQ29udGFpbmVyIHsuLi5wcm9wc30gLz47XG5HcmlkLmRpc3BsYXlOYW1lID0gJ0dyaWQnO1xuR3JpZC5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4vLyBBc3NpZ24gR3JpZEl0ZW0gYXMgYSBzdGF0aWMgcHJvcGVydHkgb2YgR3JpZFxuR3JpZC5JdGVtID0gR3JpZEl0ZW07XG5cbmV4cG9ydCBkZWZhdWx0IEdyaWQ7XG4iXX0= */");
74
97
 
75
98
  var defaultProps = {
76
99
  display: 'grid'
77
100
  };
78
101
 
79
102
  var Grid = function Grid(props) {
80
- return react.jsx(GridContainer, props);
103
+ return jsxRuntime.jsx(GridContainer, _objectSpread({}, props));
81
104
  };
82
105
 
83
106
  Grid.propTypes = process.env.NODE_ENV !== "production" ? {
84
- children: _pt__default['default'].node.isRequired,
85
- display: _pt__default['default'].oneOf(['grid', 'inline-grid']).isRequired,
86
- gridTemplateColumns: _pt__default['default'].string,
87
- gridTemplateRows: _pt__default['default'].string,
88
- gridTemplateAreas: _pt__default['default'].string,
89
- gridTemplate: _pt__default['default'].string,
90
- gridColumnGap: _pt__default['default'].string,
91
- gridRowGap: _pt__default['default'].string,
92
- gridGap: _pt__default['default'].string,
93
- justifyItems: _pt__default['default'].oneOf(['start', 'end', 'center', 'stretch']),
94
- alignItems: _pt__default['default'].oneOf(['start', 'end', 'center', 'stretch']),
95
- placeItems: _pt__default['default'].oneOf(['start', 'end', 'center', 'stretch']),
96
- justifyContent: _pt__default['default'].oneOf(['start', 'end', 'center', 'stretch', 'space-around', 'space-between', 'space-evenly']),
97
- alignContent: _pt__default['default'].oneOf(['start', 'end', 'center', 'stretch', 'space-around', 'space-between', 'space-evenly']),
98
- placeContent: _pt__default['default'].oneOf(['start', 'end', 'center', 'stretch', 'space-around', 'space-between', 'space-evenly']),
99
- gridAutoColumns: _pt__default['default'].string,
100
- gridAutoRows: _pt__default['default'].string,
101
- gridAutoFlow: _pt__default['default'].string,
102
- grid: _pt__default['default'].string
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
103
126
  } : {};
104
127
  Grid.displayName = 'Grid';
105
128
  Grid.defaultProps = defaultProps; // Assign GridItem as a static property of Grid
106
129
 
107
130
  Grid.Item = GridItem;
131
+ var Grid$1 = Grid;
108
132
 
109
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
110
- var version = '12.0.0';
133
+ // NOTE: This string will be replaced on build time with the package version.
134
+ var version = "12.2.9";
111
135
 
112
- exports.default = Grid;
136
+ exports["default"] = Grid$1;
113
137
  exports.version = version;
package/dist/commercetools-uikit-grid.cjs.prod.js CHANGED
@@ -2,17 +2,39 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
6
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
7
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
8
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
9
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
10
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
11
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
12
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
5
14
  var react = require('@emotion/react');
6
15
  var _styled = require('@emotion/styled/base');
7
16
  require('prop-types');
8
17
  require('react');
18
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
9
19
 
10
20
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
11
21
 
22
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
23
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
24
+ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
25
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
26
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
27
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
28
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
29
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
12
30
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
13
31
 
32
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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
+
34
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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
+
14
36
  var GridItem = function GridItem(props) {
15
- return react.jsx("div", {
37
+ return jsxRuntime.jsx("div", {
16
38
  css: /*#__PURE__*/react.css({
17
39
  gridArea: props.gridArea,
18
40
  gridColumn: props.gridColumn,
@@ -24,14 +46,15 @@ var GridItem = function GridItem(props) {
24
46
  justifySelf: props.justifySelf,
25
47
  alignSelf: props.alignSelf,
26
48
  placeSelf: props.placeSelf
27
- }, "" )
28
- }, props.children);
49
+ }, "" , "" ),
50
+ children: props.children
51
+ });
29
52
  };
30
53
 
31
54
  GridItem.propTypes = {};
32
55
  GridItem.displayName = 'GridItem';
33
56
 
34
- var GridContainer = _styled__default['default']("div", {
57
+ var GridContainer = _styled__default["default"]("div", {
35
58
  target: "e7g6mzh0"
36
59
  } )(function (props) {
37
60
  return {
@@ -54,14 +77,14 @@ var GridContainer = _styled__default['default']("div", {
54
77
  gridAutoRows: props.gridAutoRows,
55
78
  gridAutoFlow: props.gridAutoFlow
56
79
  };
57
- });
80
+ }, "" );
58
81
 
59
82
  var defaultProps = {
60
83
  display: 'grid'
61
84
  };
62
85
 
63
86
  var Grid = function Grid(props) {
64
- return react.jsx(GridContainer, props);
87
+ return jsxRuntime.jsx(GridContainer, _objectSpread({}, props));
65
88
  };
66
89
 
67
90
  Grid.propTypes = {};
@@ -69,9 +92,10 @@ Grid.displayName = 'Grid';
69
92
  Grid.defaultProps = defaultProps; // Assign GridItem as a static property of Grid
70
93
 
71
94
  Grid.Item = GridItem;
95
+ var Grid$1 = Grid;
72
96
 
73
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
74
- var version = '12.0.0';
97
+ // NOTE: This string will be replaced on build time with the package version.
98
+ var version = "12.2.9";
75
99
 
76
- exports.default = Grid;
100
+ exports["default"] = Grid$1;
77
101
  exports.version = version;
package/dist/commercetools-uikit-grid.esm.js CHANGED
@@ -1,7 +1,21 @@
1
- import { jsx, css } from '@emotion/react';
1
+ import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
2
+ import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
3
+ import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
4
+ import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
5
+ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
6
+ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
7
+ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
8
+ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
9
+ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
+ import { css } from '@emotion/react';
2
11
  import _styled from '@emotion/styled/base';
3
12
  import _pt from 'prop-types';
4
13
  import 'react';
14
+ import { jsx } from '@emotion/react/jsx-runtime';
15
+
16
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
17
+
18
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
5
19
 
6
20
  var GridItem = function GridItem(props) {
7
21
  return jsx("div", {
@@ -16,8 +30,9 @@ var GridItem = function GridItem(props) {
16
30
  justifySelf: props.justifySelf,
17
31
  alignSelf: props.alignSelf,
18
32
  placeSelf: props.placeSelf
19
- }, process.env.NODE_ENV === "production" ? "" : ";label:GridItem;")
20
- }, props.children);
33
+ }, process.env.NODE_ENV === "production" ? "" : ";label:GridItem;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStESSIsImZpbGUiOiJncmlkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxudHlwZSBHcmlkSXRlbVByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgLy8gTGlzdCBiYXNlZCBvbiBodHRwczovL2Nzcy10cmlja3MuY29tL3NuaXBwZXRzL2Nzcy9jb21wbGV0ZS1ndWlkZS1ncmlkXG4gIGdyaWRBcmVhPzogc3RyaW5nO1xuICBncmlkQ29sdW1uPzogc3RyaW5nO1xuICBncmlkQ29sdW1uU3RhcnQ/OiBzdHJpbmc7XG4gIGdyaWRDb2x1bW5FbmQ/OiBzdHJpbmc7XG4gIGdyaWRSb3c/OiBzdHJpbmc7XG4gIGdyaWRSb3dTdGFydD86IHN0cmluZztcbiAgZ3JpZFJvd0VuZD86IHN0cmluZztcbiAganVzdGlmeVNlbGY/OiAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJyB8ICdzdHJldGNoJztcbiAgYWxpZ25TZWxmPzogJ3N0YXJ0JyB8ICdlbmQnIHwgJ2NlbnRlcicgfCAnc3RyZXRjaCc7XG4gIHBsYWNlU2VsZj86ICdzdGFydCcgfCAnZW5kJyB8ICdjZW50ZXInIHwgJ3N0cmV0Y2gnO1xufTtcbnR5cGUgR3JpZFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICAvLyBMaXN0IGJhc2VkIG9uIGh0dHBzOi8vY3NzLXRyaWNrcy5jb20vc25pcHBldHMvY3NzL2NvbXBsZXRlLWd1aWRlLWdyaWRcbiAgZGlzcGxheTogJ2dyaWQnIHwgJ2lubGluZS1ncmlkJztcbiAgZ3JpZFRlbXBsYXRlQ29sdW1ucz86IHN0cmluZztcbiAgZ3JpZFRlbXBsYXRlUm93cz86IHN0cmluZztcbiAgZ3JpZFRlbXBsYXRlQXJlYXM/OiBzdHJpbmc7XG4gIGdyaWRUZW1wbGF0ZT86IHN0cmluZztcbiAgZ3JpZENvbHVtbkdhcD86IHN0cmluZztcbiAgZ3JpZFJvd0dhcD86IHN0cmluZztcbiAgZ3JpZEdhcD86IHN0cmluZztcbiAganVzdGlmeUl0ZW1zPzogJ3N0YXJ0JyB8ICdlbmQnIHwgJ2NlbnRlcicgfCAnc3RyZXRjaCc7XG4gIGFsaWduSXRlbXM/OiAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJyB8ICdzdHJldGNoJztcbiAgcGxhY2VJdGVtcz86ICdzdGFydCcgfCAnZW5kJyB8ICdjZW50ZXInIHwgJ3N0cmV0Y2gnO1xuICBqdXN0aWZ5Q29udGVudD86XG4gICAgfCAnc3RhcnQnXG4gICAgfCAnZW5kJ1xuICAgIHwgJ2NlbnRlcidcbiAgICB8ICdzdHJldGNoJ1xuICAgIHwgJ3NwYWNlLWFyb3VuZCdcbiAgICB8ICdzcGFjZS1iZXR3ZWVuJ1xuICAgIHwgJ3NwYWNlLWV2ZW5seSc7XG4gIGFsaWduQ29udGVudD86XG4gICAgfCAnc3RhcnQnXG4gICAgfCAnZW5kJ1xuICAgIHwgJ2NlbnRlcidcbiAgICB8ICdzdHJldGNoJ1xuICAgIHwgJ3NwYWNlLWFyb3VuZCdcbiAgICB8ICdzcGFjZS1iZXR3ZWVuJ1xuICAgIHwgJ3NwYWNlLWV2ZW5seSc7XG4gIHBsYWNlQ29udGVudD86XG4gICAgfCAnc3RhcnQnXG4gICAgfCAnZW5kJ1xuICAgIHwgJ2NlbnRlcidcbiAgICB8ICdzdHJldGNoJ1xuICAgIHwgJ3NwYWNlLWFyb3VuZCdcbiAgICB8ICdzcGFjZS1iZXR3ZWVuJ1xuICAgIHwgJ3NwYWNlLWV2ZW5seSc7XG4gIGdyaWRBdXRvQ29sdW1ucz86IHN0cmluZztcbiAgZ3JpZEF1dG9Sb3dzPzogc3RyaW5nO1xuICBncmlkQXV0b0Zsb3c/OiBzdHJpbmc7XG4gIGdyaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBHcmlkSXRlbSA9IChwcm9wczogR3JpZEl0ZW1Qcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXt7XG4gICAgICBncmlkQXJlYTogcHJvcHMuZ3JpZEFyZWEsXG4gICAgICBncmlkQ29sdW1uOiBwcm9wcy5ncmlkQ29sdW1uLFxuICAgICAgZ3JpZENvbHVtblN0YXJ0OiBwcm9wcy5ncmlkQ29sdW1uU3RhcnQsXG4gICAgICBncmlkQ29sdW1uRW5kOiBwcm9wcy5ncmlkQ29sdW1uRW5kLFxuICAgICAgZ3JpZFJvdzogcHJvcHMuZ3JpZFJvdyxcbiAgICAgIGdyaWRSb3dTdGFydDogcHJvcHMuZ3JpZFJvd1N0YXJ0LFxuICAgICAgZ3JpZFJvd0VuZDogcHJvcHMuZ3JpZFJvd0VuZCxcbiAgICAgIGp1c3RpZnlTZWxmOiBwcm9wcy5qdXN0aWZ5U2VsZixcbiAgICAgIGFsaWduU2VsZjogcHJvcHMuYWxpZ25TZWxmLFxuICAgICAgcGxhY2VTZWxmOiBwcm9wcy5wbGFjZVNlbGYsXG4gICAgfX1cbiAgPlxuICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuR3JpZEl0ZW0uZGlzcGxheU5hbWUgPSAnR3JpZEl0ZW0nO1xuXG5jb25zdCBHcmlkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxHcmlkUHJvcHM+KChwcm9wcykgPT4gKHtcbiAgZGlzcGxheTogcHJvcHMuZGlzcGxheSxcbiAgZ3JpZDogcHJvcHMuZ3JpZCxcbiAgZ3JpZFRlbXBsYXRlOiBwcm9wcy5ncmlkVGVtcGxhdGUsXG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IHByb3BzLmdyaWRUZW1wbGF0ZUNvbHVtbnMsXG4gIGdyaWRUZW1wbGF0ZVJvd3M6IHByb3BzLmdyaWRUZW1wbGF0ZVJvd3MsXG4gIGdyaWRUZW1wbGF0ZUFyZWFzOiBwcm9wcy5ncmlkVGVtcGxhdGVBcmVhcyxcbiAgZ3JpZEdhcDogcHJvcHMuZ3JpZEdhcCxcbiAgZ3JpZENvbHVtbkdhcDogcHJvcHMuZ3JpZENvbHVtbkdhcCxcbiAgZ3JpZFJvd0dhcDogcHJvcHMuZ3JpZFJvd0dhcCxcbiAganVzdGlmeUl0ZW1zOiBwcm9wcy5qdXN0aWZ5SXRlbXMsXG4gIGFsaWduSXRlbXM6IHByb3BzLmFsaWduSXRlbXMsXG4gIHBsYWNlSXRlbXM6IHByb3BzLnBsYWNlSXRlbXMsXG4gIGp1c3RpZnlDb250ZW50OiBwcm9wcy5qdXN0aWZ5Q29udGVudCxcbiAgYWxpZ25Db250ZW50OiBwcm9wcy5hbGlnbkNvbnRlbnQsXG4gIHBsYWNlQ29udGVudDogcHJvcHMucGxhY2VDb250ZW50LFxuICBncmlkQXV0b0NvbHVtbnM6IHByb3BzLmdyaWRBdXRvQ29sdW1ucyxcbiAgZ3JpZEF1dG9Sb3dzOiBwcm9wcy5ncmlkQXV0b1Jvd3MsXG4gIGdyaWRBdXRvRmxvdzogcHJvcHMuZ3JpZEF1dG9GbG93LFxufSkpO1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPEdyaWRQcm9wcywgJ2Rpc3BsYXknPiA9IHtcbiAgZGlzcGxheTogJ2dyaWQnLFxufTtcbmNvbnN0IEdyaWQgPSAocHJvcHM6IEdyaWRQcm9wcykgPT4gPEdyaWRDb250YWluZXIgey4uLnByb3BzfSAvPjtcbkdyaWQuZGlzcGxheU5hbWUgPSAnR3JpZCc7XG5HcmlkLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbi8vIEFzc2lnbiBHcmlkSXRlbSBhcyBhIHN0YXRpYyBwcm9wZXJ0eSBvZiBHcmlkXG5HcmlkLkl0ZW0gPSBHcmlkSXRlbTtcblxuZXhwb3J0IGRlZmF1bHQgR3JpZDtcbiJdfQ== */"),
34
+ children: props.children
35
+ });
21
36
  };
22
37
 
23
38
  GridItem.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -61,14 +76,14 @@ var GridContainer = _styled("div", process.env.NODE_ENV === "production" ? {
61
76
  gridAutoRows: props.gridAutoRows,
62
77
  gridAutoFlow: props.gridAutoFlow
63
78
  };
64
- });
79
+ }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlGc0IiLCJmaWxlIjoiZ3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbnR5cGUgR3JpZEl0ZW1Qcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIC8vIExpc3QgYmFzZWQgb24gaHR0cHM6Ly9jc3MtdHJpY2tzLmNvbS9zbmlwcGV0cy9jc3MvY29tcGxldGUtZ3VpZGUtZ3JpZFxuICBncmlkQXJlYT86IHN0cmluZztcbiAgZ3JpZENvbHVtbj86IHN0cmluZztcbiAgZ3JpZENvbHVtblN0YXJ0Pzogc3RyaW5nO1xuICBncmlkQ29sdW1uRW5kPzogc3RyaW5nO1xuICBncmlkUm93Pzogc3RyaW5nO1xuICBncmlkUm93U3RhcnQ/OiBzdHJpbmc7XG4gIGdyaWRSb3dFbmQ/OiBzdHJpbmc7XG4gIGp1c3RpZnlTZWxmPzogJ3N0YXJ0JyB8ICdlbmQnIHwgJ2NlbnRlcicgfCAnc3RyZXRjaCc7XG4gIGFsaWduU2VsZj86ICdzdGFydCcgfCAnZW5kJyB8ICdjZW50ZXInIHwgJ3N0cmV0Y2gnO1xuICBwbGFjZVNlbGY/OiAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJyB8ICdzdHJldGNoJztcbn07XG50eXBlIEdyaWRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgLy8gTGlzdCBiYXNlZCBvbiBodHRwczovL2Nzcy10cmlja3MuY29tL3NuaXBwZXRzL2Nzcy9jb21wbGV0ZS1ndWlkZS1ncmlkXG4gIGRpc3BsYXk6ICdncmlkJyB8ICdpbmxpbmUtZ3JpZCc7XG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM/OiBzdHJpbmc7XG4gIGdyaWRUZW1wbGF0ZVJvd3M/OiBzdHJpbmc7XG4gIGdyaWRUZW1wbGF0ZUFyZWFzPzogc3RyaW5nO1xuICBncmlkVGVtcGxhdGU/OiBzdHJpbmc7XG4gIGdyaWRDb2x1bW5HYXA/OiBzdHJpbmc7XG4gIGdyaWRSb3dHYXA/OiBzdHJpbmc7XG4gIGdyaWRHYXA/OiBzdHJpbmc7XG4gIGp1c3RpZnlJdGVtcz86ICdzdGFydCcgfCAnZW5kJyB8ICdjZW50ZXInIHwgJ3N0cmV0Y2gnO1xuICBhbGlnbkl0ZW1zPzogJ3N0YXJ0JyB8ICdlbmQnIHwgJ2NlbnRlcicgfCAnc3RyZXRjaCc7XG4gIHBsYWNlSXRlbXM/OiAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJyB8ICdzdHJldGNoJztcbiAganVzdGlmeUNvbnRlbnQ/OlxuICAgIHwgJ3N0YXJ0J1xuICAgIHwgJ2VuZCdcbiAgICB8ICdjZW50ZXInXG4gICAgfCAnc3RyZXRjaCdcbiAgICB8ICdzcGFjZS1hcm91bmQnXG4gICAgfCAnc3BhY2UtYmV0d2VlbidcbiAgICB8ICdzcGFjZS1ldmVubHknO1xuICBhbGlnbkNvbnRlbnQ/OlxuICAgIHwgJ3N0YXJ0J1xuICAgIHwgJ2VuZCdcbiAgICB8ICdjZW50ZXInXG4gICAgfCAnc3RyZXRjaCdcbiAgICB8ICdzcGFjZS1hcm91bmQnXG4gICAgfCAnc3BhY2UtYmV0d2VlbidcbiAgICB8ICdzcGFjZS1ldmVubHknO1xuICBwbGFjZUNvbnRlbnQ/OlxuICAgIHwgJ3N0YXJ0J1xuICAgIHwgJ2VuZCdcbiAgICB8ICdjZW50ZXInXG4gICAgfCAnc3RyZXRjaCdcbiAgICB8ICdzcGFjZS1hcm91bmQnXG4gICAgfCAnc3BhY2UtYmV0d2VlbidcbiAgICB8ICdzcGFjZS1ldmVubHknO1xuICBncmlkQXV0b0NvbHVtbnM/OiBzdHJpbmc7XG4gIGdyaWRBdXRvUm93cz86IHN0cmluZztcbiAgZ3JpZEF1dG9GbG93Pzogc3RyaW5nO1xuICBncmlkPzogc3RyaW5nO1xufTtcblxuY29uc3QgR3JpZEl0ZW0gPSAocHJvcHM6IEdyaWRJdGVtUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17e1xuICAgICAgZ3JpZEFyZWE6IHByb3BzLmdyaWRBcmVhLFxuICAgICAgZ3JpZENvbHVtbjogcHJvcHMuZ3JpZENvbHVtbixcbiAgICAgIGdyaWRDb2x1bW5TdGFydDogcHJvcHMuZ3JpZENvbHVtblN0YXJ0LFxuICAgICAgZ3JpZENvbHVtbkVuZDogcHJvcHMuZ3JpZENvbHVtbkVuZCxcbiAgICAgIGdyaWRSb3c6IHByb3BzLmdyaWRSb3csXG4gICAgICBncmlkUm93U3RhcnQ6IHByb3BzLmdyaWRSb3dTdGFydCxcbiAgICAgIGdyaWRSb3dFbmQ6IHByb3BzLmdyaWRSb3dFbmQsXG4gICAgICBqdXN0aWZ5U2VsZjogcHJvcHMuanVzdGlmeVNlbGYsXG4gICAgICBhbGlnblNlbGY6IHByb3BzLmFsaWduU2VsZixcbiAgICAgIHBsYWNlU2VsZjogcHJvcHMucGxhY2VTZWxmLFxuICAgIH19XG4gID5cbiAgICB7cHJvcHMuY2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcbkdyaWRJdGVtLmRpc3BsYXlOYW1lID0gJ0dyaWRJdGVtJztcblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8R3JpZFByb3BzPigocHJvcHMpID0+ICh7XG4gIGRpc3BsYXk6IHByb3BzLmRpc3BsYXksXG4gIGdyaWQ6IHByb3BzLmdyaWQsXG4gIGdyaWRUZW1wbGF0ZTogcHJvcHMuZ3JpZFRlbXBsYXRlLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zOiBwcm9wcy5ncmlkVGVtcGxhdGVDb2x1bW5zLFxuICBncmlkVGVtcGxhdGVSb3dzOiBwcm9wcy5ncmlkVGVtcGxhdGVSb3dzLFxuICBncmlkVGVtcGxhdGVBcmVhczogcHJvcHMuZ3JpZFRlbXBsYXRlQXJlYXMsXG4gIGdyaWRHYXA6IHByb3BzLmdyaWRHYXAsXG4gIGdyaWRDb2x1bW5HYXA6IHByb3BzLmdyaWRDb2x1bW5HYXAsXG4gIGdyaWRSb3dHYXA6IHByb3BzLmdyaWRSb3dHYXAsXG4gIGp1c3RpZnlJdGVtczogcHJvcHMuanVzdGlmeUl0ZW1zLFxuICBhbGlnbkl0ZW1zOiBwcm9wcy5hbGlnbkl0ZW1zLFxuICBwbGFjZUl0ZW1zOiBwcm9wcy5wbGFjZUl0ZW1zLFxuICBqdXN0aWZ5Q29udGVudDogcHJvcHMuanVzdGlmeUNvbnRlbnQsXG4gIGFsaWduQ29udGVudDogcHJvcHMuYWxpZ25Db250ZW50LFxuICBwbGFjZUNvbnRlbnQ6IHByb3BzLnBsYWNlQ29udGVudCxcbiAgZ3JpZEF1dG9Db2x1bW5zOiBwcm9wcy5ncmlkQXV0b0NvbHVtbnMsXG4gIGdyaWRBdXRvUm93czogcHJvcHMuZ3JpZEF1dG9Sb3dzLFxuICBncmlkQXV0b0Zsb3c6IHByb3BzLmdyaWRBdXRvRmxvdyxcbn0pKTtcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxHcmlkUHJvcHMsICdkaXNwbGF5Jz4gPSB7XG4gIGRpc3BsYXk6ICdncmlkJyxcbn07XG5jb25zdCBHcmlkID0gKHByb3BzOiBHcmlkUHJvcHMpID0+IDxHcmlkQ29udGFpbmVyIHsuLi5wcm9wc30gLz47XG5HcmlkLmRpc3BsYXlOYW1lID0gJ0dyaWQnO1xuR3JpZC5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4vLyBBc3NpZ24gR3JpZEl0ZW0gYXMgYSBzdGF0aWMgcHJvcGVydHkgb2YgR3JpZFxuR3JpZC5JdGVtID0gR3JpZEl0ZW07XG5cbmV4cG9ydCBkZWZhdWx0IEdyaWQ7XG4iXX0= */");
65
80
 
66
81
  var defaultProps = {
67
82
  display: 'grid'
68
83
  };
69
84
 
70
85
  var Grid = function Grid(props) {
71
- return jsx(GridContainer, props);
86
+ return jsx(GridContainer, _objectSpread({}, props));
72
87
  };
73
88
 
74
89
  Grid.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -96,9 +111,9 @@ Grid.displayName = 'Grid';
96
111
  Grid.defaultProps = defaultProps; // Assign GridItem as a static property of Grid
97
112
 
98
113
  Grid.Item = GridItem;
114
+ var Grid$1 = Grid;
99
115
 
100
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
101
- var version = '12.0.0';
116
+ // NOTE: This string will be replaced on build time with the package version.
117
+ var version = "12.2.9";
102
118
 
103
- export default Grid;
104
- export { version };
119
+ export { Grid$1 as default, version };
package/dist/declarations/src/grid.d.ts CHANGED
@@ -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): JSX.Element;
38
- displayName: string;
39
- defaultProps: Pick<GridProps, "display">;
40
- Item: {
41
- (props: GridItemProps): 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;
package/dist/declarations/src/index.d.ts CHANGED
@@ -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';
package/dist/declarations/src/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "12.0.0";
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": "12.0.0",
4
+ "version": "12.2.9",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -11,7 +11,6 @@
11
11
  "homepage": "https://uikit.commercetools.com",
12
12
  "keywords": ["javascript", "design system", "react", "uikit"],
13
13
  "license": "MIT",
14
- "private": false,
15
14
  "publishConfig": {
16
15
  "access": "public"
17
16
  },
@@ -19,18 +18,15 @@
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.13.10",
27
- "@babel/runtime-corejs3": "7.13.10",
28
- "@emotion/react": "^11.1.1",
29
- "@emotion/styled": "^11.0.0",
22
+ "@babel/runtime": "7.16.5",
23
+ "@babel/runtime-corejs3": "7.16.5",
24
+ "@emotion/react": "^11.4.0",
25
+ "@emotion/styled": "^11.3.0",
30
26
  "prop-types": "15.7.2"
31
27
  },
32
28
  "devDependencies": {
33
- "react": "17.0.1"
29
+ "react": "17.0.2"
34
30
  },
35
31
  "peerDependencies": {
36
32
  "react": "17.x"
package/CHANGELOG.md DELETED
@@ -1,100 +0,0 @@
1
- # @commercetools-uikit/grid
2
-
3
- ## 12.0.0
4
-
5
- ### Major Changes
6
-
7
- - [#1852](https://github.com/commercetools/ui-kit/pull/1852) [`236994dd`](https://github.com/commercetools/ui-kit/commit/236994ddbd033b0fa296d05ac40ce907524ff35d) Thanks [@adnasa](https://github.com/adnasa)! - Bump `@commercetools-uikit/*` and `@commercetools-frontend/ui-kit` to v12.
8
-
9
- Read more about it in our [Release Notes](https://docs.commercetools.com/custom-applications/releases).
10
-
11
- * [#1855](https://github.com/commercetools/ui-kit/pull/1855) [`af70fa9c`](https://github.com/commercetools/ui-kit/commit/af70fa9cd60c790f1db73c45c02852aeb5cba989) Thanks [@emmenko](https://github.com/emmenko)! - \* The peer dependencies `react` and `react-dom` now only require version `>=17`.
12
- - The peer dependency `react-intl` now only requires version `>=5`.
13
-
14
- ## 11.2.1
15
-
16
- ### Patch Changes
17
-
18
- - [#1836](https://github.com/commercetools/ui-kit/pull/1836) [`f4b53b59`](https://github.com/commercetools/ui-kit/commit/f4b53b59971711b0b585a39246ad2c52c85288b9) Thanks [@adnasa](https://github.com/adnasa)! - chore: update dependencies
19
-
20
- ## 10.44.4
21
-
22
- ### Patch Changes
23
-
24
- - [`d3c9002f`](https://github.com/commercetools/ui-kit/commit/d3c9002fcabeed3c4d2b73835e352490d3532208) [#1637](https://github.com/commercetools/ui-kit/pull/1637) Thanks [@renovate](https://github.com/apps/renovate)! - Support `react` and `react-dom` peer dependencies for version `>= 17`
25
-
26
- ## 10.44.1
27
-
28
- ### Patch Changes
29
-
30
- - [`5f8a7da`](https://github.com/commercetools/ui-kit/commit/5f8a7da2518b401c4f8fe06046dc33b4e8f4414d) [#1742](https://github.com/commercetools/ui-kit/pull/1742) Thanks [@emmenko](https://github.com/emmenko)! - Fix types. Avoid using `React.FC` as it does not properly work with `defaultProps`.
31
-
32
- ## 10.44.0
33
-
34
- ### Minor Changes
35
-
36
- - [`22164a3`](https://github.com/commercetools/ui-kit/commit/22164a34ec0607b778df534378f5cf3f8403f80f) [#1740](https://github.com/commercetools/ui-kit/pull/1740) Thanks [@emmenko](https://github.com/emmenko)! - Migrate the component source code to TypeScript.
37
-
38
- ## 10.42.2
39
-
40
- ### Patch Changes
41
-
42
- - [`c7d495b`](https://github.com/commercetools/ui-kit/commit/c7d495b9160392ffd7aa7af24d15518da7948c97) [#1693](https://github.com/commercetools/ui-kit/pull/1693) Thanks [@renovate](https://github.com/apps/renovate)! - Upgrade preconstruct CLI to v2 for bundling.
43
-
44
- * [`85fe702`](https://github.com/commercetools/ui-kit/commit/85fe702d28c23de58a376cbcf38d39b838357fbc) [#1697](https://github.com/commercetools/ui-kit/pull/1697) Thanks [@emmenko](https://github.com/emmenko)! - Remove dependency `@emotion/styled-base` as it's not necessary anymore in emotion v11.
45
-
46
- ## 10.42.0
47
-
48
- ### Minor Changes
49
-
50
- - [`04ea8ab`](https://github.com/commercetools/ui-kit/commit/04ea8abdfbada5fedd9a932743323762fb790fd0) [#1671](https://github.com/commercetools/ui-kit/pull/1671) Thanks [@emmenko](https://github.com/emmenko)! - Compile and bundle packages using [preconstruct](https://preconstruct.tools)
51
-
52
- ## 10.41.0
53
-
54
- ### Minor Changes
55
-
56
- - [`26c6562`](https://github.com/commercetools/ui-kit/commit/26c65622f7f1911f51fc0056ade2d0c8ec8af0a1) [#1670](https://github.com/commercetools/ui-kit/pull/1670) Thanks [@emmenko](https://github.com/emmenko)! - Migrate to emotion v11. https://emotion.sh/docs/emotion-11
57
-
58
- ## 10.39.8
59
-
60
- ### Patch Changes
61
-
62
- - [`3bebfed`](https://github.com/commercetools/ui-kit/commit/3bebfed8f7468f247be2cef30e274088138166e5) [#1662](https://github.com/commercetools/ui-kit/pull/1662) Thanks [@emmenko](https://github.com/emmenko)! - Explicitly get Emotion theme from context instead of relying on the implicit behavior
63
-
64
- ## 10.39.6
65
-
66
- ### Patch Changes
67
-
68
- - [`bcb2d29`](https://github.com/commercetools/ui-kit/commit/bcb2d29956c959b09c32a1cedaee5ae2fadf034e) [#1657](https://github.com/commercetools/ui-kit/pull/1657) Thanks [@emmenko](https://github.com/emmenko)! - Fix Rollup: keep `process.env.NODE_ENV` in production bundles.
69
-
70
- ## 10.39.4
71
-
72
- ### Patch Changes
73
-
74
- - [`a635fcc`](https://github.com/commercetools/ui-kit/commit/a635fcc8105b81545baaa684751432769cc0d94a) [#1652](https://github.com/commercetools/ui-kit/pull/1652) Thanks [@emmenko](https://github.com/emmenko)! - Fix spacings package name (regression).
75
-
76
- ## 10.39.3
77
-
78
- ### Patch Changes
79
-
80
- - [`1d12f65`](https://github.com/commercetools/ui-kit/commit/1d12f65d06e237b500b27749e9ee93b4fababacb) [#1650](https://github.com/commercetools/ui-kit/pull/1650) Thanks [@emmenko](https://github.com/emmenko)! - Rebundle all packages due to a fix in Rollup.
81
-
82
- ## 10.39.2
83
-
84
- ### Patch Changes
85
-
86
- - [`efde835`](https://github.com/commercetools/ui-kit/commit/efde83584d00f1e3147d179f3ee8233a325b515b) [#1646](https://github.com/commercetools/ui-kit/pull/1646) Thanks [@emmenko](https://github.com/emmenko)! - Improve Rollup configuration, use babel runtime helpers
87
-
88
- * [`d65d494`](https://github.com/commercetools/ui-kit/commit/d65d4946feeac082ad8f0a5d44010e3afacb4c79) [#1649](https://github.com/commercetools/ui-kit/pull/1649) Thanks [@emmenko](https://github.com/emmenko)! - Explicitly declare `@emotion/styled-base` dependency so that Yarn workspaces can properly hoist it and node can resolve the module.
89
-
90
- ## 10.39.1
91
-
92
- ### Patch Changes
93
-
94
- - [`7897ced`](https://github.com/commercetools/ui-kit/commit/7897cede31440e29ce8afdb2b17fa23462f6f211) [#1642](https://github.com/commercetools/ui-kit/pull/1642) Thanks [@emmenko](https://github.com/emmenko)! - Ensure each package.json of each package has all the necessary fields.
95
-
96
- ## 10.30.1
97
-
98
- ### Patch Changes
99
-
100
- - [`db6b77c`](https://github.com/commercetools/ui-kit/commit/db6b77c3baf110136440dfc7c6d42cace74eb85e) [#1492](https://github.com/commercetools/ui-kit/pull/1492) Thanks [@emmenko](https://github.com/emmenko)! - Use ranged versions for emotion dependencies