@dfds-ui/grid 2.2.0-alpha.b94ad8b5 → 2.2.0-alpha.c2f773c5

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/cjs/grid/Grid.d.ts +1 -1
  2. package/cjs/grid/Grid.js +14 -10
  3. package/cjs/grid/GridItem.d.ts +1 -1
  4. package/cjs/grid/GridItem.js +6 -5
  5. package/grid/Grid.d.ts +1 -1
  6. package/grid/Grid.js +12 -8
  7. package/grid/GridItem.d.ts +1 -1
  8. package/grid/GridItem.js +5 -4
  9. package/package.json +8 -8
package/cjs/grid/Grid.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { ReactNode } from 'react';
2
- export declare type GridProps = {
2
+ export type GridProps = {
3
3
  children: ReactNode;
4
4
  gap?: 's' | 'l';
5
5
  surface?: 'inverted' | 'dark' | 'transparent';
package/cjs/grid/Grid.js CHANGED
@@ -8,6 +8,7 @@ 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
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
11
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
13
  const Grid = ({
13
14
  gap,
@@ -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
1
  import React, { ReactNode } from 'react';
2
- export declare type GridItemProps = {
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;
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
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
11
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/grid/Grid.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { ReactNode } from 'react';
2
- export declare type GridProps = {
2
+ export type GridProps = {
3
3
  children: ReactNode;
4
4
  gap?: 's' | 'l';
5
5
  surface?: 'inverted' | 'dark' | 'transparent';
package/grid/Grid.js CHANGED
@@ -4,7 +4,7 @@ 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
1
  import React, { ReactNode } from 'react';
2
- export declare type GridItemProps = {
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;
package/grid/GridItem.js CHANGED
@@ -4,15 +4,16 @@ 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,7 +3,7 @@
3
3
  "description": "Grid components",
4
4
  "license": "MIT",
5
5
  "private": false,
6
- "version": "2.2.0-alpha.b94ad8b5",
6
+ "version": "2.2.0-alpha.c2f773c5",
7
7
  "sideEffects": false,
8
8
  "main": "./cjs/index.js",
9
9
  "module": "./index.js",
@@ -11,18 +11,18 @@
11
11
  "typings": "./index.d.ts",
12
12
  "peerDependencies": {
13
13
  "@emotion/react": "11.14.0",
14
- "@emotion/styled": "11.14.0",
14
+ "@emotion/styled": "11.14.1",
15
15
  "react": ">= 18.3.1",
16
16
  "react-dom": ">= 18.3.1"
17
17
  },
18
18
  "dependencies": {
19
- "@dfds-ui/colors": "2.2.0-alpha.b94ad8b5",
20
- "@dfds-ui/icons": "2.2.0-alpha.b94ad8b5",
21
- "@dfds-ui/react-components": "2.2.0-alpha.b94ad8b5",
22
- "@dfds-ui/theme": "2.2.0-alpha.b94ad8b5",
23
- "classnames": "^2.3.2"
19
+ "@dfds-ui/colors": "2.2.0-alpha.c2f773c5",
20
+ "@dfds-ui/icons": "2.2.0-alpha.c2f773c5",
21
+ "@dfds-ui/react-components": "2.2.0-alpha.c2f773c5",
22
+ "@dfds-ui/theme": "2.2.0-alpha.c2f773c5",
23
+ "classnames": "^2.5.1"
24
24
  },
25
- "gitHead": "b94ad8b5312373842721f20f5ba7fa2bcea5ee80",
25
+ "gitHead": "c2f773c5e158ea1a17a9a46fd9e3d41adda1dc5f",
26
26
  "publishConfig": {
27
27
  "access": "public"
28
28
  }