@dfds-ui/react-components 2.0.29-alpha.fabf0d98 → 2.0.29-alpha.fae844df

package/cjs/side-sheet/SideSheetHeader.js

@@ -0,0 +1,31 @@
+"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"));
+const _excluded = ["children", "className", "sticky", "noDivider"];
+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 _interopRequireWildcard(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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const SideSheetHeader = _ref => {
+  let children = _ref.children,
+    className = _ref.className,
+    sticky = _ref.sticky,
+    _ref$noDivider = _ref.noDivider,
+    noDivider = _ref$noDivider === void 0 ? false : _ref$noDivider,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  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 { ReactNode } from 'react';
+export declare type SideSheetHeadlineProps = {
+    className?: string;
+    children?: ReactNode;
+};
+export declare const SideSheetHeadline: ({ className, children }: SideSheetHeadlineProps) => 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 get() {
+    return _SideSheet.default;
+  }
+});
+Object.defineProperty(exports, "SideSheetContent", {
+  enumerable: true,
+  get: function get() {
+    return _SideSheetContent.default;
+  }
+});
+Object.defineProperty(exports, "SideSheetFooter", {
+  enumerable: true,
+  get: function get() {
+    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 get() {
+      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 _interopRequireWildcard(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,36 @@
+import React from 'react';
+declare type RenderAs = {
+    as?: React.ElementType;
+};
+declare type LayoutProps = {
+    fullWidth?: boolean;
+    className?: string;
+} & RenderAs;
+declare type LayoutChildProps = {
+    fullWidth?: boolean;
+    className?: string;
+} & RenderAs;
+export declare const LayoutGrid: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    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> | undefined;
+    } & {
+        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,118 @@
+"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");
+const _excluded = ["children", "className", "as"],
+  _excluded2 = ["children", "className", "as"],
+  _excluded3 = ["children", "className", "as"],
+  _excluded4 = ["children", "className", "as"];
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+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",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NpdGUtbGF5b3V0L1NpdGVMYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFJlbmRlckFzID0ge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbnR5cGUgTGF5b3V0UHJvcHMgPSB7IGZ1bGxXaWR0aD86IGJvb2xlYW47IGNsYXNzTmFtZT86IHN0cmluZyB9ICYgUmVuZGVyQXNcblxudHlwZSBMYXlvdXRDaGlsZFByb3BzID0geyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogMCBhdXRvO1xuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZCA9IHN0eWxlZC5kaXY8TGF5b3V0UHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICBkaXNwbGF5OiAtbXMtZ3JpZDtcbiAgLW1zLWdyaWQtcm93czogYXV0byBtaW5tYXgoMWZyLCAxMDAlKSBhdXRvO1xuICAtbXMtZ3JpZC1jb2x1bW5zOiAxZnI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIDFmciBhdXRvO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAxZnIpOyAvKiBlbnN1cmUgbWluLXdpZHRoIGlzIGRlZmluZWQgYW5kIG5vdCBhdXRvICovXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiAhZnVsbFdpZHRoICYmICcxMjAwcHgnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkSGVhZGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAxO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuY29uc3QgR3JpZE1haW4gPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRGb290ZXIgPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDM7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDM7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkZGU2ZWQ7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0OiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TGF5b3V0R3JpZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9MYXlvdXRHcmlkPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRIZWFkZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkSGVhZGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEhlYWRlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0TWFpbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRNYWluIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZE1haW4+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dEZvb3RlcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRGb290ZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAgPENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250YWluZXI+XG4gICAgPC9HcmlkRm9vdGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgR3JpZDogTGF5b3V0R3JpZCxcbiAgSGVhZGVyOiBMYXlvdXRIZWFkZXIsXG4gIE1haW46IExheW91dE1haW4sXG4gIEZvb3RlcjogTGF5b3V0Rm9vdGVyLFxufVxuIl19 */",
+  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/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbnR5cGUgTGF5b3V0Q2hpbGRQcm9wcyA9IHsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDAgYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IExheW91dEdyaWQgPSBzdHlsZWQuZGl2PExheW91dFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgZGlzcGxheTogLW1zLWdyaWQ7XG4gIC1tcy1ncmlkLXJvd3M6IGF1dG8gbWlubWF4KDFmciwgMTAwJSkgYXV0bztcbiAgLW1zLWdyaWQtY29sdW1uczogMWZyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0byAxZnIgYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBtaW5tYXgoMCwgMWZyKTsgLyogZW5zdXJlIG1pbi13aWR0aCBpcyBkZWZpbmVkIGFuZCBub3QgYXV0byAqL1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gIWZ1bGxXaWR0aCAmJiAnMTIwMHB4J307XG4gIH1cbmBcblxuY29uc3QgR3JpZEhlYWRlciA9IHN0eWxlZC5kaXY8TGF5b3V0Q2hpbGRQcm9wcz5gXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIC1tcy1ncmlkLXJvdzogMTtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICBncmlkLXJvdzogMTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRNYWluID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkRm9vdGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAzO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAzO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGRlNmVkO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IExheW91dDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0UHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMgPSAnZGl2JywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExheW91dEdyaWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTGF5b3V0R3JpZD5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0SGVhZGVyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRDaGlsZFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGFzLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEhlYWRlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRIZWFkZXI+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dE1haW46IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkTWFpbiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRNYWluPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGb290ZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkRm9vdGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEZvb3Rlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCB7XG4gIEdyaWQ6IExheW91dEdyaWQsXG4gIEhlYWRlcjogTGF5b3V0SGVhZGVyLFxuICBNYWluOiBMYXlvdXRNYWluLFxuICBGb290ZXI6IExheW91dEZvb3Rlcixcbn1cbiJdfQ== */"));
+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/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbnR5cGUgTGF5b3V0Q2hpbGRQcm9wcyA9IHsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDAgYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IExheW91dEdyaWQgPSBzdHlsZWQuZGl2PExheW91dFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgZGlzcGxheTogLW1zLWdyaWQ7XG4gIC1tcy1ncmlkLXJvd3M6IGF1dG8gbWlubWF4KDFmciwgMTAwJSkgYXV0bztcbiAgLW1zLWdyaWQtY29sdW1uczogMWZyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0byAxZnIgYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBtaW5tYXgoMCwgMWZyKTsgLyogZW5zdXJlIG1pbi13aWR0aCBpcyBkZWZpbmVkIGFuZCBub3QgYXV0byAqL1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gIWZ1bGxXaWR0aCAmJiAnMTIwMHB4J307XG4gIH1cbmBcblxuY29uc3QgR3JpZEhlYWRlciA9IHN0eWxlZC5kaXY8TGF5b3V0Q2hpbGRQcm9wcz5gXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIC1tcy1ncmlkLXJvdzogMTtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICBncmlkLXJvdzogMTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRNYWluID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkRm9vdGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAzO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAzO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGRlNmVkO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IExheW91dDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0UHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMgPSAnZGl2JywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExheW91dEdyaWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTGF5b3V0R3JpZD5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0SGVhZGVyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRDaGlsZFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGFzLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEhlYWRlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRIZWFkZXI+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dE1haW46IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkTWFpbiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRNYWluPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGb290ZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkRm9vdGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEZvb3Rlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCB7XG4gIEdyaWQ6IExheW91dEdyaWQsXG4gIEhlYWRlcjogTGF5b3V0SGVhZGVyLFxuICBNYWluOiBMYXlvdXRNYWluLFxuICBGb290ZXI6IExheW91dEZvb3Rlcixcbn1cbiJdfQ== */"));
+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/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbnR5cGUgTGF5b3V0Q2hpbGRQcm9wcyA9IHsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDAgYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IExheW91dEdyaWQgPSBzdHlsZWQuZGl2PExheW91dFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgZGlzcGxheTogLW1zLWdyaWQ7XG4gIC1tcy1ncmlkLXJvd3M6IGF1dG8gbWlubWF4KDFmciwgMTAwJSkgYXV0bztcbiAgLW1zLWdyaWQtY29sdW1uczogMWZyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0byAxZnIgYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBtaW5tYXgoMCwgMWZyKTsgLyogZW5zdXJlIG1pbi13aWR0aCBpcyBkZWZpbmVkIGFuZCBub3QgYXV0byAqL1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gIWZ1bGxXaWR0aCAmJiAnMTIwMHB4J307XG4gIH1cbmBcblxuY29uc3QgR3JpZEhlYWRlciA9IHN0eWxlZC5kaXY8TGF5b3V0Q2hpbGRQcm9wcz5gXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIC1tcy1ncmlkLXJvdzogMTtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICBncmlkLXJvdzogMTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRNYWluID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkRm9vdGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAzO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAzO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGRlNmVkO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IExheW91dDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0UHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMgPSAnZGl2JywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExheW91dEdyaWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTGF5b3V0R3JpZD5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0SGVhZGVyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRDaGlsZFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGFzLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEhlYWRlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRIZWFkZXI+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dE1haW46IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkTWFpbiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRNYWluPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGb290ZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkRm9vdGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEZvb3Rlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCB7XG4gIEdyaWQ6IExheW91dEdyaWQsXG4gIEhlYWRlcjogTGF5b3V0SGVhZGVyLFxuICBNYWluOiBMYXlvdXRNYWluLFxuICBGb290ZXI6IExheW91dEZvb3Rlcixcbn1cbiJdfQ== */"));
+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/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbnR5cGUgTGF5b3V0Q2hpbGRQcm9wcyA9IHsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDAgYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IExheW91dEdyaWQgPSBzdHlsZWQuZGl2PExheW91dFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgZGlzcGxheTogLW1zLWdyaWQ7XG4gIC1tcy1ncmlkLXJvd3M6IGF1dG8gbWlubWF4KDFmciwgMTAwJSkgYXV0bztcbiAgLW1zLWdyaWQtY29sdW1uczogMWZyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0byAxZnIgYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBtaW5tYXgoMCwgMWZyKTsgLyogZW5zdXJlIG1pbi13aWR0aCBpcyBkZWZpbmVkIGFuZCBub3QgYXV0byAqL1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gIWZ1bGxXaWR0aCAmJiAnMTIwMHB4J307XG4gIH1cbmBcblxuY29uc3QgR3JpZEhlYWRlciA9IHN0eWxlZC5kaXY8TGF5b3V0Q2hpbGRQcm9wcz5gXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIC1tcy1ncmlkLXJvdzogMTtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICBncmlkLXJvdzogMTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRNYWluID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkRm9vdGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAzO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAzO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGRlNmVkO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IExheW91dDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0UHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMgPSAnZGl2JywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExheW91dEdyaWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTGF5b3V0R3JpZD5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0SGVhZGVyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRDaGlsZFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGFzLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEhlYWRlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRIZWFkZXI+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dE1haW46IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkTWFpbiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRNYWluPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGb290ZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkRm9vdGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEZvb3Rlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCB7XG4gIEdyaWQ6IExheW91dEdyaWQsXG4gIEhlYWRlcjogTGF5b3V0SGVhZGVyLFxuICBNYWluOiBMYXlvdXRNYWluLFxuICBGb290ZXI6IExheW91dEZvb3Rlcixcbn1cbiJdfQ== */"));
+const Layout = _ref => {
+  let children = _ref.children,
+    className = _ref.className,
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? 'div' : _ref$as,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return (0, _react2.jsx)(LayoutGrid, _extends({
+    className: className,
+    as: as
+  }, rest), children);
+};
+exports.Layout = Layout;
+const LayoutHeader = _ref2 => {
+  let children = _ref2.children,
+    className = _ref2.className,
+    as = _ref2.as,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return (0, _react2.jsx)(GridHeader, _extends({
+    className: className,
+    as: as
+  }, rest), (0, _react2.jsx)(Container, null, children));
+};
+exports.LayoutHeader = LayoutHeader;
+const LayoutMain = _ref3 => {
+  let children = _ref3.children,
+    className = _ref3.className,
+    as = _ref3.as,
+    rest = _objectWithoutProperties(_ref3, _excluded3);
+  return (0, _react2.jsx)(GridMain, _extends({
+    className: className,
+    as: as
+  }, rest), (0, _react2.jsx)(Container, null, children));
+};
+exports.LayoutMain = LayoutMain;
+const LayoutFooter = _ref4 => {
+  let children = _ref4.children,
+    className = _ref4.className,
+    as = _ref4.as,
+    rest = _objectWithoutProperties(_ref4, _excluded4);
+  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 get() {
+    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 get() {
+      return _SiteLayout[key];
+    }
+  });
+});
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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 @@
+/// <reference types="react" />
+export interface SkeletonProps {
+    variant: SkeletonVariant;
+    disableAnimation?: boolean;
+}
+export declare type SkeletonVariant = 'text' | 'circle' | 'rect';
+export declare const Skeleton: ({ variant, disableAnimation, ...rest }: SkeletonProps) => JSX.Element;
+export default Skeleton;

package/cjs/skeleton/Skeleton.js

@@ -0,0 +1,42 @@
+"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"));
+const _excluded = ["variant", "disableAnimation"];
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+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 = _ref => {
+  let variant = _ref.variant,
+    disableAnimation = _ref.disableAnimation,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return (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 get() {
+      return _Skeleton[key];
+    }
+  });
+});

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

@@ -0,0 +1,26 @@
+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> | undefined;
+} & import("../flexbox/FlexBox").FlexBoxProps & {
+    as?: React.ElementType<any> | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & SocialMediaLinkListProps, {}, {}>;
+declare type socialMediaLinkListComponent = FunctionComponent<SocialMediaLinkListProps>;
+export declare const SocialMediaLinkList: socialMediaLinkListComponent;
+export default SocialMediaLinkList;

package/cjs/social-media-link-list/SocialMediaLinkList.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SocialMediaLinkList = exports.SoMeWrapper = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _FlexBox = _interopRequireDefault(require("../flexbox/FlexBox"));
+var _icons = require("@dfds-ui/icons");
+var _react2 = require("@emotion/react");
+const _excluded = ["instagramLink", "facebookLink", "blogLink", "twitterLink", "linkedinLink", "youtubeLink", "mailshareLink", "iconSize", "noPadding", "colorOverwrite"];
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const SoMeWrapper = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.env.NODE_ENV === "production" ? {
+  target: "e1vhyn6d0"
+} : {
+  target: "e1vhyn6d0",
+  label: "SoMeWrapper"
+})("width:100%;padding:", ({
+  noPadding
+}) => noPadding ? '0' : '20px 20px 0', ";a{width:", ({
+  iconSize
+}) => iconSize ? iconSize : '30px', ";height:", ({
+  iconSize
+}) => iconSize ? iconSize : '30px', ";margin:0 25px 20px 0;svg path{fill:", ({
+  colorOverwrite
+}) => colorOverwrite ? colorOverwrite : '', ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zb2NpYWwtbWVkaWEtbGluay1saXN0L1NvY2lhbE1lZGlhTGlua0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NvY2lhbC1tZWRpYS1saW5rLWxpc3QvU29jaWFsTWVkaWFMaW5rTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEZsZXhCb3ggZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgQmxvZywgRmFjZWJvb2ssIEluc3RhZ3JhbSwgTGlua2VkSW4sIE1haWxTaGFyZSwgVHdpdHRlciwgWW91dHViZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuXG5leHBvcnQgdHlwZSBTb2NpYWxNZWRpYUxpbmtMaXN0UHJvcHMgPSB7XG4gIGluc3RhZ3JhbUxpbms/OiBzdHJpbmdcbiAgZmFjZWJvb2tMaW5rPzogc3RyaW5nXG4gIGJsb2dMaW5rPzogc3RyaW5nXG4gIHR3aXR0ZXJMaW5rPzogc3RyaW5nXG4gIGxpbmtlZGluTGluaz86IHN0cmluZ1xuICB5b3V0dWJlTGluaz86IHN0cmluZ1xuICBtYWlsc2hhcmVMaW5rPzogc3RyaW5nXG4gIGljb25TaXplPzogc3RyaW5nXG4gIG5vUGFkZGluZz86IGJvb2xlYW5cbiAgY29sb3JPdmVyd3JpdGU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IFNvTWVXcmFwcGVyID0gc3R5bGVkKEZsZXhCb3gpPFNvY2lhbE1lZGlhTGlua0xpc3RQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAkeyh7IG5vUGFkZGluZyB9KSA9PiAobm9QYWRkaW5nID8gJzAnIDogJzIwcHggMjBweCAwJyl9O1xuXG4gIGEge1xuICAgIHdpZHRoOiAkeyh7IGljb25TaXplIH0pID0+IChpY29uU2l6ZSA/IGljb25TaXplIDogJzMwcHgnKX07XG4gICAgaGVpZ2h0OiAkeyh7IGljb25TaXplIH0pID0+IChpY29uU2l6ZSA/IGljb25TaXplIDogJzMwcHgnKX07XG4gICAgbWFyZ2luOiAwIDI1cHggMjBweCAwO1xuXG4gICAgc3ZnIHBhdGgge1xuICAgICAgZmlsbDogJHsoeyBjb2xvck92ZXJ3cml0ZSB9KSA9PiAoY29sb3JPdmVyd3JpdGUgPyBjb2xvck92ZXJ3cml0ZSA6ICcnKX07XG4gICAgfVxuICB9XG5gXG5cbnR5cGUgc29jaWFsTWVkaWFMaW5rTGlzdENvbXBvbmVudCA9IEZ1bmN0aW9uQ29tcG9uZW50PFNvY2lhbE1lZGlhTGlua0xpc3RQcm9wcz5cblxuZXhwb3J0IGNvbnN0IFNvY2lhbE1lZGlhTGlua0xpc3Q6IHNvY2lhbE1lZGlhTGlua0xpc3RDb21wb25lbnQgPSAoe1xuICBpbnN0YWdyYW1MaW5rLFxuICBmYWNlYm9va0xpbmssXG4gIGJsb2dMaW5rLFxuICB0d2l0dGVyTGluayxcbiAgbGlua2VkaW5MaW5rLFxuICB5b3V0dWJlTGluayxcbiAgbWFpbHNoYXJlTGluayxcbiAgaWNvblNpemUsXG4gIG5vUGFkZGluZyxcbiAgY29sb3JPdmVyd3JpdGUsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U29NZVdyYXBwZXIgY29sb3JPdmVyd3JpdGU9e2NvbG9yT3ZlcndyaXRlfSBub1BhZGRpbmc9e25vUGFkZGluZ30gd3JhcFdyYXAgaWNvblNpemU9e2ljb25TaXplfSB7Li4ucmVzdH0+XG4gICAgICB7ZmFjZWJvb2tMaW5rICYmIChcbiAgICAgICAgPGEgaHJlZj17ZmFjZWJvb2tMaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPEZhY2Vib29rIGhlaWdodD17aWNvblNpemV9IHdpZHRoPXtpY29uU2l6ZX0gLz5cbiAgICAgICAgPC9hPlxuICAgICAgKX1cbiAgICAgIHtibG9nTGluayAmJiAoXG4gICAgICAgIDxhIGhyZWY9e2Jsb2dMaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPEJsb2cgaGVpZ2h0PXtpY29uU2l6ZX0gd2lkdGg9e2ljb25TaXplfSAvPlxuICAgICAgICA8L2E+XG4gICAgICApfVxuICAgICAge2luc3RhZ3JhbUxpbmsgJiYgKFxuICAgICAgICA8YSBocmVmPXtpbnN0YWdyYW1MaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPEluc3RhZ3JhbSBoZWlnaHQ9e2ljb25TaXplfSB3aWR0aD17aWNvblNpemV9IC8+XG4gICAgICAgIDwvYT5cbiAgICAgICl9XG4gICAgICB7bGlua2VkaW5MaW5rICYmIChcbiAgICAgICAgPGEgaHJlZj17bGlua2VkaW5MaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPExpbmtlZEluIGhlaWdodD17aWNvblNpemV9IHdpZHRoPXtpY29uU2l6ZX0gLz5cbiAgICAgICAgPC9hPlxuICAgICAgKX1cbiAgICAgIHt0d2l0dGVyTGluayAmJiAoXG4gICAgICAgIDxhIGhyZWY9e3R3aXR0ZXJMaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPFR3aXR0ZXIgaGVpZ2h0PXtpY29uU2l6ZX0gd2lkdGg9e2ljb25TaXplfSAvPlxuICAgICAgICA8L2E+XG4gICAgICApfVxuICAgICAge3lvdXR1YmVMaW5rICYmIChcbiAgICAgICAgPGEgaHJlZj17eW91dHViZUxpbmt9IHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIj5cbiAgICAgICAgICA8WW91dHViZSBoZWlnaHQ9e2ljb25TaXplfSB3aWR0aD17aWNvblNpemV9IC8+XG4gICAgICAgIDwvYT5cbiAgICAgICl9XG4gICAgICB7bWFpbHNoYXJlTGluayAmJiAoXG4gICAgICAgIDxhIGhyZWY9e21haWxzaGFyZUxpbmt9IHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIj5cbiAgICAgICAgICA8TWFpbFNoYXJlIGhlaWdodD17aWNvblNpemV9IHdpZHRoPXtpY29uU2l6ZX0gLz5cbiAgICAgICAgPC9hPlxuICAgICAgKX1cbiAgICA8L1NvTWVXcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFNvY2lhbE1lZGlhTGlua0xpc3RcbiJdfQ== */"));
+exports.SoMeWrapper = SoMeWrapper;
+const SocialMediaLinkList = _ref => {
+  let instagramLink = _ref.instagramLink,
+    facebookLink = _ref.facebookLink,
+    blogLink = _ref.blogLink,
+    twitterLink = _ref.twitterLink,
+    linkedinLink = _ref.linkedinLink,
+    youtubeLink = _ref.youtubeLink,
+    mailshareLink = _ref.mailshareLink,
+    iconSize = _ref.iconSize,
+    noPadding = _ref.noPadding,
+    colorOverwrite = _ref.colorOverwrite,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return (0, _react2.jsx)(SoMeWrapper, _extends({
+    colorOverwrite: colorOverwrite,
+    noPadding: noPadding,
+    wrapWrap: true,
+    iconSize: iconSize
+  }, rest), facebookLink && (0, _react2.jsx)("a", {
+    href: facebookLink,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, (0, _react2.jsx)(_icons.Facebook, {
+    height: iconSize,
+    width: iconSize
+  })), blogLink && (0, _react2.jsx)("a", {
+    href: blogLink,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, (0, _react2.jsx)(_icons.Blog, {
+    height: iconSize,
+    width: iconSize
+  })), instagramLink && (0, _react2.jsx)("a", {
+    href: instagramLink,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, (0, _react2.jsx)(_icons.Instagram, {
+    height: iconSize,
+    width: iconSize
+  })), linkedinLink && (0, _react2.jsx)("a", {
+    href: linkedinLink,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, (0, _react2.jsx)(_icons.LinkedIn, {
+    height: iconSize,
+    width: iconSize
+  })), twitterLink && (0, _react2.jsx)("a", {
+    href: twitterLink,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, (0, _react2.jsx)(_icons.Twitter, {
+    height: iconSize,
+    width: iconSize
+  })), youtubeLink && (0, _react2.jsx)("a", {
+    href: youtubeLink,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, (0, _react2.jsx)(_icons.Youtube, {
+    height: iconSize,
+    width: iconSize
+  })), mailshareLink && (0, _react2.jsx)("a", {
+    href: mailshareLink,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, (0, _react2.jsx)(_icons.MailShare, {
+    height: iconSize,
+    width: iconSize
+  })));
+};
+exports.SocialMediaLinkList = SocialMediaLinkList;
+var _default = SocialMediaLinkList;
+exports.default = _default;

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

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

package/cjs/social-media-link-list/index.js

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