@dfds-ui/grid 2.2.1 → 3.0.0-alpha.2acb68f8

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 (11) hide show
  1. package/cjs/grid/Grid.d.ts +3 -3
  2. package/cjs/grid/Grid.js +15 -11
  3. package/cjs/grid/GridItem.d.ts +3 -3
  4. package/cjs/grid/GridItem.js +7 -6
  5. package/cjs/grid/index.js +2 -2
  6. package/cjs/index.js +1 -1
  7. package/grid/Grid.d.ts +3 -3
  8. package/grid/Grid.js +13 -9
  9. package/grid/GridItem.d.ts +3 -3
  10. package/grid/GridItem.js +6 -5
  11. package/package.json +11 -11
package/cjs/grid/Grid.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { ReactNode } from 'react';
2
- export declare type GridProps = {
1
+ import React, { ReactNode } from 'react';
2
+ export type GridProps = {
3
3
  children: ReactNode;
4
4
  gap?: 's' | 'l';
5
5
  surface?: 'inverted' | 'dark' | 'transparent';
@@ -7,5 +7,5 @@ export declare type GridProps = {
7
7
  bottom?: 's' | 'l';
8
8
  className?: string;
9
9
  };
10
- export declare const Grid: ({ gap, surface, top, bottom, children, className }: GridProps) => JSX.Element;
10
+ export declare const Grid: ({ gap, surface, top, bottom, children, className }: GridProps) => React.JSX.Element;
11
11
  export default Grid;
package/cjs/grid/Grid.js CHANGED
@@ -8,7 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  var _theme = require("@dfds-ui/theme");
9
9
  var _react2 = require("@emotion/react");
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
13
  const Grid = ({
13
14
  gap,
14
15
  surface,
@@ -28,12 +29,13 @@ const Grid = ({
28
29
  if (size && size === 'l') return _theme.theme.spacing.l;
29
30
  return 0;
30
31
  };
31
- return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("div", {
32
- className: (0, _classnames.default)('grid-container', className),
33
- css: /*#__PURE__*/(0, _react2.css)("background-color:", getSurface(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Grid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ncmlkL0dyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2dyaWQvR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnXG5cbmV4cG9ydCB0eXBlIEdyaWRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBnYXA/OiAncycgfCAnbCdcbiAgc3VyZmFjZT86ICdpbnZlcnRlZCcgfCAnZGFyaycgfCAndHJhbnNwYXJlbnQnXG4gIHRvcD86ICdzJyB8ICdsJ1xuICBib3R0b20/OiAncycgfCAnbCdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBHcmlkID0gKHsgZ2FwLCBzdXJmYWNlLCB0b3AsIGJvdHRvbSwgY2hpbGRyZW4sIGNsYXNzTmFtZSB9OiBHcmlkUHJvcHMpID0+IHtcbiAgY29uc3QgZ2V0U3VyZmFjZSA9ICgpID0+IHtcbiAgICBpZiAoc3VyZmFjZSA9PT0gJ2RhcmsnKSByZXR1cm4gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5XG4gICAgaWYgKHN1cmZhY2UgPT09ICdpbnZlcnRlZCcpIHJldHVybiB0aGVtZS5jb2xvcnMuc3VyZmFjZS50ZXJ0aWFyeVxuICAgIGlmIChzdXJmYWNlID09PSAndHJhbnNwYXJlbnQnKSByZXR1cm4gJ3JnYmEoMCwwLDAsMCknXG4gICAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgfVxuXG4gIGNvbnN0IGdldFNpemUgPSAoc2l6ZT86IHN0cmluZykgPT4ge1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdzJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcuc1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdsJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcubFxuICAgIHJldHVybiAwXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y3goJ2dyaWQtY29udGFpbmVyJywgY2xhc3NOYW1lKX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRTdXJmYWNlKCl9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3NOYW1lPVwiZ3JpZC1pbm5lci1jb250YWluZXJcIlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvOyAvKiBjZW50ZXIgaW4gdGhlIHZpZXdwb3J0ICovXG4gICAgICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxMiwgMWZyKTtcbiAgICAgICAgICAgIG1heC13aWR0aDogMTIwMHB4O1xuICAgICAgICAgICAgZ3JpZC1yb3ctZ2FwOiAwO1xuICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke2dhcCA9PT0gJ3MnID8gdGhlbWUuc3BhY2luZy5zIDogdGhlbWUuc3BhY2luZy5sfTtcbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiAke2dldFNpemUodG9wKX07XG4gICAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogJHtnZXRTaXplKGJvdHRvbSl9O1xuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ3hsJylgXG4gICAgICAgICAgICAgIG1heC13aWR0aDogdW5zZXQ7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA0MHB4O1xuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDQwcHg7XG4gICAgICAgICAgICBgfVxuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgR3JpZFxuIl19 */")
34
- }, (0, _react2.jsx)("div", {
35
- className: "grid-inner-container",
36
- css: /*#__PURE__*/(0, _react2.css)("display:grid;margin:0 auto;grid-template-columns:repeat(12, 1fr);max-width:1200px;grid-row-gap:0;grid-column-gap:", gap === 's' ? _theme.theme.spacing.s : _theme.theme.spacing.l, ";padding-top:", getSize(top), ";padding-bottom:", getSize(bottom), ";", _theme.media.lessThanEqual('xl')`
32
+ return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
33
+ children: (0, _jsxRuntime.jsx)("div", {
34
+ className: (0, _classnames.default)('grid-container', className),
35
+ css: /*#__PURE__*/(0, _react2.css)("background-color:", getSurface(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Grid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ncmlkL0dyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2dyaWQvR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnXG5cbmV4cG9ydCB0eXBlIEdyaWRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBnYXA/OiAncycgfCAnbCdcbiAgc3VyZmFjZT86ICdpbnZlcnRlZCcgfCAnZGFyaycgfCAndHJhbnNwYXJlbnQnXG4gIHRvcD86ICdzJyB8ICdsJ1xuICBib3R0b20/OiAncycgfCAnbCdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBHcmlkID0gKHsgZ2FwLCBzdXJmYWNlLCB0b3AsIGJvdHRvbSwgY2hpbGRyZW4sIGNsYXNzTmFtZSB9OiBHcmlkUHJvcHMpID0+IHtcbiAgY29uc3QgZ2V0U3VyZmFjZSA9ICgpID0+IHtcbiAgICBpZiAoc3VyZmFjZSA9PT0gJ2RhcmsnKSByZXR1cm4gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5XG4gICAgaWYgKHN1cmZhY2UgPT09ICdpbnZlcnRlZCcpIHJldHVybiB0aGVtZS5jb2xvcnMuc3VyZmFjZS50ZXJ0aWFyeVxuICAgIGlmIChzdXJmYWNlID09PSAndHJhbnNwYXJlbnQnKSByZXR1cm4gJ3JnYmEoMCwwLDAsMCknXG4gICAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgfVxuXG4gIGNvbnN0IGdldFNpemUgPSAoc2l6ZT86IHN0cmluZykgPT4ge1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdzJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcuc1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdsJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcubFxuICAgIHJldHVybiAwXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y3goJ2dyaWQtY29udGFpbmVyJywgY2xhc3NOYW1lKX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRTdXJmYWNlKCl9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3NOYW1lPVwiZ3JpZC1pbm5lci1jb250YWluZXJcIlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvOyAvKiBjZW50ZXIgaW4gdGhlIHZpZXdwb3J0ICovXG4gICAgICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxMiwgMWZyKTtcbiAgICAgICAgICAgIG1heC13aWR0aDogMTIwMHB4O1xuICAgICAgICAgICAgZ3JpZC1yb3ctZ2FwOiAwO1xuICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke2dhcCA9PT0gJ3MnID8gdGhlbWUuc3BhY2luZy5zIDogdGhlbWUuc3BhY2luZy5sfTtcbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiAke2dldFNpemUodG9wKX07XG4gICAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogJHtnZXRTaXplKGJvdHRvbSl9O1xuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ3hsJylgXG4gICAgICAgICAgICAgIG1heC13aWR0aDogdW5zZXQ7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA0MHB4O1xuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDQwcHg7XG4gICAgICAgICAgICBgfVxuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgR3JpZFxuIl19 */"),
36
+ children: (0, _jsxRuntime.jsx)("div", {
37
+ className: "grid-inner-container",
38
+ css: /*#__PURE__*/(0, _react2.css)("display:grid;margin:0 auto;grid-template-columns:repeat(12, 1fr);max-width:1200px;grid-row-gap:0;grid-column-gap:", gap === 's' ? _theme.theme.spacing.s : _theme.theme.spacing.l, ";padding-top:", getSize(top), ";padding-bottom:", getSize(bottom), ";", _theme.media.lessThanEqual('xl')`
37
39
  max-width: unset;
38
40
  margin-left: 40px;
39
41
  margin-right: 40px;
@@ -41,9 +43,11 @@ const Grid = ({
41
43
  margin-left: 0;
42
44
  margin-right: 0;
43
45
  grid-column-gap: ${_theme.theme.spacing.s};
44
- `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Grid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ncmlkL0dyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2dyaWQvR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnXG5cbmV4cG9ydCB0eXBlIEdyaWRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBnYXA/OiAncycgfCAnbCdcbiAgc3VyZmFjZT86ICdpbnZlcnRlZCcgfCAnZGFyaycgfCAndHJhbnNwYXJlbnQnXG4gIHRvcD86ICdzJyB8ICdsJ1xuICBib3R0b20/OiAncycgfCAnbCdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBHcmlkID0gKHsgZ2FwLCBzdXJmYWNlLCB0b3AsIGJvdHRvbSwgY2hpbGRyZW4sIGNsYXNzTmFtZSB9OiBHcmlkUHJvcHMpID0+IHtcbiAgY29uc3QgZ2V0U3VyZmFjZSA9ICgpID0+IHtcbiAgICBpZiAoc3VyZmFjZSA9PT0gJ2RhcmsnKSByZXR1cm4gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5XG4gICAgaWYgKHN1cmZhY2UgPT09ICdpbnZlcnRlZCcpIHJldHVybiB0aGVtZS5jb2xvcnMuc3VyZmFjZS50ZXJ0aWFyeVxuICAgIGlmIChzdXJmYWNlID09PSAndHJhbnNwYXJlbnQnKSByZXR1cm4gJ3JnYmEoMCwwLDAsMCknXG4gICAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgfVxuXG4gIGNvbnN0IGdldFNpemUgPSAoc2l6ZT86IHN0cmluZykgPT4ge1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdzJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcuc1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdsJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcubFxuICAgIHJldHVybiAwXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y3goJ2dyaWQtY29udGFpbmVyJywgY2xhc3NOYW1lKX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRTdXJmYWNlKCl9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3NOYW1lPVwiZ3JpZC1pbm5lci1jb250YWluZXJcIlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvOyAvKiBjZW50ZXIgaW4gdGhlIHZpZXdwb3J0ICovXG4gICAgICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxMiwgMWZyKTtcbiAgICAgICAgICAgIG1heC13aWR0aDogMTIwMHB4O1xuICAgICAgICAgICAgZ3JpZC1yb3ctZ2FwOiAwO1xuICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke2dhcCA9PT0gJ3MnID8gdGhlbWUuc3BhY2luZy5zIDogdGhlbWUuc3BhY2luZy5sfTtcbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiAke2dldFNpemUodG9wKX07XG4gICAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogJHtnZXRTaXplKGJvdHRvbSl9O1xuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ3hsJylgXG4gICAgICAgICAgICAgIG1heC13aWR0aDogdW5zZXQ7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA0MHB4O1xuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDQwcHg7XG4gICAgICAgICAgICBgfVxuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgR3JpZFxuIl19 */")
45
- }, children)));
46
+ `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Grid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ncmlkL0dyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2dyaWQvR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnXG5cbmV4cG9ydCB0eXBlIEdyaWRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBnYXA/OiAncycgfCAnbCdcbiAgc3VyZmFjZT86ICdpbnZlcnRlZCcgfCAnZGFyaycgfCAndHJhbnNwYXJlbnQnXG4gIHRvcD86ICdzJyB8ICdsJ1xuICBib3R0b20/OiAncycgfCAnbCdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBHcmlkID0gKHsgZ2FwLCBzdXJmYWNlLCB0b3AsIGJvdHRvbSwgY2hpbGRyZW4sIGNsYXNzTmFtZSB9OiBHcmlkUHJvcHMpID0+IHtcbiAgY29uc3QgZ2V0U3VyZmFjZSA9ICgpID0+IHtcbiAgICBpZiAoc3VyZmFjZSA9PT0gJ2RhcmsnKSByZXR1cm4gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5XG4gICAgaWYgKHN1cmZhY2UgPT09ICdpbnZlcnRlZCcpIHJldHVybiB0aGVtZS5jb2xvcnMuc3VyZmFjZS50ZXJ0aWFyeVxuICAgIGlmIChzdXJmYWNlID09PSAndHJhbnNwYXJlbnQnKSByZXR1cm4gJ3JnYmEoMCwwLDAsMCknXG4gICAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgfVxuXG4gIGNvbnN0IGdldFNpemUgPSAoc2l6ZT86IHN0cmluZykgPT4ge1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdzJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcuc1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdsJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcubFxuICAgIHJldHVybiAwXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y3goJ2dyaWQtY29udGFpbmVyJywgY2xhc3NOYW1lKX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRTdXJmYWNlKCl9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3NOYW1lPVwiZ3JpZC1pbm5lci1jb250YWluZXJcIlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvOyAvKiBjZW50ZXIgaW4gdGhlIHZpZXdwb3J0ICovXG4gICAgICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxMiwgMWZyKTtcbiAgICAgICAgICAgIG1heC13aWR0aDogMTIwMHB4O1xuICAgICAgICAgICAgZ3JpZC1yb3ctZ2FwOiAwO1xuICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke2dhcCA9PT0gJ3MnID8gdGhlbWUuc3BhY2luZy5zIDogdGhlbWUuc3BhY2luZy5sfTtcbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiAke2dldFNpemUodG9wKX07XG4gICAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogJHtnZXRTaXplKGJvdHRvbSl9O1xuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ3hsJylgXG4gICAgICAgICAgICAgIG1heC13aWR0aDogdW5zZXQ7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA0MHB4O1xuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDQwcHg7XG4gICAgICAgICAgICBgfVxuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgR3JpZFxuIl19 */"),
47
+ children: children
48
+ })
49
+ })
50
+ });
46
51
  };
47
52
  exports.Grid = Grid;
48
- var _default = Grid;
49
- exports.default = _default;
53
+ var _default = exports.default = Grid;
package/cjs/grid/GridItem.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { ReactNode } from 'react';
2
- export declare type GridItemProps = {
1
+ import React, { ReactNode } from 'react';
2
+ export type GridItemProps = {
3
3
  children: ReactNode;
4
4
  small?: 6 | 12;
5
5
  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
@@ -10,5 +10,5 @@ export declare type GridItemProps = {
10
10
  */
11
11
  className?: string;
12
12
  };
13
- export declare const GridItem: (props: GridItemProps) => JSX.Element;
13
+ export declare const GridItem: (props: GridItemProps) => React.JSX.Element;
14
14
  export default GridItem;
package/cjs/grid/GridItem.js CHANGED
@@ -8,13 +8,14 @@ var _react = _interopRequireDefault(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  var _theme = require("@dfds-ui/theme");
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
13
  const GridItem = props => {
13
14
  const smallWidth = props.small || 12;
14
15
  const mediumWidth = props.medium || smallWidth;
15
16
  const largeWidth = props.large || mediumWidth;
16
17
  const xLargeWidth = props.xlarge || largeWidth;
17
- return (0, _react2.jsx)("div", {
18
+ return (0, _jsxRuntime.jsx)("div", {
18
19
  css: /*#__PURE__*/(0, _react2.css)("grid-column:span ", smallWidth, ";", _theme.media.greaterThan('m')`
19
20
  grid-column: span ${mediumWidth};
20
21
  `, " ", _theme.media.greaterThan('l')`
@@ -22,9 +23,9 @@ const GridItem = props => {
22
23
  `, " ", _theme.media.greaterThan('xl')`
23
24
  grid-column: span ${xLargeWidth};
24
25
  `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:GridItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ncmlkL0dyaWRJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2dyaWQvR3JpZEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnXG5cbmV4cG9ydCB0eXBlIEdyaWRJdGVtUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgc21hbGw/OiA2IHwgMTJcbiAgbWVkaXVtPzogMSB8IDIgfCAzIHwgNCB8IDUgfCA2IHwgNyB8IDggfCA5IHwgMTAgfCAxMSB8IDEyXG4gIGxhcmdlPzogMSB8IDIgfCAzIHwgNCB8IDUgfCA2IHwgNyB8IDggfCA5IHwgMTAgfCAxMSB8IDEyXG4gIHhsYXJnZT86IDEgfCAyIHwgMyB8IDQgfCA1IHwgNiB8IDcgfCA4IHwgOSB8IDEwIHwgMTEgfCAxMlxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEdyaWRJdGVtID0gKHByb3BzOiBHcmlkSXRlbVByb3BzKSA9PiB7XG4gIGNvbnN0IHNtYWxsV2lkdGggPSBwcm9wcy5zbWFsbCB8fCAxMlxuICBjb25zdCBtZWRpdW1XaWR0aCA9IHByb3BzLm1lZGl1bSB8fCBzbWFsbFdpZHRoXG4gIGNvbnN0IGxhcmdlV2lkdGggPSBwcm9wcy5sYXJnZSB8fCBtZWRpdW1XaWR0aFxuICBjb25zdCB4TGFyZ2VXaWR0aCA9IHByb3BzLnhsYXJnZSB8fCBsYXJnZVdpZHRoXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZ3JpZC1jb2x1bW46IHNwYW4gJHtzbWFsbFdpZHRofTtcbiAgICAgICAgJHttZWRpYS5ncmVhdGVyVGhhbignbScpYFxuICAgICAgICAgIGdyaWQtY29sdW1uOiBzcGFuICR7bWVkaXVtV2lkdGh9O1xuICAgICAgICBgfVxuICAgICAgICAke21lZGlhLmdyZWF0ZXJUaGFuKCdsJylgXG4gICAgICAgICAgZ3JpZC1jb2x1bW46IHNwYW4gJHtsYXJnZVdpZHRofTtcbiAgICAgICAgYH1cbiAgICAgICAgJHttZWRpYS5ncmVhdGVyVGhhbigneGwnKWBcbiAgICAgICAgICBncmlkLWNvbHVtbjogc3BhbiAke3hMYXJnZVdpZHRofTtcbiAgICAgICAgYH1cbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2N4KCdncmlkLWl0ZW0nLCBwcm9wcy5jbGFzc05hbWUpfVxuICAgID5cbiAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBHcmlkSXRlbVxuIl19 */"),
25
- className: (0, _classnames.default)('grid-item', props.className)
26
- }, props.children);
26
+ className: (0, _classnames.default)('grid-item', props.className),
27
+ children: props.children
28
+ });
27
29
  };
28
30
  exports.GridItem = GridItem;
29
- var _default = GridItem;
30
- exports.default = _default;
31
+ var _default = exports.default = GridItem;
package/cjs/grid/index.js CHANGED
@@ -9,7 +9,7 @@ Object.keys(_Grid).forEach(function (key) {
9
9
  if (key in exports && exports[key] === _Grid[key]) return;
10
10
  Object.defineProperty(exports, key, {
11
11
  enumerable: true,
12
- get: function get() {
12
+ get: function () {
13
13
  return _Grid[key];
14
14
  }
15
15
  });
@@ -20,7 +20,7 @@ Object.keys(_GridItem).forEach(function (key) {
20
20
  if (key in exports && exports[key] === _GridItem[key]) return;
21
21
  Object.defineProperty(exports, key, {
22
22
  enumerable: true,
23
- get: function get() {
23
+ get: function () {
24
24
  return _GridItem[key];
25
25
  }
26
26
  });
package/cjs/index.js CHANGED
@@ -9,7 +9,7 @@ Object.keys(_grid).forEach(function (key) {
9
9
  if (key in exports && exports[key] === _grid[key]) return;
10
10
  Object.defineProperty(exports, key, {
11
11
  enumerable: true,
12
- get: function get() {
12
+ get: function () {
13
13
  return _grid[key];
14
14
  }
15
15
  });
package/grid/Grid.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { ReactNode } from 'react';
2
- export declare type GridProps = {
1
+ import React, { ReactNode } from 'react';
2
+ export type GridProps = {
3
3
  children: ReactNode;
4
4
  gap?: 's' | 'l';
5
5
  surface?: 'inverted' | 'dark' | 'transparent';
@@ -7,5 +7,5 @@ export declare type GridProps = {
7
7
  bottom?: 's' | 'l';
8
8
  className?: string;
9
9
  };
10
- export declare const Grid: ({ gap, surface, top, bottom, children, className }: GridProps) => JSX.Element;
10
+ export declare const Grid: ({ gap, surface, top, bottom, children, className }: GridProps) => React.JSX.Element;
11
11
  export default Grid;
package/grid/Grid.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var _templateObject, _templateObject2;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
2
+ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
3
  import React from 'react';
4
4
  import { media, theme } from '@dfds-ui/theme';
5
5
  import { css } from '@emotion/react';
6
6
  import cx from 'classnames';
7
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
+ import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
8
8
  export var Grid = function Grid(_ref) {
9
9
  var gap = _ref.gap,
10
10
  surface = _ref.surface,
@@ -23,12 +23,16 @@ export var Grid = function Grid(_ref) {
23
23
  if (size && size === 'l') return theme.spacing.l;
24
24
  return 0;
25
25
  };
26
- return ___EmotionJSX(React.Fragment, null, ___EmotionJSX("div", {
27
- className: cx('grid-container', className),
28
- css: /*#__PURE__*/css("background-color:", getSurface(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Grid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ncmlkL0dyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL2dyaWQvR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnXG5cbmV4cG9ydCB0eXBlIEdyaWRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBnYXA/OiAncycgfCAnbCdcbiAgc3VyZmFjZT86ICdpbnZlcnRlZCcgfCAnZGFyaycgfCAndHJhbnNwYXJlbnQnXG4gIHRvcD86ICdzJyB8ICdsJ1xuICBib3R0b20/OiAncycgfCAnbCdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBHcmlkID0gKHsgZ2FwLCBzdXJmYWNlLCB0b3AsIGJvdHRvbSwgY2hpbGRyZW4sIGNsYXNzTmFtZSB9OiBHcmlkUHJvcHMpID0+IHtcbiAgY29uc3QgZ2V0U3VyZmFjZSA9ICgpID0+IHtcbiAgICBpZiAoc3VyZmFjZSA9PT0gJ2RhcmsnKSByZXR1cm4gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5XG4gICAgaWYgKHN1cmZhY2UgPT09ICdpbnZlcnRlZCcpIHJldHVybiB0aGVtZS5jb2xvcnMuc3VyZmFjZS50ZXJ0aWFyeVxuICAgIGlmIChzdXJmYWNlID09PSAndHJhbnNwYXJlbnQnKSByZXR1cm4gJ3JnYmEoMCwwLDAsMCknXG4gICAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgfVxuXG4gIGNvbnN0IGdldFNpemUgPSAoc2l6ZT86IHN0cmluZykgPT4ge1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdzJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcuc1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdsJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcubFxuICAgIHJldHVybiAwXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y3goJ2dyaWQtY29udGFpbmVyJywgY2xhc3NOYW1lKX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRTdXJmYWNlKCl9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3NOYW1lPVwiZ3JpZC1pbm5lci1jb250YWluZXJcIlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvOyAvKiBjZW50ZXIgaW4gdGhlIHZpZXdwb3J0ICovXG4gICAgICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxMiwgMWZyKTtcbiAgICAgICAgICAgIG1heC13aWR0aDogMTIwMHB4O1xuICAgICAgICAgICAgZ3JpZC1yb3ctZ2FwOiAwO1xuICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke2dhcCA9PT0gJ3MnID8gdGhlbWUuc3BhY2luZy5zIDogdGhlbWUuc3BhY2luZy5sfTtcbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiAke2dldFNpemUodG9wKX07XG4gICAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogJHtnZXRTaXplKGJvdHRvbSl9O1xuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ3hsJylgXG4gICAgICAgICAgICAgIG1heC13aWR0aDogdW5zZXQ7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA0MHB4O1xuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDQwcHg7XG4gICAgICAgICAgICBgfVxuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgR3JpZFxuIl19 */")
29
- }, ___EmotionJSX("div", {
30
- className: "grid-inner-container",
31
- css: /*#__PURE__*/css("display:grid;margin:0 auto;grid-template-columns:repeat(12, 1fr);max-width:1200px;grid-row-gap:0;grid-column-gap:", gap === 's' ? theme.spacing.s : theme.spacing.l, ";padding-top:", getSize(top), ";padding-bottom:", getSize(bottom), ";", media.lessThanEqual('xl')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n max-width: unset;\n margin-left: 40px;\n margin-right: 40px;\n "]))), " ", media.lessThanEqual('m')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-left: 0;\n margin-right: 0;\n grid-column-gap: ", ";\n "])), theme.spacing.s), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Grid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ncmlkL0dyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDa0IiLCJmaWxlIjoiLi4vLi4vc3JjL2dyaWQvR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnXG5cbmV4cG9ydCB0eXBlIEdyaWRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBnYXA/OiAncycgfCAnbCdcbiAgc3VyZmFjZT86ICdpbnZlcnRlZCcgfCAnZGFyaycgfCAndHJhbnNwYXJlbnQnXG4gIHRvcD86ICdzJyB8ICdsJ1xuICBib3R0b20/OiAncycgfCAnbCdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBHcmlkID0gKHsgZ2FwLCBzdXJmYWNlLCB0b3AsIGJvdHRvbSwgY2hpbGRyZW4sIGNsYXNzTmFtZSB9OiBHcmlkUHJvcHMpID0+IHtcbiAgY29uc3QgZ2V0U3VyZmFjZSA9ICgpID0+IHtcbiAgICBpZiAoc3VyZmFjZSA9PT0gJ2RhcmsnKSByZXR1cm4gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5XG4gICAgaWYgKHN1cmZhY2UgPT09ICdpbnZlcnRlZCcpIHJldHVybiB0aGVtZS5jb2xvcnMuc3VyZmFjZS50ZXJ0aWFyeVxuICAgIGlmIChzdXJmYWNlID09PSAndHJhbnNwYXJlbnQnKSByZXR1cm4gJ3JnYmEoMCwwLDAsMCknXG4gICAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgfVxuXG4gIGNvbnN0IGdldFNpemUgPSAoc2l6ZT86IHN0cmluZykgPT4ge1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdzJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcuc1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdsJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcubFxuICAgIHJldHVybiAwXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y3goJ2dyaWQtY29udGFpbmVyJywgY2xhc3NOYW1lKX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRTdXJmYWNlKCl9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3NOYW1lPVwiZ3JpZC1pbm5lci1jb250YWluZXJcIlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvOyAvKiBjZW50ZXIgaW4gdGhlIHZpZXdwb3J0ICovXG4gICAgICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxMiwgMWZyKTtcbiAgICAgICAgICAgIG1heC13aWR0aDogMTIwMHB4O1xuICAgICAgICAgICAgZ3JpZC1yb3ctZ2FwOiAwO1xuICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke2dhcCA9PT0gJ3MnID8gdGhlbWUuc3BhY2luZy5zIDogdGhlbWUuc3BhY2luZy5sfTtcbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiAke2dldFNpemUodG9wKX07XG4gICAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogJHtnZXRTaXplKGJvdHRvbSl9O1xuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ3hsJylgXG4gICAgICAgICAgICAgIG1heC13aWR0aDogdW5zZXQ7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA0MHB4O1xuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDQwcHg7XG4gICAgICAgICAgICBgfVxuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgR3JpZFxuIl19 */")
32
- }, children)));
26
+ return _jsx(_Fragment, {
27
+ children: _jsx("div", {
28
+ className: cx('grid-container', className),
29
+ css: /*#__PURE__*/css("background-color:", getSurface(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Grid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ncmlkL0dyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL2dyaWQvR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnXG5cbmV4cG9ydCB0eXBlIEdyaWRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBnYXA/OiAncycgfCAnbCdcbiAgc3VyZmFjZT86ICdpbnZlcnRlZCcgfCAnZGFyaycgfCAndHJhbnNwYXJlbnQnXG4gIHRvcD86ICdzJyB8ICdsJ1xuICBib3R0b20/OiAncycgfCAnbCdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBHcmlkID0gKHsgZ2FwLCBzdXJmYWNlLCB0b3AsIGJvdHRvbSwgY2hpbGRyZW4sIGNsYXNzTmFtZSB9OiBHcmlkUHJvcHMpID0+IHtcbiAgY29uc3QgZ2V0U3VyZmFjZSA9ICgpID0+IHtcbiAgICBpZiAoc3VyZmFjZSA9PT0gJ2RhcmsnKSByZXR1cm4gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5XG4gICAgaWYgKHN1cmZhY2UgPT09ICdpbnZlcnRlZCcpIHJldHVybiB0aGVtZS5jb2xvcnMuc3VyZmFjZS50ZXJ0aWFyeVxuICAgIGlmIChzdXJmYWNlID09PSAndHJhbnNwYXJlbnQnKSByZXR1cm4gJ3JnYmEoMCwwLDAsMCknXG4gICAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgfVxuXG4gIGNvbnN0IGdldFNpemUgPSAoc2l6ZT86IHN0cmluZykgPT4ge1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdzJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcuc1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdsJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcubFxuICAgIHJldHVybiAwXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y3goJ2dyaWQtY29udGFpbmVyJywgY2xhc3NOYW1lKX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRTdXJmYWNlKCl9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3NOYW1lPVwiZ3JpZC1pbm5lci1jb250YWluZXJcIlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvOyAvKiBjZW50ZXIgaW4gdGhlIHZpZXdwb3J0ICovXG4gICAgICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxMiwgMWZyKTtcbiAgICAgICAgICAgIG1heC13aWR0aDogMTIwMHB4O1xuICAgICAgICAgICAgZ3JpZC1yb3ctZ2FwOiAwO1xuICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke2dhcCA9PT0gJ3MnID8gdGhlbWUuc3BhY2luZy5zIDogdGhlbWUuc3BhY2luZy5sfTtcbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiAke2dldFNpemUodG9wKX07XG4gICAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogJHtnZXRTaXplKGJvdHRvbSl9O1xuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ3hsJylgXG4gICAgICAgICAgICAgIG1heC13aWR0aDogdW5zZXQ7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA0MHB4O1xuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDQwcHg7XG4gICAgICAgICAgICBgfVxuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgR3JpZFxuIl19 */"),
30
+ children: _jsx("div", {
31
+ className: "grid-inner-container",
32
+ css: /*#__PURE__*/css("display:grid;margin:0 auto;grid-template-columns:repeat(12, 1fr);max-width:1200px;grid-row-gap:0;grid-column-gap:", gap === 's' ? theme.spacing.s : theme.spacing.l, ";padding-top:", getSize(top), ";padding-bottom:", getSize(bottom), ";", media.lessThanEqual('xl')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n max-width: unset;\n margin-left: 40px;\n margin-right: 40px;\n "]))), " ", media.lessThanEqual('m')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-left: 0;\n margin-right: 0;\n grid-column-gap: ", ";\n "])), theme.spacing.s), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Grid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ncmlkL0dyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDa0IiLCJmaWxlIjoiLi4vLi4vc3JjL2dyaWQvR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnXG5cbmV4cG9ydCB0eXBlIEdyaWRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBnYXA/OiAncycgfCAnbCdcbiAgc3VyZmFjZT86ICdpbnZlcnRlZCcgfCAnZGFyaycgfCAndHJhbnNwYXJlbnQnXG4gIHRvcD86ICdzJyB8ICdsJ1xuICBib3R0b20/OiAncycgfCAnbCdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBHcmlkID0gKHsgZ2FwLCBzdXJmYWNlLCB0b3AsIGJvdHRvbSwgY2hpbGRyZW4sIGNsYXNzTmFtZSB9OiBHcmlkUHJvcHMpID0+IHtcbiAgY29uc3QgZ2V0U3VyZmFjZSA9ICgpID0+IHtcbiAgICBpZiAoc3VyZmFjZSA9PT0gJ2RhcmsnKSByZXR1cm4gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5XG4gICAgaWYgKHN1cmZhY2UgPT09ICdpbnZlcnRlZCcpIHJldHVybiB0aGVtZS5jb2xvcnMuc3VyZmFjZS50ZXJ0aWFyeVxuICAgIGlmIChzdXJmYWNlID09PSAndHJhbnNwYXJlbnQnKSByZXR1cm4gJ3JnYmEoMCwwLDAsMCknXG4gICAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgfVxuXG4gIGNvbnN0IGdldFNpemUgPSAoc2l6ZT86IHN0cmluZykgPT4ge1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdzJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcuc1xuICAgIGlmIChzaXplICYmIHNpemUgPT09ICdsJykgcmV0dXJuIHRoZW1lLnNwYWNpbmcubFxuICAgIHJldHVybiAwXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y3goJ2dyaWQtY29udGFpbmVyJywgY2xhc3NOYW1lKX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRTdXJmYWNlKCl9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3NOYW1lPVwiZ3JpZC1pbm5lci1jb250YWluZXJcIlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvOyAvKiBjZW50ZXIgaW4gdGhlIHZpZXdwb3J0ICovXG4gICAgICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgxMiwgMWZyKTtcbiAgICAgICAgICAgIG1heC13aWR0aDogMTIwMHB4O1xuICAgICAgICAgICAgZ3JpZC1yb3ctZ2FwOiAwO1xuICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke2dhcCA9PT0gJ3MnID8gdGhlbWUuc3BhY2luZy5zIDogdGhlbWUuc3BhY2luZy5sfTtcbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiAke2dldFNpemUodG9wKX07XG4gICAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogJHtnZXRTaXplKGJvdHRvbSl9O1xuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ3hsJylgXG4gICAgICAgICAgICAgIG1heC13aWR0aDogdW5zZXQ7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA0MHB4O1xuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDQwcHg7XG4gICAgICAgICAgICBgfVxuXG4gICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgICAgICAgZ3JpZC1jb2x1bW4tZ2FwOiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgR3JpZFxuIl19 */"),
33
+ children: children
34
+ })
35
+ })
36
+ });
33
37
  };
34
38
  export default Grid;
package/grid/GridItem.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { ReactNode } from 'react';
2
- export declare type GridItemProps = {
1
+ import React, { ReactNode } from 'react';
2
+ export type GridItemProps = {
3
3
  children: ReactNode;
4
4
  small?: 6 | 12;
5
5
  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
@@ -10,5 +10,5 @@ export declare type GridItemProps = {
10
10
  */
11
11
  className?: string;
12
12
  };
13
- export declare const GridItem: (props: GridItemProps) => JSX.Element;
13
+ export declare const GridItem: (props: GridItemProps) => React.JSX.Element;
14
14
  export default GridItem;
package/grid/GridItem.js CHANGED
@@ -1,18 +1,19 @@
1
1
  var _templateObject, _templateObject2, _templateObject3;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
2
+ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
3
  import React from 'react';
4
4
  import { css } from '@emotion/react';
5
5
  import { media } from '@dfds-ui/theme';
6
6
  import cx from 'classnames';
7
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
8
8
  export var GridItem = function GridItem(props) {
9
9
  var smallWidth = props.small || 12;
10
10
  var mediumWidth = props.medium || smallWidth;
11
11
  var largeWidth = props.large || mediumWidth;
12
12
  var xLargeWidth = props.xlarge || largeWidth;
13
- return ___EmotionJSX("div", {
13
+ return _jsx("div", {
14
14
  css: /*#__PURE__*/css("grid-column:span ", smallWidth, ";", media.greaterThan('m')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n grid-column: span ", ";\n "])), mediumWidth), " ", media.greaterThan('l')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n grid-column: span ", ";\n "])), largeWidth), " ", media.greaterThan('xl')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n grid-column: span ", ";\n "])), xLargeWidth), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:GridItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ncmlkL0dyaWRJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QmMiLCJmaWxlIjoiLi4vLi4vc3JjL2dyaWQvR3JpZEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnXG5cbmV4cG9ydCB0eXBlIEdyaWRJdGVtUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgc21hbGw/OiA2IHwgMTJcbiAgbWVkaXVtPzogMSB8IDIgfCAzIHwgNCB8IDUgfCA2IHwgNyB8IDggfCA5IHwgMTAgfCAxMSB8IDEyXG4gIGxhcmdlPzogMSB8IDIgfCAzIHwgNCB8IDUgfCA2IHwgNyB8IDggfCA5IHwgMTAgfCAxMSB8IDEyXG4gIHhsYXJnZT86IDEgfCAyIHwgMyB8IDQgfCA1IHwgNiB8IDcgfCA4IHwgOSB8IDEwIHwgMTEgfCAxMlxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEdyaWRJdGVtID0gKHByb3BzOiBHcmlkSXRlbVByb3BzKSA9PiB7XG4gIGNvbnN0IHNtYWxsV2lkdGggPSBwcm9wcy5zbWFsbCB8fCAxMlxuICBjb25zdCBtZWRpdW1XaWR0aCA9IHByb3BzLm1lZGl1bSB8fCBzbWFsbFdpZHRoXG4gIGNvbnN0IGxhcmdlV2lkdGggPSBwcm9wcy5sYXJnZSB8fCBtZWRpdW1XaWR0aFxuICBjb25zdCB4TGFyZ2VXaWR0aCA9IHByb3BzLnhsYXJnZSB8fCBsYXJnZVdpZHRoXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZ3JpZC1jb2x1bW46IHNwYW4gJHtzbWFsbFdpZHRofTtcbiAgICAgICAgJHttZWRpYS5ncmVhdGVyVGhhbignbScpYFxuICAgICAgICAgIGdyaWQtY29sdW1uOiBzcGFuICR7bWVkaXVtV2lkdGh9O1xuICAgICAgICBgfVxuICAgICAgICAke21lZGlhLmdyZWF0ZXJUaGFuKCdsJylgXG4gICAgICAgICAgZ3JpZC1jb2x1bW46IHNwYW4gJHtsYXJnZVdpZHRofTtcbiAgICAgICAgYH1cbiAgICAgICAgJHttZWRpYS5ncmVhdGVyVGhhbigneGwnKWBcbiAgICAgICAgICBncmlkLWNvbHVtbjogc3BhbiAke3hMYXJnZVdpZHRofTtcbiAgICAgICAgYH1cbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2N4KCdncmlkLWl0ZW0nLCBwcm9wcy5jbGFzc05hbWUpfVxuICAgID5cbiAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBHcmlkSXRlbVxuIl19 */"),
15
- className: cx('grid-item', props.className)
16
- }, props.children);
15
+ className: cx('grid-item', props.className),
16
+ children: props.children
17
+ });
17
18
  };
18
19
  export default GridItem;
package/package.json CHANGED
@@ -3,26 +3,26 @@
3
3
  "description": "Grid components",
4
4
  "license": "MIT",
5
5
  "private": false,
6
- "version": "2.2.1",
6
+ "version": "3.0.0-alpha.2acb68f8",
7
7
  "sideEffects": false,
8
8
  "main": "./cjs/index.js",
9
9
  "module": "./index.js",
10
10
  "esnext": "./index.js",
11
11
  "typings": "./index.d.ts",
12
12
  "peerDependencies": {
13
- "@emotion/react": "11.11.4",
14
- "@emotion/styled": "11.11.5",
15
- "react": ">= 17.0.2",
16
- "react-dom": ">= 17.0.2"
13
+ "@emotion/react": "11.14.0",
14
+ "@emotion/styled": "11.14.1",
15
+ "react": ">= 19.0.0",
16
+ "react-dom": ">= 19.0.0"
17
17
  },
18
18
  "dependencies": {
19
- "@dfds-ui/colors": "2.2.1",
20
- "@dfds-ui/icons": "2.2.1",
21
- "@dfds-ui/react-components": "2.2.1",
22
- "@dfds-ui/theme": "2.2.1",
23
- "classnames": "^2.3.2"
19
+ "@dfds-ui/colors": "3.0.0-alpha.2acb68f8",
20
+ "@dfds-ui/icons": "3.0.0-alpha.2acb68f8",
21
+ "@dfds-ui/react-components": "3.0.0-alpha.2acb68f8",
22
+ "@dfds-ui/theme": "3.0.0-alpha.2acb68f8",
23
+ "classnames": "^2.5.1"
24
24
  },
25
- "gitHead": "ff968cd26c278c656e617042759efdea213c0661",
25
+ "gitHead": "2acb68f8d36d638def6fb8f77d19073760d9b7d0",
26
26
  "publishConfig": {
27
27
  "access": "public"
28
28
  }