@dfds-ui/react-components 2.2.0-alpha.624b924f → 2.2.0-alpha.762c8caf

package/cjs/side-sheet/SideSheetCloseButton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { IconButtonSize } from '../button/IconButton';
+export declare type SideSheetCloseButtonProps = {
+    onRequestClose?: () => void;
+    className?: string;
+    icon?: React.ElementType;
+    size?: IconButtonSize;
+    tabIndex?: number;
+    closeLabel?: string;
+    children?: React.ReactNode;
+};
+export declare const SideSheetCloseButton: ({ onRequestClose, className, icon, size, closeLabel, ...rest }: SideSheetCloseButtonProps) => React.JSX.Element;
+export default SideSheetCloseButton;

package/cjs/side-sheet/SideSheetCloseButton.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SideSheetCloseButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _system = require("@dfds-ui/icons/system");
+var _react2 = require("@emotion/react");
+var _theme = require("@dfds-ui/theme");
+var _IconButton = _interopRequireDefault(require("../button/IconButton"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const SideSheetCloseButton = ({
+  onRequestClose,
+  className,
+  icon = _system.Close,
+  size = 'medium',
+  closeLabel = 'Close',
+  ...rest
+}) => {
+  return (0, _react2.jsx)(_IconButton.default, _extends({
+    disableOverlay: true,
+    disableTooltip: true,
+    hoverColor: _theme.theme.colors.secondary.main,
+    size: size,
+    css: /*#__PURE__*/(0, _react2.css)("align-self:flex-start;color:", _theme.theme.colors.text.primary.primary, ";height:3rem;width:3rem;&:active{color:", _theme.theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetCloseButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldENsb3NlQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NpZGUtc2hlZXQvU2lkZVNoZWV0Q2xvc2VCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2xvc2UgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgSWNvbkJ1dHRvbiwgeyBJY29uQnV0dG9uU2l6ZSB9IGZyb20gJy4uL2J1dHRvbi9JY29uQnV0dG9uJ1xuXG5leHBvcnQgdHlwZSBTaWRlU2hlZXRDbG9zZUJ1dHRvblByb3BzID0ge1xuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBzaXplPzogSWNvbkJ1dHRvblNpemVcbiAgdGFiSW5kZXg/OiBudW1iZXJcbiAgY2xvc2VMYWJlbD86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgU2lkZVNoZWV0Q2xvc2VCdXR0b24gPSAoe1xuICBvblJlcXVlc3RDbG9zZSxcbiAgY2xhc3NOYW1lLFxuICBpY29uID0gQ2xvc2UsXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgY2xvc2VMYWJlbCA9ICdDbG9zZScsXG4gIC4uLnJlc3Rcbn06IFNpZGVTaGVldENsb3NlQnV0dG9uUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SWNvbkJ1dHRvblxuICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIGRpc2FibGVUb29sdGlwXG4gICAgICBob3ZlckNvbG9yPXt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIGhlaWdodDogM3JlbTtcbiAgICAgICAgd2lkdGg6IDNyZW07XG4gICAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtvblJlcXVlc3RDbG9zZX1cbiAgICAgIGljb249e2ljb259XG4gICAgICBhcmlhTGFiZWw9e2Nsb3NlTGFiZWx9XG4gICAgICBkYXRhLXRlc3RpZD1cIm1vZGFsLWNsb3NlXCJcbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTaWRlU2hlZXRDbG9zZUJ1dHRvblxuIl19 */"),
+    className: className,
+    onClick: onRequestClose,
+    icon: icon,
+    ariaLabel: closeLabel,
+    "data-testid": "modal-close",
+    type: "button"
+  }, rest));
+};
+exports.SideSheetCloseButton = SideSheetCloseButton;
+var _default = SideSheetCloseButton;
+exports.default = _default;

package/cjs/side-sheet/SideSheetContent.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+export declare type SideSheetFooterProps = {
+    className?: string;
+    children?: ReactNode;
+};
+export declare const SideSheetContent: ({ children, className, ...rest }: SideSheetFooterProps) => React.JSX.Element;
+export default SideSheetContent;

package/cjs/side-sheet/SideSheetContent.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SideSheetContent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _theme = require("@dfds-ui/theme");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const SideSheetContent = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", _extends({
+    className: className,
+    css: /*#__PURE__*/(0, _react2.css)("padding:", _theme.theme.spacing.s, ";overflow:auto;flex:1 1 auto;" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldENvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2lkZS1zaGVldC9TaWRlU2hlZXRDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIEZyYWdtZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFNpZGVTaGVldEZvb3RlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IFNpZGVTaGVldENvbnRlbnQgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCAuLi5yZXN0IH06IFNpZGVTaGVldEZvb3RlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9GcmFnbWVudD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTaWRlU2hlZXRDb250ZW50XG4iXX0= */")
+  }, rest), children));
+};
+exports.SideSheetContent = SideSheetContent;
+var _default = SideSheetContent;
+exports.default = _default;

package/cjs/side-sheet/SideSheetFooter.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+export declare type SideSheetFooterProps = {
+    className?: string;
+    children?: ReactNode;
+};
+export declare const SideSheetFooter: ({ children, className, ...rest }: SideSheetFooterProps) => React.JSX.Element;
+export default SideSheetFooter;

package/cjs/side-sheet/SideSheetFooter.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SideSheetFooter = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _theme = require("@dfds-ui/theme");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const SideSheetFooter = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", _extends({
+    className: className,
+    css: /*#__PURE__*/(0, _react2.css)("flex:0 0 auto;display:flex;padding:", _theme.theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetFooter;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEZvb3Rlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBTaWRlU2hlZXRGb290ZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBTaWRlU2hlZXRGb290ZXIgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCAuLi5yZXN0IH06IFNpZGVTaGVldEZvb3RlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZmxleDogMCAwIGF1dG87XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L0ZyYWdtZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFNpZGVTaGVldEZvb3RlclxuIl19 */")
+  }, rest), children));
+};
+exports.SideSheetFooter = SideSheetFooter;
+var _default = SideSheetFooter;
+exports.default = _default;

package/cjs/side-sheet/SideSheetHeader.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+export declare type ModalHeaderProps = {
+    className?: string;
+    sticky?: boolean;
+    children?: ReactNode;
+    noDivider?: boolean;
+};
+export declare const SideSheetHeader: ({ children, className, sticky, noDivider, ...rest }: ModalHeaderProps) => React.JSX.Element;
+export default SideSheetHeader;

package/cjs/side-sheet/SideSheetHeader.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SideSheetHeader = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _theme = require("@dfds-ui/theme");
+var _Divider = _interopRequireDefault(require("../divider/Divider"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const SideSheetHeader = ({
+  children,
+  className,
+  sticky,
+  noDivider = false,
+  ...rest
+}) => {
+  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", _extends({
+    className: className,
+    css: /*#__PURE__*/(0, _react2.css)("min-height:3rem;display:flex;align-items:center;justify-content:space-between;padding-left:", _theme.theme.spacing.s, ";background-color:", _theme.theme.colors.surface.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2lkZS1zaGVldC9TaWRlU2hlZXRIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSwgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBEaXZpZGVyIGZyb20gJy4uL2RpdmlkZXIvRGl2aWRlcidcblxuZXhwb3J0IHR5cGUgTW9kYWxIZWFkZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHN0aWNreT86IGJvb2xlYW5cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgbm9EaXZpZGVyPzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgU2lkZVNoZWV0SGVhZGVyID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgc3RpY2t5LCBub0RpdmlkZXIgPSBmYWxzZSwgLi4ucmVzdCB9OiBNb2RhbEhlYWRlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWluLWhlaWdodDogM3JlbTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICAgIHshbm9EaXZpZGVyICYmIDxEaXZpZGVyIC8+fVxuICAgIDwvRnJhZ21lbnQ+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU2lkZVNoZWV0SGVhZGVyXG4iXX0= */")
+  }, rest), children), !noDivider && (0, _react2.jsx)(_Divider.default, null));
+};
+exports.SideSheetHeader = SideSheetHeader;
+var _default = SideSheetHeader;
+exports.default = _default;

package/cjs/side-sheet/SideSheetHeadline.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+export declare type SideSheetHeadlineProps = {
+    className?: string;
+    children?: ReactNode;
+};
+export declare const SideSheetHeadline: ({ className, children }: SideSheetHeadlineProps) => React.JSX.Element;
+export default SideSheetHeadline;

package/cjs/side-sheet/SideSheetHeadline.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SideSheetHeadline = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _theme = require("@dfds-ui/theme");
+var _Headlines = require("../typography/Headlines");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SideSheetHeadline = ({
+  className,
+  children
+}) => {
+  return (0, _react2.jsx)(_Headlines.SmallHeadline, {
+    css: /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.primary.dark, ";margin:0.625rem 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetHeadline;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEhlYWRsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2lkZS1zaGVldC9TaWRlU2hlZXRIZWFkbGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBTbWFsbEhlYWRsaW5lIH0gZnJvbSAnLi4vdHlwb2dyYXBoeS9IZWFkbGluZXMnXG5cbmV4cG9ydCB0eXBlIFNpZGVTaGVldEhlYWRsaW5lUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgU2lkZVNoZWV0SGVhZGxpbmUgPSAoeyBjbGFzc05hbWUsIGNoaWxkcmVuIH06IFNpZGVTaGVldEhlYWRsaW5lUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U21hbGxIZWFkbGluZVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmt9O1xuICAgICAgICBtYXJnaW46IDAuNjI1cmVtIDA7XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU21hbGxIZWFkbGluZT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTaWRlU2hlZXRIZWFkbGluZVxuIl19 */"),
+    className: className
+  }, children);
+};
+exports.SideSheetHeadline = SideSheetHeadline;
+var _default = SideSheetHeadline;
+exports.default = _default;

package/cjs/side-sheet/index.d.ts

@@ -0,0 +1,4 @@
+export { default as SideSheet } from './SideSheet';
+export { default as SideSheetFooter } from './SideSheetFooter';
+export { default as SideSheetContent } from './SideSheetContent';
+export * from './SideSheet';

package/cjs/side-sheet/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  SideSheet: true,
+  SideSheetFooter: true,
+  SideSheetContent: true
+};
+Object.defineProperty(exports, "SideSheet", {
+  enumerable: true,
+  get: function () {
+    return _SideSheet.default;
+  }
+});
+Object.defineProperty(exports, "SideSheetContent", {
+  enumerable: true,
+  get: function () {
+    return _SideSheetContent.default;
+  }
+});
+Object.defineProperty(exports, "SideSheetFooter", {
+  enumerable: true,
+  get: function () {
+    return _SideSheetFooter.default;
+  }
+});
+var _SideSheet = _interopRequireWildcard(require("./SideSheet"));
+Object.keys(_SideSheet).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SideSheet[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SideSheet[key];
+    }
+  });
+});
+var _SideSheetFooter = _interopRequireDefault(require("./SideSheetFooter"));
+var _SideSheetContent = _interopRequireDefault(require("./SideSheetContent"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/cjs/site-layout/SiteLayout.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+declare type RenderAs = {
+    as?: React.ElementType;
+};
+declare type LayoutProps = {
+    children?: React.ReactNode;
+    fullWidth?: boolean;
+    className?: string;
+} & RenderAs;
+declare type LayoutChildProps = {
+    children?: React.ReactNode;
+    fullWidth?: boolean;
+    className?: string;
+} & RenderAs;
+export declare const LayoutGrid: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & {
+    children?: React.ReactNode;
+    fullWidth?: boolean | undefined;
+    className?: string | undefined;
+} & RenderAs, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Layout: React.FunctionComponent<LayoutProps>;
+export declare const LayoutHeader: React.FunctionComponent<LayoutChildProps>;
+export declare const LayoutMain: React.FunctionComponent<LayoutChildProps>;
+export declare const LayoutFooter: React.FunctionComponent<LayoutChildProps>;
+declare const _default: {
+    Grid: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & {
+        children?: React.ReactNode;
+        fullWidth?: boolean | undefined;
+        className?: string | undefined;
+    } & RenderAs, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    Header: React.FunctionComponent<LayoutChildProps>;
+    Main: React.FunctionComponent<LayoutChildProps>;
+    Footer: React.FunctionComponent<LayoutChildProps>;
+};
+export default _default;

package/cjs/site-layout/SiteLayout.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LayoutMain = exports.LayoutHeader = exports.LayoutGrid = exports.LayoutFooter = exports.Layout = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _theme = require("@dfds-ui/theme");
+var _react2 = require("@emotion/react");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "edj7or84"
+} : {
+  target: "edj7or84",
+  label: "Container"
+})(process.env.NODE_ENV === "production" ? {
+  name: "9th5i",
+  styles: "margin:0 auto"
+} : {
+  name: "9th5i",
+  styles: "margin:0 auto/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NpdGUtbGF5b3V0L1NpdGVMYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFJlbmRlckFzID0ge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbnR5cGUgTGF5b3V0UHJvcHMgPSB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbnR5cGUgTGF5b3V0Q2hpbGRQcm9wcyA9IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7IGZ1bGxXaWR0aD86IGJvb2xlYW47IGNsYXNzTmFtZT86IHN0cmluZyB9ICYgUmVuZGVyQXNcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAwIGF1dG87XG5gXG5cbmV4cG9ydCBjb25zdCBMYXlvdXRHcmlkID0gc3R5bGVkLmRpdjxMYXlvdXRQcm9wcz5gXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIGRpc3BsYXk6IC1tcy1ncmlkO1xuICAtbXMtZ3JpZC1yb3dzOiBhdXRvIG1pbm1heCgxZnIsIDEwMCUpIGF1dG87XG4gIC1tcy1ncmlkLWNvbHVtbnM6IDFmcjtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gMWZyIGF1dG87XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogbWlubWF4KDAsIDFmcik7IC8qIGVuc3VyZSBtaW4td2lkdGggaXMgZGVmaW5lZCBhbmQgbm90IGF1dG8gKi9cbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGhlaWdodDogMTAwJTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+ICFmdWxsV2lkdGggJiYgJzEyMDBweCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRIZWFkZXIgPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDE7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDE7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkTWFpbiA9IHN0eWxlZC5kaXY8TGF5b3V0Q2hpbGRQcm9wcz5gXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIC1tcy1ncmlkLXJvdzogMjtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICBncmlkLXJvdzogMjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuY29uc3QgR3JpZEZvb3RlciA9IHN0eWxlZC5kaXY8TGF5b3V0Q2hpbGRQcm9wcz5gXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIC1tcy1ncmlkLXJvdzogMztcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICBncmlkLXJvdzogMztcbiAgYmFja2dyb3VuZC1jb2xvcjogI2RkZTZlZDtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBMYXlvdXQ6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGFzID0gJ2RpdicsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMYXlvdXRHcmlkIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0xheW91dEdyaWQ+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dEhlYWRlcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRIZWFkZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAgPENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250YWluZXI+XG4gICAgPC9HcmlkSGVhZGVyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRNYWluOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRDaGlsZFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGFzLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZE1haW4gY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAgPENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250YWluZXI+XG4gICAgPC9HcmlkTWFpbj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0Rm9vdGVyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRDaGlsZFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGFzLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEZvb3RlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRGb290ZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQge1xuICBHcmlkOiBMYXlvdXRHcmlkLFxuICBIZWFkZXI6IExheW91dEhlYWRlcixcbiAgTWFpbjogTGF5b3V0TWFpbixcbiAgRm9vdGVyOiBMYXlvdXRGb290ZXIsXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const LayoutGrid = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "edj7or83"
+} : {
+  target: "edj7or83",
+  label: "LayoutGrid"
+})("display:-ms-grid;-ms-grid-rows:auto minmax(1fr, 100%) auto;-ms-grid-columns:1fr;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0, 1fr);min-height:100vh;height:100%;", Container, "{max-width:", ({
+  fullWidth
+}) => !fullWidth && '1200px', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmlEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBSZW5kZXJBcyA9IHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG50eXBlIExheW91dENoaWxkUHJvcHMgPSB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogMCBhdXRvO1xuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZCA9IHN0eWxlZC5kaXY8TGF5b3V0UHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICBkaXNwbGF5OiAtbXMtZ3JpZDtcbiAgLW1zLWdyaWQtcm93czogYXV0byBtaW5tYXgoMWZyLCAxMDAlKSBhdXRvO1xuICAtbXMtZ3JpZC1jb2x1bW5zOiAxZnI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIDFmciBhdXRvO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAxZnIpOyAvKiBlbnN1cmUgbWluLXdpZHRoIGlzIGRlZmluZWQgYW5kIG5vdCBhdXRvICovXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiAhZnVsbFdpZHRoICYmICcxMjAwcHgnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkSGVhZGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAxO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuY29uc3QgR3JpZE1haW4gPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRGb290ZXIgPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDM7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDM7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkZGU2ZWQ7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0OiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TGF5b3V0R3JpZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9MYXlvdXRHcmlkPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRIZWFkZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkSGVhZGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEhlYWRlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0TWFpbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRNYWluIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZE1haW4+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dEZvb3RlcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRGb290ZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAgPENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250YWluZXI+XG4gICAgPC9HcmlkRm9vdGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgR3JpZDogTGF5b3V0R3JpZCxcbiAgSGVhZGVyOiBMYXlvdXRIZWFkZXIsXG4gIE1haW46IExheW91dE1haW4sXG4gIEZvb3RlcjogTGF5b3V0Rm9vdGVyLFxufVxuIl19 */"));
+exports.LayoutGrid = LayoutGrid;
+const GridHeader = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "edj7or82"
+} : {
+  target: "edj7or82",
+  label: "GridHeader"
+})("-ms-grid-row:1;grid-row:1;background-color:", _theme.theme.colors.surface.primary, ";", Container, "{max-width:", ({
+  fullWidth
+}) => fullWidth && 'initial', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQytDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBSZW5kZXJBcyA9IHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG50eXBlIExheW91dENoaWxkUHJvcHMgPSB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogMCBhdXRvO1xuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZCA9IHN0eWxlZC5kaXY8TGF5b3V0UHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICBkaXNwbGF5OiAtbXMtZ3JpZDtcbiAgLW1zLWdyaWQtcm93czogYXV0byBtaW5tYXgoMWZyLCAxMDAlKSBhdXRvO1xuICAtbXMtZ3JpZC1jb2x1bW5zOiAxZnI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIDFmciBhdXRvO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAxZnIpOyAvKiBlbnN1cmUgbWluLXdpZHRoIGlzIGRlZmluZWQgYW5kIG5vdCBhdXRvICovXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiAhZnVsbFdpZHRoICYmICcxMjAwcHgnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkSGVhZGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAxO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuY29uc3QgR3JpZE1haW4gPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRGb290ZXIgPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDM7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDM7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkZGU2ZWQ7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0OiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TGF5b3V0R3JpZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9MYXlvdXRHcmlkPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRIZWFkZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkSGVhZGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEhlYWRlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0TWFpbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRNYWluIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZE1haW4+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dEZvb3RlcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRGb290ZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAgPENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250YWluZXI+XG4gICAgPC9HcmlkRm9vdGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgR3JpZDogTGF5b3V0R3JpZCxcbiAgSGVhZGVyOiBMYXlvdXRIZWFkZXIsXG4gIE1haW46IExheW91dE1haW4sXG4gIEZvb3RlcjogTGF5b3V0Rm9vdGVyLFxufVxuIl19 */"));
+const GridMain = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "edj7or81"
+} : {
+  target: "edj7or81",
+  label: "GridMain"
+})("-ms-grid-row:2;grid-row:2;background-color:", _theme.theme.colors.surface.secondary, ";", Container, "{max-width:", ({
+  fullWidth
+}) => fullWidth && 'initial', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzZDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBSZW5kZXJBcyA9IHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG50eXBlIExheW91dENoaWxkUHJvcHMgPSB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogMCBhdXRvO1xuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZCA9IHN0eWxlZC5kaXY8TGF5b3V0UHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICBkaXNwbGF5OiAtbXMtZ3JpZDtcbiAgLW1zLWdyaWQtcm93czogYXV0byBtaW5tYXgoMWZyLCAxMDAlKSBhdXRvO1xuICAtbXMtZ3JpZC1jb2x1bW5zOiAxZnI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIDFmciBhdXRvO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAxZnIpOyAvKiBlbnN1cmUgbWluLXdpZHRoIGlzIGRlZmluZWQgYW5kIG5vdCBhdXRvICovXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiAhZnVsbFdpZHRoICYmICcxMjAwcHgnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkSGVhZGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAxO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuY29uc3QgR3JpZE1haW4gPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRGb290ZXIgPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDM7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDM7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkZGU2ZWQ7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0OiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TGF5b3V0R3JpZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9MYXlvdXRHcmlkPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRIZWFkZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkSGVhZGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEhlYWRlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0TWFpbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRNYWluIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZE1haW4+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dEZvb3RlcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRGb290ZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAgPENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250YWluZXI+XG4gICAgPC9HcmlkRm9vdGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgR3JpZDogTGF5b3V0R3JpZCxcbiAgSGVhZGVyOiBMYXlvdXRIZWFkZXIsXG4gIE1haW46IExheW91dE1haW4sXG4gIEZvb3RlcjogTGF5b3V0Rm9vdGVyLFxufVxuIl19 */"));
+const GridFooter = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "edj7or80"
+} : {
+  target: "edj7or80",
+  label: "GridFooter"
+})("-ms-grid-row:3;grid-row:3;background-color:#dde6ed;", Container, "{max-width:", ({
+  fullWidth
+}) => fullWidth && 'initial', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRCtDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBSZW5kZXJBcyA9IHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG50eXBlIExheW91dENoaWxkUHJvcHMgPSB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogMCBhdXRvO1xuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZCA9IHN0eWxlZC5kaXY8TGF5b3V0UHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICBkaXNwbGF5OiAtbXMtZ3JpZDtcbiAgLW1zLWdyaWQtcm93czogYXV0byBtaW5tYXgoMWZyLCAxMDAlKSBhdXRvO1xuICAtbXMtZ3JpZC1jb2x1bW5zOiAxZnI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIDFmciBhdXRvO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAxZnIpOyAvKiBlbnN1cmUgbWluLXdpZHRoIGlzIGRlZmluZWQgYW5kIG5vdCBhdXRvICovXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiAhZnVsbFdpZHRoICYmICcxMjAwcHgnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkSGVhZGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAxO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuY29uc3QgR3JpZE1haW4gPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRGb290ZXIgPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDM7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDM7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkZGU2ZWQ7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0OiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TGF5b3V0R3JpZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9MYXlvdXRHcmlkPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRIZWFkZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkSGVhZGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEhlYWRlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0TWFpbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRNYWluIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZE1haW4+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dEZvb3RlcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRGb290ZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAgPENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250YWluZXI+XG4gICAgPC9HcmlkRm9vdGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgR3JpZDogTGF5b3V0R3JpZCxcbiAgSGVhZGVyOiBMYXlvdXRIZWFkZXIsXG4gIE1haW46IExheW91dE1haW4sXG4gIEZvb3RlcjogTGF5b3V0Rm9vdGVyLFxufVxuIl19 */"));
+const Layout = ({
+  children,
+  className,
+  as = 'div',
+  ...rest
+}) => {
+  return (0, _react2.jsx)(LayoutGrid, _extends({
+    className: className,
+    as: as
+  }, rest), children);
+};
+exports.Layout = Layout;
+const LayoutHeader = ({
+  children,
+  className,
+  as,
+  ...rest
+}) => {
+  return (0, _react2.jsx)(GridHeader, _extends({
+    className: className,
+    as: as
+  }, rest), (0, _react2.jsx)(Container, null, children));
+};
+exports.LayoutHeader = LayoutHeader;
+const LayoutMain = ({
+  children,
+  className,
+  as,
+  ...rest
+}) => {
+  return (0, _react2.jsx)(GridMain, _extends({
+    className: className,
+    as: as
+  }, rest), (0, _react2.jsx)(Container, null, children));
+};
+exports.LayoutMain = LayoutMain;
+const LayoutFooter = ({
+  children,
+  className,
+  as,
+  ...rest
+}) => {
+  return (0, _react2.jsx)(GridFooter, _extends({
+    className: className,
+    as: as
+  }, rest), (0, _react2.jsx)(Container, null, children));
+};
+exports.LayoutFooter = LayoutFooter;
+var _default = {
+  Grid: LayoutGrid,
+  Header: LayoutHeader,
+  Main: LayoutMain,
+  Footer: LayoutFooter
+};
+exports.default = _default;

package/cjs/site-layout/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SiteLayout } from './SiteLayout';
+export * from './SiteLayout';

package/cjs/site-layout/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  SiteLayout: true
+};
+Object.defineProperty(exports, "SiteLayout", {
+  enumerable: true,
+  get: function () {
+    return _SiteLayout.default;
+  }
+});
+var _SiteLayout = _interopRequireWildcard(require("./SiteLayout"));
+Object.keys(_SiteLayout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SiteLayout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SiteLayout[key];
+    }
+  });
+});
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/cjs/skeleton/Skeleton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface SkeletonProps {
+    variant: SkeletonVariant;
+    disableAnimation?: boolean;
+}
+export declare type SkeletonVariant = 'text' | 'circle' | 'rect';
+export declare const Skeleton: ({ variant, disableAnimation, ...rest }: SkeletonProps) => React.JSX.Element;
+export default Skeleton;

package/cjs/skeleton/Skeleton.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Skeleton = void 0;
+var _theme = require("@dfds-ui/theme");
+var _react = require("@emotion/react");
+var _react2 = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Pulse = () => (0, _react.keyframes)`
+    0% { background-color: rgba(77, 78, 76, 0.16); }
+    50% { background-color: rgba(255,255,255, 0.32); }
+    100% { background-color: rgba(77, 78, 76, 0.16); }
+`;
+const getBorderRadius = variant => {
+  if (variant === 'circle') return '50%';
+  if (variant === 'text') return _theme.theme.spacing.xxs;
+  return 'unset';
+};
+const skeletonStyles = ({
+  variant,
+  disableAnimation
+}) => /*#__PURE__*/(0, _react.css)("position:relative;overflow:hidden;border-radius:", getBorderRadius(variant), ";background-color:rgba(77, 78, 76, 0.16);&::after{animation-duration:2.8s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:", !disableAnimation && Pulse(), ";animation-timing-function:linear;content:'';position:absolute;width:100%;height:100%;background-color:rgba(77, 78, 76, 0.16);position:absolute;}" + (process.env.NODE_ENV === "production" ? "" : ";label:skeletonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9za2VsZXRvbi9Ta2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9za2VsZXRvbi9Ta2VsZXRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBQdWxzZSA9ICgpID0+IGtleWZyYW1lc2BcbiAgICAwJSB7IGJhY2tncm91bmQtY29sb3I6IHJnYmEoNzcsIDc4LCA3NiwgMC4xNik7IH1cbiAgICA1MCUgeyBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1NSwyNTUsMjU1LCAwLjMyKTsgfVxuICAgIDEwMCUgeyBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDc3LCA3OCwgNzYsIDAuMTYpOyB9XG5gXG5cbmNvbnN0IGdldEJvcmRlclJhZGl1cyA9ICh2YXJpYW50OiBTa2VsZXRvblZhcmlhbnQpOiBzdHJpbmcgPT4ge1xuICBpZiAodmFyaWFudCA9PT0gJ2NpcmNsZScpIHJldHVybiAnNTAlJ1xuICBpZiAodmFyaWFudCA9PT0gJ3RleHQnKSByZXR1cm4gdGhlbWUuc3BhY2luZy54eHNcbiAgcmV0dXJuICd1bnNldCdcbn1cblxuY29uc3Qgc2tlbGV0b25TdHlsZXMgPSAoe1xuICB2YXJpYW50LFxuICBkaXNhYmxlQW5pbWF0aW9uLFxufToge1xuICB2YXJpYW50OiBTa2VsZXRvblZhcmlhbnRcbiAgZGlzYWJsZUFuaW1hdGlvbjogYm9vbGVhbiB8IHVuZGVmaW5lZFxufSkgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0Qm9yZGVyUmFkaXVzKHZhcmlhbnQpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3NywgNzgsIDc2LCAwLjE2KTtcbiAgJjo6YWZ0ZXIge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMi44cztcbiAgICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbiAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcbiAgICBhbmltYXRpb24tbmFtZTogJHshZGlzYWJsZUFuaW1hdGlvbiAmJiBQdWxzZSgpfTtcbiAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDc3LCA3OCwgNzYsIDAuMTYpO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgfVxuYFxuXG5leHBvcnQgaW50ZXJmYWNlIFNrZWxldG9uUHJvcHMge1xuICB2YXJpYW50OiBTa2VsZXRvblZhcmlhbnRcbiAgZGlzYWJsZUFuaW1hdGlvbj86IGJvb2xlYW5cbn1cblxuZXhwb3J0IHR5cGUgU2tlbGV0b25WYXJpYW50ID0gJ3RleHQnIHwgJ2NpcmNsZScgfCAncmVjdCdcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uID0gKHsgdmFyaWFudCwgZGlzYWJsZUFuaW1hdGlvbiwgLi4ucmVzdCB9OiBTa2VsZXRvblByb3BzKSA9PiAoXG4gIDxkaXYgY3NzPXtza2VsZXRvblN0eWxlcyh7IHZhcmlhbnQsIGRpc2FibGVBbmltYXRpb24gfSl9IHsuLi5yZXN0fSAvPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBTa2VsZXRvblxuIl19 */");
+const Skeleton = ({
+  variant,
+  disableAnimation,
+  ...rest
+}) => (0, _react.jsx)("div", _extends({
+  css: skeletonStyles({
+    variant,
+    disableAnimation
+  })
+}, rest));
+exports.Skeleton = Skeleton;
+var _default = Skeleton;
+exports.default = _default;

package/cjs/skeleton/index.d.ts

@@ -0,0 +1 @@
+export * from './Skeleton';

package/cjs/skeleton/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Skeleton = require("./Skeleton");
+Object.keys(_Skeleton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Skeleton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Skeleton[key];
+    }
+  });
+});

package/cjs/social-media-link-list/SocialMediaLinkList.d.ts

@@ -0,0 +1,24 @@
+import React, { FunctionComponent } from 'react';
+export declare type SocialMediaLinkListProps = {
+    instagramLink?: string;
+    facebookLink?: string;
+    blogLink?: string;
+    twitterLink?: string;
+    linkedinLink?: string;
+    youtubeLink?: string;
+    mailshareLink?: string;
+    iconSize?: string;
+    noPadding?: boolean;
+    colorOverwrite?: string;
+};
+export declare const SoMeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & import("../flexbox/FlexBox").FlexBoxProps & {
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & SocialMediaLinkListProps, {}, {}>;
+declare type socialMediaLinkListComponent = FunctionComponent<SocialMediaLinkListProps>;
+export declare const SocialMediaLinkList: socialMediaLinkListComponent;
+export default SocialMediaLinkList;