@dfds-ui/react-components 2.2.0-alpha.938dc7f0 → 2.2.0-alpha.97554408

package/side-sheet/SideSheetHeader.js

@@ -0,0 +1,31 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "className", "sticky", "noDivider"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; }
+import React, { Fragment } from 'react';
+import { css } from '@emotion/react';
+import { theme } from '@dfds-ui/theme';
+import Divider from '../divider/Divider';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+export var SideSheetHeader = function SideSheetHeader(_ref) {
+  var 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 _jsxs(Fragment, {
+    children: [_jsx("div", _objectSpread(_objectSpread({
+      className: className,
+      css: /*#__PURE__*/css("min-height:3rem;display:flex;align-items:center;justify-content:space-between;padding-left:", theme.spacing.s, ";background-color:", theme.colors.surface.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJnQiIsImZpbGUiOiIuLi8uLi9zcmMvc2lkZS1zaGVldC9TaWRlU2hlZXRIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSwgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBEaXZpZGVyIGZyb20gJy4uL2RpdmlkZXIvRGl2aWRlcidcblxuZXhwb3J0IHR5cGUgTW9kYWxIZWFkZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHN0aWNreT86IGJvb2xlYW5cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgbm9EaXZpZGVyPzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgU2lkZVNoZWV0SGVhZGVyID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgc3RpY2t5LCBub0RpdmlkZXIgPSBmYWxzZSwgLi4ucmVzdCB9OiBNb2RhbEhlYWRlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWluLWhlaWdodDogM3JlbTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICAgIHshbm9EaXZpZGVyICYmIDxEaXZpZGVyIC8+fVxuICAgIDwvRnJhZ21lbnQ+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU2lkZVNoZWV0SGVhZGVyXG4iXX0= */")
+    }, rest), {}, {
+      children: children
+    })), !noDivider && _jsx(Divider, {})]
+  });
+};
+export default SideSheetHeader;

package/side-sheet/SideSheetHeadline.d.ts

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

package/side-sheet/SideSheetHeadline.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { css } from '@emotion/react';
+import { theme } from '@dfds-ui/theme';
+import { SmallHeadline } from '../typography/Headlines';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var SideSheetHeadline = function SideSheetHeadline(_ref) {
+  var className = _ref.className,
+    children = _ref.children;
+  return _jsx(SmallHeadline, {
+    css: /*#__PURE__*/css("color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEhlYWRsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhYyIsImZpbGUiOiIuLi8uLi9zcmMvc2lkZS1zaGVldC9TaWRlU2hlZXRIZWFkbGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBTbWFsbEhlYWRsaW5lIH0gZnJvbSAnLi4vdHlwb2dyYXBoeS9IZWFkbGluZXMnXG5cbmV4cG9ydCB0eXBlIFNpZGVTaGVldEhlYWRsaW5lUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgU2lkZVNoZWV0SGVhZGxpbmUgPSAoeyBjbGFzc05hbWUsIGNoaWxkcmVuIH06IFNpZGVTaGVldEhlYWRsaW5lUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U21hbGxIZWFkbGluZVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmt9O1xuICAgICAgICBtYXJnaW46IDAuNjI1cmVtIDA7XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU21hbGxIZWFkbGluZT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTaWRlU2hlZXRIZWFkbGluZVxuIl19 */"),
+    className: className,
+    children: children
+  });
+};
+export default SideSheetHeadline;

package/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/side-sheet/index.js

@@ -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/site-layout/SiteLayout.d.ts

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

package/site-layout/SiteLayout.js

@@ -0,0 +1,127 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import _styled from "@emotion/styled/base";
+var _excluded = ["children", "className", "as"],
+  _excluded2 = ["children", "className", "as"],
+  _excluded3 = ["children", "className", "as"],
+  _excluded4 = ["children", "className", "as"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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)."; }
+import React from 'react';
+import { theme } from '@dfds-ui/theme';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var Container = /*#__PURE__*/_styled("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNEIiLCJmaWxlIjoiLi4vLi4vc3JjL3NpdGUtbGF5b3V0L1NpdGVMYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFJlbmRlckFzID0ge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbnR5cGUgTGF5b3V0UHJvcHMgPSB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbnR5cGUgTGF5b3V0Q2hpbGRQcm9wcyA9IHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7IGZ1bGxXaWR0aD86IGJvb2xlYW47IGNsYXNzTmFtZT86IHN0cmluZyB9ICYgUmVuZGVyQXNcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAwIGF1dG87XG5gXG5cbmV4cG9ydCBjb25zdCBMYXlvdXRHcmlkID0gc3R5bGVkLmRpdjxMYXlvdXRQcm9wcz5gXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIGRpc3BsYXk6IC1tcy1ncmlkO1xuICAtbXMtZ3JpZC1yb3dzOiBhdXRvIG1pbm1heCgxZnIsIDEwMCUpIGF1dG87XG4gIC1tcy1ncmlkLWNvbHVtbnM6IDFmcjtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gMWZyIGF1dG87XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogbWlubWF4KDAsIDFmcik7IC8qIGVuc3VyZSBtaW4td2lkdGggaXMgZGVmaW5lZCBhbmQgbm90IGF1dG8gKi9cbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGhlaWdodDogMTAwJTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+ICFmdWxsV2lkdGggJiYgJzEyMDBweCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRIZWFkZXIgPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDE7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDE7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkTWFpbiA9IHN0eWxlZC5kaXY8TGF5b3V0Q2hpbGRQcm9wcz5gXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIC1tcy1ncmlkLXJvdzogMjtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICBncmlkLXJvdzogMjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuY29uc3QgR3JpZEZvb3RlciA9IHN0eWxlZC5kaXY8TGF5b3V0Q2hpbGRQcm9wcz5gXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIC1tcy1ncmlkLXJvdzogMztcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICBncmlkLXJvdzogMztcbiAgYmFja2dyb3VuZC1jb2xvcjogI2RkZTZlZDtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBMYXlvdXQ6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGFzID0gJ2RpdicsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMYXlvdXRHcmlkIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0xheW91dEdyaWQ+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dEhlYWRlcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRIZWFkZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAgPENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250YWluZXI+XG4gICAgPC9HcmlkSGVhZGVyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRNYWluOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRDaGlsZFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGFzLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZE1haW4gY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAgPENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250YWluZXI+XG4gICAgPC9HcmlkTWFpbj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0Rm9vdGVyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRDaGlsZFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGFzLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEZvb3RlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRGb290ZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQge1xuICBHcmlkOiBMYXlvdXRHcmlkLFxuICBIZWFkZXI6IExheW91dEhlYWRlcixcbiAgTWFpbjogTGF5b3V0TWFpbixcbiAgRm9vdGVyOiBMYXlvdXRGb290ZXIsXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var LayoutGrid = /*#__PURE__*/_styled("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:", function (_ref) {
+  var fullWidth = _ref.fullWidth;
+  return !fullWidth && '1200px';
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmlEIiwiZmlsZSI6Ii4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBSZW5kZXJBcyA9IHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG50eXBlIExheW91dENoaWxkUHJvcHMgPSB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogMCBhdXRvO1xuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZCA9IHN0eWxlZC5kaXY8TGF5b3V0UHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICBkaXNwbGF5OiAtbXMtZ3JpZDtcbiAgLW1zLWdyaWQtcm93czogYXV0byBtaW5tYXgoMWZyLCAxMDAlKSBhdXRvO1xuICAtbXMtZ3JpZC1jb2x1bW5zOiAxZnI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIDFmciBhdXRvO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAxZnIpOyAvKiBlbnN1cmUgbWluLXdpZHRoIGlzIGRlZmluZWQgYW5kIG5vdCBhdXRvICovXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiAhZnVsbFdpZHRoICYmICcxMjAwcHgnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkSGVhZGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAxO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuY29uc3QgR3JpZE1haW4gPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRGb290ZXIgPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDM7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDM7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkZGU2ZWQ7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0OiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TGF5b3V0R3JpZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9MYXlvdXRHcmlkPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRIZWFkZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkSGVhZGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEhlYWRlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0TWFpbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRNYWluIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZE1haW4+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dEZvb3RlcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRGb290ZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAgPENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250YWluZXI+XG4gICAgPC9HcmlkRm9vdGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgR3JpZDogTGF5b3V0R3JpZCxcbiAgSGVhZGVyOiBMYXlvdXRIZWFkZXIsXG4gIE1haW46IExheW91dE1haW4sXG4gIEZvb3RlcjogTGF5b3V0Rm9vdGVyLFxufVxuIl19 */"));
+var GridHeader = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "edj7or82"
+} : {
+  target: "edj7or82",
+  label: "GridHeader"
+})("-ms-grid-row:1;grid-row:1;background-color:", theme.colors.surface.primary, ";", Container, "{max-width:", function (_ref2) {
+  var fullWidth = _ref2.fullWidth;
+  return fullWidth && 'initial';
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQytDIiwiZmlsZSI6Ii4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBSZW5kZXJBcyA9IHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG50eXBlIExheW91dENoaWxkUHJvcHMgPSB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogMCBhdXRvO1xuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZCA9IHN0eWxlZC5kaXY8TGF5b3V0UHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICBkaXNwbGF5OiAtbXMtZ3JpZDtcbiAgLW1zLWdyaWQtcm93czogYXV0byBtaW5tYXgoMWZyLCAxMDAlKSBhdXRvO1xuICAtbXMtZ3JpZC1jb2x1bW5zOiAxZnI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIDFmciBhdXRvO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAxZnIpOyAvKiBlbnN1cmUgbWluLXdpZHRoIGlzIGRlZmluZWQgYW5kIG5vdCBhdXRvICovXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiAhZnVsbFdpZHRoICYmICcxMjAwcHgnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkSGVhZGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAxO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuY29uc3QgR3JpZE1haW4gPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRGb290ZXIgPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDM7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDM7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkZGU2ZWQ7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0OiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TGF5b3V0R3JpZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9MYXlvdXRHcmlkPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRIZWFkZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkSGVhZGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEhlYWRlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0TWFpbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRNYWluIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZE1haW4+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dEZvb3RlcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRGb290ZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAgPENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250YWluZXI+XG4gICAgPC9HcmlkRm9vdGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgR3JpZDogTGF5b3V0R3JpZCxcbiAgSGVhZGVyOiBMYXlvdXRIZWFkZXIsXG4gIE1haW46IExheW91dE1haW4sXG4gIEZvb3RlcjogTGF5b3V0Rm9vdGVyLFxufVxuIl19 */"));
+var GridMain = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "edj7or81"
+} : {
+  target: "edj7or81",
+  label: "GridMain"
+})("-ms-grid-row:2;grid-row:2;background-color:", theme.colors.surface.secondary, ";", Container, "{max-width:", function (_ref3) {
+  var fullWidth = _ref3.fullWidth;
+  return fullWidth && 'initial';
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzZDIiwiZmlsZSI6Ii4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBSZW5kZXJBcyA9IHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG50eXBlIExheW91dENoaWxkUHJvcHMgPSB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogMCBhdXRvO1xuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZCA9IHN0eWxlZC5kaXY8TGF5b3V0UHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICBkaXNwbGF5OiAtbXMtZ3JpZDtcbiAgLW1zLWdyaWQtcm93czogYXV0byBtaW5tYXgoMWZyLCAxMDAlKSBhdXRvO1xuICAtbXMtZ3JpZC1jb2x1bW5zOiAxZnI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIDFmciBhdXRvO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAxZnIpOyAvKiBlbnN1cmUgbWluLXdpZHRoIGlzIGRlZmluZWQgYW5kIG5vdCBhdXRvICovXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiAhZnVsbFdpZHRoICYmICcxMjAwcHgnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkSGVhZGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAxO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuY29uc3QgR3JpZE1haW4gPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRGb290ZXIgPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDM7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDM7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkZGU2ZWQ7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0OiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TGF5b3V0R3JpZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9MYXlvdXRHcmlkPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRIZWFkZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkSGVhZGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEhlYWRlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0TWFpbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRNYWluIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZE1haW4+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dEZvb3RlcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRGb290ZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAgPENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250YWluZXI+XG4gICAgPC9HcmlkRm9vdGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgR3JpZDogTGF5b3V0R3JpZCxcbiAgSGVhZGVyOiBMYXlvdXRIZWFkZXIsXG4gIE1haW46IExheW91dE1haW4sXG4gIEZvb3RlcjogTGF5b3V0Rm9vdGVyLFxufVxuIl19 */"));
+var GridFooter = /*#__PURE__*/_styled("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:", function (_ref4) {
+  var fullWidth = _ref4.fullWidth;
+  return fullWidth && 'initial';
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRCtDIiwiZmlsZSI6Ii4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBSZW5kZXJBcyA9IHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG50eXBlIExheW91dENoaWxkUHJvcHMgPSB7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogMCBhdXRvO1xuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZCA9IHN0eWxlZC5kaXY8TGF5b3V0UHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICBkaXNwbGF5OiAtbXMtZ3JpZDtcbiAgLW1zLWdyaWQtcm93czogYXV0byBtaW5tYXgoMWZyLCAxMDAlKSBhdXRvO1xuICAtbXMtZ3JpZC1jb2x1bW5zOiAxZnI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIDFmciBhdXRvO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAxZnIpOyAvKiBlbnN1cmUgbWluLXdpZHRoIGlzIGRlZmluZWQgYW5kIG5vdCBhdXRvICovXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiAhZnVsbFdpZHRoICYmICcxMjAwcHgnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkSGVhZGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAxO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuY29uc3QgR3JpZE1haW4gPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRGb290ZXIgPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDM7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDM7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkZGU2ZWQ7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0OiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TGF5b3V0R3JpZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9MYXlvdXRHcmlkPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRIZWFkZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkSGVhZGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEhlYWRlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0TWFpbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRNYWluIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZE1haW4+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dEZvb3RlcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRGb290ZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAgPENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250YWluZXI+XG4gICAgPC9HcmlkRm9vdGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgR3JpZDogTGF5b3V0R3JpZCxcbiAgSGVhZGVyOiBMYXlvdXRIZWFkZXIsXG4gIE1haW46IExheW91dE1haW4sXG4gIEZvb3RlcjogTGF5b3V0Rm9vdGVyLFxufVxuIl19 */"));
+export var Layout = function Layout(_ref5) {
+  var children = _ref5.children,
+    className = _ref5.className,
+    _ref5$as = _ref5.as,
+    as = _ref5$as === void 0 ? 'div' : _ref5$as,
+    rest = _objectWithoutProperties(_ref5, _excluded);
+  return _jsx(LayoutGrid, _objectSpread(_objectSpread({
+    className: className,
+    as: as
+  }, rest), {}, {
+    children: children
+  }));
+};
+export var LayoutHeader = function LayoutHeader(_ref6) {
+  var children = _ref6.children,
+    className = _ref6.className,
+    as = _ref6.as,
+    rest = _objectWithoutProperties(_ref6, _excluded2);
+  return _jsx(GridHeader, _objectSpread(_objectSpread({
+    className: className,
+    as: as
+  }, rest), {}, {
+    children: _jsx(Container, {
+      children: children
+    })
+  }));
+};
+export var LayoutMain = function LayoutMain(_ref7) {
+  var children = _ref7.children,
+    className = _ref7.className,
+    as = _ref7.as,
+    rest = _objectWithoutProperties(_ref7, _excluded3);
+  return _jsx(GridMain, _objectSpread(_objectSpread({
+    className: className,
+    as: as
+  }, rest), {}, {
+    children: _jsx(Container, {
+      children: children
+    })
+  }));
+};
+export var LayoutFooter = function LayoutFooter(_ref8) {
+  var children = _ref8.children,
+    className = _ref8.className,
+    as = _ref8.as,
+    rest = _objectWithoutProperties(_ref8, _excluded4);
+  return _jsx(GridFooter, _objectSpread(_objectSpread({
+    className: className,
+    as: as
+  }, rest), {}, {
+    children: _jsx(Container, {
+      children: children
+    })
+  }));
+};
+export default {
+  Grid: LayoutGrid,
+  Header: LayoutHeader,
+  Main: LayoutMain,
+  Footer: LayoutFooter
+};

package/site-layout/index.d.ts

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

package/site-layout/index.js

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

package/skeleton/Skeleton.d.ts

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

package/skeleton/Skeleton.js

@@ -0,0 +1,41 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["variant", "disableAnimation"];
+var _templateObject;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { theme } from '@dfds-ui/theme';
+import { keyframes } from '@emotion/react';
+import { css } from '@emotion/react';
+import React from 'react';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var Pulse = function Pulse() {
+  return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    0% { background-color: rgba(77, 78, 76, 0.16); }\n    50% { background-color: rgba(255,255,255, 0.32); }\n    100% { background-color: rgba(77, 78, 76, 0.16); }\n"])));
+};
+var getBorderRadius = function getBorderRadius(variant) {
+  if (variant === 'circle') return '50%';
+  if (variant === 'text') return theme.spacing.xxs;
+  return 'unset';
+};
+var skeletonStyles = function skeletonStyles(_ref) {
+  var variant = _ref.variant,
+    disableAnimation = _ref.disableAnimation;
+  return /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9za2VsZXRvbi9Ta2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JTIiwiZmlsZSI6Ii4uLy4uL3NyYy9za2VsZXRvbi9Ta2VsZXRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBQdWxzZSA9ICgpID0+IGtleWZyYW1lc2BcbiAgICAwJSB7IGJhY2tncm91bmQtY29sb3I6IHJnYmEoNzcsIDc4LCA3NiwgMC4xNik7IH1cbiAgICA1MCUgeyBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1NSwyNTUsMjU1LCAwLjMyKTsgfVxuICAgIDEwMCUgeyBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDc3LCA3OCwgNzYsIDAuMTYpOyB9XG5gXG5cbmNvbnN0IGdldEJvcmRlclJhZGl1cyA9ICh2YXJpYW50OiBTa2VsZXRvblZhcmlhbnQpOiBzdHJpbmcgPT4ge1xuICBpZiAodmFyaWFudCA9PT0gJ2NpcmNsZScpIHJldHVybiAnNTAlJ1xuICBpZiAodmFyaWFudCA9PT0gJ3RleHQnKSByZXR1cm4gdGhlbWUuc3BhY2luZy54eHNcbiAgcmV0dXJuICd1bnNldCdcbn1cblxuY29uc3Qgc2tlbGV0b25TdHlsZXMgPSAoe1xuICB2YXJpYW50LFxuICBkaXNhYmxlQW5pbWF0aW9uLFxufToge1xuICB2YXJpYW50OiBTa2VsZXRvblZhcmlhbnRcbiAgZGlzYWJsZUFuaW1hdGlvbjogYm9vbGVhbiB8IHVuZGVmaW5lZFxufSkgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0Qm9yZGVyUmFkaXVzKHZhcmlhbnQpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3NywgNzgsIDc2LCAwLjE2KTtcbiAgJjo6YWZ0ZXIge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMi44cztcbiAgICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbiAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcbiAgICBhbmltYXRpb24tbmFtZTogJHshZGlzYWJsZUFuaW1hdGlvbiAmJiBQdWxzZSgpfTtcbiAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDc3LCA3OCwgNzYsIDAuMTYpO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgfVxuYFxuXG5leHBvcnQgaW50ZXJmYWNlIFNrZWxldG9uUHJvcHMge1xuICB2YXJpYW50OiBTa2VsZXRvblZhcmlhbnRcbiAgZGlzYWJsZUFuaW1hdGlvbj86IGJvb2xlYW5cbn1cblxuZXhwb3J0IHR5cGUgU2tlbGV0b25WYXJpYW50ID0gJ3RleHQnIHwgJ2NpcmNsZScgfCAncmVjdCdcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uID0gKHsgdmFyaWFudCwgZGlzYWJsZUFuaW1hdGlvbiwgLi4ucmVzdCB9OiBTa2VsZXRvblByb3BzKSA9PiAoXG4gIDxkaXYgY3NzPXtza2VsZXRvblN0eWxlcyh7IHZhcmlhbnQsIGRpc2FibGVBbmltYXRpb24gfSl9IHsuLi5yZXN0fSAvPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBTa2VsZXRvblxuIl19 */");
+};
+export var Skeleton = function Skeleton(_ref2) {
+  var variant = _ref2.variant,
+    disableAnimation = _ref2.disableAnimation,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  return _jsx("div", _objectSpread({
+    css: skeletonStyles({
+      variant: variant,
+      disableAnimation: disableAnimation
+    })
+  }, rest));
+};
+export default Skeleton;

package/skeleton/index.d.ts

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

package/skeleton/index.js

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

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

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

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

@@ -0,0 +1,110 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import _styled from "@emotion/styled/base";
+var _excluded = ["instagramLink", "facebookLink", "blogLink", "twitterLink", "linkedinLink", "youtubeLink", "mailshareLink", "iconSize", "noPadding", "colorOverwrite"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; }
+import React from 'react';
+import FlexBox from '../flexbox/FlexBox';
+import { Blog, Facebook, Instagram, LinkedIn, MailShare, Twitter, Youtube } from '@dfds-ui/icons';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+export var SoMeWrapper = /*#__PURE__*/_styled(FlexBox, process.env.NODE_ENV === "production" ? {
+  target: "e1vhyn6d0"
+} : {
+  target: "e1vhyn6d0",
+  label: "SoMeWrapper"
+})("width:100%;padding:", function (_ref) {
+  var noPadding = _ref.noPadding;
+  return noPadding ? '0' : '20px 20px 0';
+}, ";a{width:", function (_ref2) {
+  var iconSize = _ref2.iconSize;
+  return iconSize ? iconSize : '30px';
+}, ";height:", function (_ref3) {
+  var iconSize = _ref3.iconSize;
+  return iconSize ? iconSize : '30px';
+}, ";margin:0 25px 20px 0;svg path{fill:", function (_ref4) {
+  var colorOverwrite = _ref4.colorOverwrite;
+  return colorOverwrite ? colorOverwrite : '';
+}, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zb2NpYWwtbWVkaWEtbGluay1saXN0L1NvY2lhbE1lZGlhTGlua0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCb0UiLCJmaWxlIjoiLi4vLi4vc3JjL3NvY2lhbC1tZWRpYS1saW5rLWxpc3QvU29jaWFsTWVkaWFMaW5rTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEZsZXhCb3ggZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgQmxvZywgRmFjZWJvb2ssIEluc3RhZ3JhbSwgTGlua2VkSW4sIE1haWxTaGFyZSwgVHdpdHRlciwgWW91dHViZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuXG5leHBvcnQgdHlwZSBTb2NpYWxNZWRpYUxpbmtMaXN0UHJvcHMgPSB7XG4gIGluc3RhZ3JhbUxpbms/OiBzdHJpbmdcbiAgZmFjZWJvb2tMaW5rPzogc3RyaW5nXG4gIGJsb2dMaW5rPzogc3RyaW5nXG4gIHR3aXR0ZXJMaW5rPzogc3RyaW5nXG4gIGxpbmtlZGluTGluaz86IHN0cmluZ1xuICB5b3V0dWJlTGluaz86IHN0cmluZ1xuICBtYWlsc2hhcmVMaW5rPzogc3RyaW5nXG4gIGljb25TaXplPzogc3RyaW5nXG4gIG5vUGFkZGluZz86IGJvb2xlYW5cbiAgY29sb3JPdmVyd3JpdGU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IFNvTWVXcmFwcGVyID0gc3R5bGVkKEZsZXhCb3gpPFNvY2lhbE1lZGlhTGlua0xpc3RQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAkeyh7IG5vUGFkZGluZyB9KSA9PiAobm9QYWRkaW5nID8gJzAnIDogJzIwcHggMjBweCAwJyl9O1xuXG4gIGEge1xuICAgIHdpZHRoOiAkeyh7IGljb25TaXplIH0pID0+IChpY29uU2l6ZSA/IGljb25TaXplIDogJzMwcHgnKX07XG4gICAgaGVpZ2h0OiAkeyh7IGljb25TaXplIH0pID0+IChpY29uU2l6ZSA/IGljb25TaXplIDogJzMwcHgnKX07XG4gICAgbWFyZ2luOiAwIDI1cHggMjBweCAwO1xuXG4gICAgc3ZnIHBhdGgge1xuICAgICAgZmlsbDogJHsoeyBjb2xvck92ZXJ3cml0ZSB9KSA9PiAoY29sb3JPdmVyd3JpdGUgPyBjb2xvck92ZXJ3cml0ZSA6ICcnKX07XG4gICAgfVxuICB9XG5gXG5cbnR5cGUgc29jaWFsTWVkaWFMaW5rTGlzdENvbXBvbmVudCA9IEZ1bmN0aW9uQ29tcG9uZW50PFNvY2lhbE1lZGlhTGlua0xpc3RQcm9wcz5cblxuZXhwb3J0IGNvbnN0IFNvY2lhbE1lZGlhTGlua0xpc3Q6IHNvY2lhbE1lZGlhTGlua0xpc3RDb21wb25lbnQgPSAoe1xuICBpbnN0YWdyYW1MaW5rLFxuICBmYWNlYm9va0xpbmssXG4gIGJsb2dMaW5rLFxuICB0d2l0dGVyTGluayxcbiAgbGlua2VkaW5MaW5rLFxuICB5b3V0dWJlTGluayxcbiAgbWFpbHNoYXJlTGluayxcbiAgaWNvblNpemUsXG4gIG5vUGFkZGluZyxcbiAgY29sb3JPdmVyd3JpdGUsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U29NZVdyYXBwZXIgY29sb3JPdmVyd3JpdGU9e2NvbG9yT3ZlcndyaXRlfSBub1BhZGRpbmc9e25vUGFkZGluZ30gd3JhcFdyYXAgaWNvblNpemU9e2ljb25TaXplfSB7Li4ucmVzdH0+XG4gICAgICB7ZmFjZWJvb2tMaW5rICYmIChcbiAgICAgICAgPGEgaHJlZj17ZmFjZWJvb2tMaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPEZhY2Vib29rIGhlaWdodD17aWNvblNpemV9IHdpZHRoPXtpY29uU2l6ZX0gLz5cbiAgICAgICAgPC9hPlxuICAgICAgKX1cbiAgICAgIHtibG9nTGluayAmJiAoXG4gICAgICAgIDxhIGhyZWY9e2Jsb2dMaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPEJsb2cgaGVpZ2h0PXtpY29uU2l6ZX0gd2lkdGg9e2ljb25TaXplfSAvPlxuICAgICAgICA8L2E+XG4gICAgICApfVxuICAgICAge2luc3RhZ3JhbUxpbmsgJiYgKFxuICAgICAgICA8YSBocmVmPXtpbnN0YWdyYW1MaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPEluc3RhZ3JhbSBoZWlnaHQ9e2ljb25TaXplfSB3aWR0aD17aWNvblNpemV9IC8+XG4gICAgICAgIDwvYT5cbiAgICAgICl9XG4gICAgICB7bGlua2VkaW5MaW5rICYmIChcbiAgICAgICAgPGEgaHJlZj17bGlua2VkaW5MaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPExpbmtlZEluIGhlaWdodD17aWNvblNpemV9IHdpZHRoPXtpY29uU2l6ZX0gLz5cbiAgICAgICAgPC9hPlxuICAgICAgKX1cbiAgICAgIHt0d2l0dGVyTGluayAmJiAoXG4gICAgICAgIDxhIGhyZWY9e3R3aXR0ZXJMaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPFR3aXR0ZXIgaGVpZ2h0PXtpY29uU2l6ZX0gd2lkdGg9e2ljb25TaXplfSAvPlxuICAgICAgICA8L2E+XG4gICAgICApfVxuICAgICAge3lvdXR1YmVMaW5rICYmIChcbiAgICAgICAgPGEgaHJlZj17eW91dHViZUxpbmt9IHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIj5cbiAgICAgICAgICA8WW91dHViZSBoZWlnaHQ9e2ljb25TaXplfSB3aWR0aD17aWNvblNpemV9IC8+XG4gICAgICAgIDwvYT5cbiAgICAgICl9XG4gICAgICB7bWFpbHNoYXJlTGluayAmJiAoXG4gICAgICAgIDxhIGhyZWY9e21haWxzaGFyZUxpbmt9IHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIj5cbiAgICAgICAgICA8TWFpbFNoYXJlIGhlaWdodD17aWNvblNpemV9IHdpZHRoPXtpY29uU2l6ZX0gLz5cbiAgICAgICAgPC9hPlxuICAgICAgKX1cbiAgICA8L1NvTWVXcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFNvY2lhbE1lZGlhTGlua0xpc3RcbiJdfQ== */"));
+export var SocialMediaLinkList = function SocialMediaLinkList(_ref5) {
+  var instagramLink = _ref5.instagramLink,
+    facebookLink = _ref5.facebookLink,
+    blogLink = _ref5.blogLink,
+    twitterLink = _ref5.twitterLink,
+    linkedinLink = _ref5.linkedinLink,
+    youtubeLink = _ref5.youtubeLink,
+    mailshareLink = _ref5.mailshareLink,
+    iconSize = _ref5.iconSize,
+    noPadding = _ref5.noPadding,
+    colorOverwrite = _ref5.colorOverwrite,
+    rest = _objectWithoutProperties(_ref5, _excluded);
+  return _jsxs(SoMeWrapper, _objectSpread(_objectSpread({
+    colorOverwrite: colorOverwrite,
+    noPadding: noPadding,
+    wrapWrap: true,
+    iconSize: iconSize
+  }, rest), {}, {
+    children: [facebookLink && _jsx("a", {
+      href: facebookLink,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: _jsx(Facebook, {
+        height: iconSize,
+        width: iconSize
+      })
+    }), blogLink && _jsx("a", {
+      href: blogLink,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: _jsx(Blog, {
+        height: iconSize,
+        width: iconSize
+      })
+    }), instagramLink && _jsx("a", {
+      href: instagramLink,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: _jsx(Instagram, {
+        height: iconSize,
+        width: iconSize
+      })
+    }), linkedinLink && _jsx("a", {
+      href: linkedinLink,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: _jsx(LinkedIn, {
+        height: iconSize,
+        width: iconSize
+      })
+    }), twitterLink && _jsx("a", {
+      href: twitterLink,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: _jsx(Twitter, {
+        height: iconSize,
+        width: iconSize
+      })
+    }), youtubeLink && _jsx("a", {
+      href: youtubeLink,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: _jsx(Youtube, {
+        height: iconSize,
+        width: iconSize
+      })
+    }), mailshareLink && _jsx("a", {
+      href: mailshareLink,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: _jsx(MailShare, {
+        height: iconSize,
+        width: iconSize
+      })
+    })]
+  }));
+};
+export default SocialMediaLinkList;

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

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

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

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

package/spinner/Spinner.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+import { PolymorphicComponentProps } from '../common/polymorphic';
+type Color = 'dark' | 'secondary' | 'light';
+export type SpinnerProps = {
+    /**
+     * Indicates that Spinner will show up instantaneously (instead of fading in).
+     *
+     */
+    instant?: boolean;
+    /**
+     * Specifies the size of the Spinner.
+     *
+     * @deprecated Use css instead.
+     */
+    size?: string;
+    /**
+     * Class name to be assigned to component.
+     */
+    className?: string;
+    /**
+     * Set the color variant to use.
+     */
+    color?: Color;
+} & PolymorphicComponentProps;
+/**
+ * A spinner is used to give user a sense of progress, when the time required to complete the given task is not known.
+ */
+export declare function Spinner({ instant, size, className, color, as, ...rest }: SpinnerProps): React.JSX.Element;
+export declare namespace Spinner {
+    var displayName: string;
+}
+/**
+ * @deprecated Style the regular spinner to achieve the desired effect.
+ */
+export declare const CenteredSpinner: import("@emotion/styled").StyledComponent<{
+    /**
+     * Indicates that Spinner will show up instantaneously (instead of fading in).
+     *
+     */
+    instant?: boolean;
+    /**
+     * Specifies the size of the Spinner.
+     *
+     * @deprecated Use css instead.
+     */
+    size?: string;
+    /**
+     * Class name to be assigned to component.
+     */
+    className?: string;
+    /**
+     * Set the color variant to use.
+     */
+    color?: Color;
+} & PolymorphicComponentProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export default Spinner;