@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.90e90c2b

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

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

package/cjs/side-sheet/SideSheetCloseButton.js

@@ -9,22 +9,17 @@ var _system = require("@dfds-ui/icons/system");
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
 var _IconButton = _interopRequireDefault(require("../button/IconButton"));
-const _excluded = ["onRequestClose", "className", "icon", "size", "closeLabel"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const SideSheetCloseButton = _ref => {
-  let onRequestClose = _ref.onRequestClose,
-    className = _ref.className,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? _system.Close : _ref$icon,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    _ref$closeLabel = _ref.closeLabel,
-    closeLabel = _ref$closeLabel === void 0 ? 'Close' : _ref$closeLabel,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return (0, _react2.jsx)(_IconButton.default, _extends({
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SideSheetCloseButton = ({
+  onRequestClose,
+  className,
+  icon = _system.Close,
+  size = 'medium',
+  closeLabel = 'Close',
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)(_IconButton.default, {
     disableOverlay: true,
     disableTooltip: true,
     hoverColor: _theme.theme.colors.secondary.main,
@@ -35,9 +30,9 @@ const SideSheetCloseButton = _ref => {
     icon: icon,
     ariaLabel: closeLabel,
     "data-testid": "modal-close",
-    type: "button"
-  }, rest));
+    type: "button",
+    ...rest
+  });
 };
 exports.SideSheetCloseButton = SideSheetCloseButton;
-var _default = SideSheetCloseButton;
-exports.default = _default;
+var _default = exports.default = SideSheetCloseButton;

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

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

package/cjs/side-sheet/SideSheetContent.js

@@ -7,21 +7,21 @@ exports.default = exports.SideSheetContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
-const _excluded = ["children", "className"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const SideSheetContent = _ref => {
-  let children = _ref.children,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", _extends({
-    className: className,
-    css: /*#__PURE__*/(0, _react2.css)("padding:", _theme.theme.spacing.s, ";overflow:auto;flex:1 1 auto;" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldENvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2lkZS1zaGVldC9TaWRlU2hlZXRDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIEZyYWdtZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFNpZGVTaGVldEZvb3RlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IFNpZGVTaGVldENvbnRlbnQgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCAuLi5yZXN0IH06IFNpZGVTaGVldEZvb3RlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9GcmFnbWVudD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTaWRlU2hlZXRDb250ZW50XG4iXX0= */")
-  }, rest), children));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SideSheetContent = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)(_react.Fragment, {
+    children: (0, _jsxRuntime.jsx)("div", {
+      className: className,
+      css: /*#__PURE__*/(0, _react2.css)("padding:", _theme.theme.spacing.s, ";overflow:auto;flex:1 1 auto;" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldENvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2lkZS1zaGVldC9TaWRlU2hlZXRDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIEZyYWdtZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFNpZGVTaGVldEZvb3RlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IFNpZGVTaGVldENvbnRlbnQgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCAuLi5yZXN0IH06IFNpZGVTaGVldEZvb3RlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9GcmFnbWVudD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTaWRlU2hlZXRDb250ZW50XG4iXX0= */"),
+      ...rest,
+      children: children
+    })
+  });
 };
 exports.SideSheetContent = SideSheetContent;
-var _default = SideSheetContent;
-exports.default = _default;
+var _default = exports.default = SideSheetContent;

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

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

package/cjs/side-sheet/SideSheetFooter.js

@@ -7,21 +7,21 @@ exports.default = exports.SideSheetFooter = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
-const _excluded = ["children", "className"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const SideSheetFooter = _ref => {
-  let children = _ref.children,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", _extends({
-    className: className,
-    css: /*#__PURE__*/(0, _react2.css)("flex:0 0 auto;display:flex;padding:", _theme.theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetFooter;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEZvb3Rlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBTaWRlU2hlZXRGb290ZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBTaWRlU2hlZXRGb290ZXIgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCAuLi5yZXN0IH06IFNpZGVTaGVldEZvb3RlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZmxleDogMCAwIGF1dG87XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L0ZyYWdtZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFNpZGVTaGVldEZvb3RlclxuIl19 */")
-  }, rest), children));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SideSheetFooter = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)(_react.Fragment, {
+    children: (0, _jsxRuntime.jsx)("div", {
+      className: className,
+      css: /*#__PURE__*/(0, _react2.css)("flex:0 0 auto;display:flex;padding:", _theme.theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetFooter;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEZvb3Rlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBTaWRlU2hlZXRGb290ZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBTaWRlU2hlZXRGb290ZXIgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCAuLi5yZXN0IH06IFNpZGVTaGVldEZvb3RlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZmxleDogMCAwIGF1dG87XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L0ZyYWdtZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFNpZGVTaGVldEZvb3RlclxuIl19 */"),
+      ...rest,
+      children: children
+    })
+  });
 };
 exports.SideSheetFooter = SideSheetFooter;
-var _default = SideSheetFooter;
-exports.default = _default;
+var _default = exports.default = SideSheetFooter;

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

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

package/cjs/side-sheet/SideSheetHeader.js

@@ -8,25 +8,24 @@ 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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-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));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SideSheetHeader = ({
+  children,
+  className,
+  sticky,
+  noDivider = false,
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [(0, _jsxRuntime.jsx)("div", {
+      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: children
+    }), !noDivider && (0, _jsxRuntime.jsx)(_Divider.default, {})]
+  });
 };
 exports.SideSheetHeader = SideSheetHeader;
-var _default = SideSheetHeader;
-exports.default = _default;
+var _default = exports.default = SideSheetHeader;

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

@@ -8,16 +8,17 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
 var _Headlines = require("../typography/Headlines");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SideSheetHeadline = ({
   className,
   children
 }) => {
-  return (0, _react2.jsx)(_Headlines.SmallHeadline, {
+  return (0, _jsxRuntime.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);
+    className: className,
+    children: children
+  });
 };
 exports.SideSheetHeadline = SideSheetHeadline;
-var _default = SideSheetHeadline;
-exports.default = _default;
+var _default = exports.default = SideSheetHeadline;

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

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

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

@@ -0,0 +1,40 @@
+import React from 'react';
+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;