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

package/cjs/nav-bar/index.js

@@ -8,7 +8,7 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "NavBar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _NavBar.default;
   }
 });
@@ -19,10 +19,10 @@ Object.keys(_NavBar).forEach(function (key) {
   if (key in exports && exports[key] === _NavBar[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _NavBar[key];
     }
   });
 });
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }

package/cjs/nav-menu/NavMenuItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type NavMenuItemProps = {
+    isActive?: boolean;
+    leftIcon?: React.ElementType;
+    rightIcon?: React.ElementType;
+    as?: React.ElementType;
+    children: React.ReactNode;
+};
+declare const NavMenuItem: React.FunctionComponent<NavMenuItemProps>;
+export default NavMenuItem;

package/cjs/nav-menu/index.d.ts

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

package/cjs/nav-menu/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "NavMenuItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _NavMenuItem.default;
   }
 });

package/cjs/pagination/Pagination.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+type Option = {
+    disabled?: boolean;
+    label: string;
+    value: number;
+};
+export type PaginationProps = {
+    /**
+     * The current page.
+     */
+    currentPage?: number;
+    /**
+     * The current offset
+     */
+    offset?: number;
+    /**
+     * Callback when the page is changed.
+     */
+    onChangePageLimit?: (e: any) => void;
+    /**
+     * Callback when the page is changed.
+     */
+    onPageChange?: (event: React.ChangeEvent<unknown>, page: number) => void;
+    /**
+     * Options passed to the PageLimitSelector
+     */
+    options?: Option[] | null;
+    /**
+     * Number of records per page.
+     */
+    pageLimit: number;
+    /**
+     * Total number of records.
+     */
+    totalRecords: number;
+    /**
+     * Returns the content of the overview.
+     *
+     * Use this if you need to localize the overview being rendered.
+     */
+    renderOverview?: (rangeShown: string, totalRecords: number) => React.ReactNode;
+};
+export declare const Pagination: ({ currentPage, offset, onChangePageLimit, onPageChange, options, pageLimit, totalRecords, renderOverview, }: PaginationProps) => JSX.Element;
+export default Pagination;

package/cjs/pagination/Pagination.js

@@ -12,12 +12,12 @@ var _Pagination = require("./Pagination.styles");
 var _material = require("@mui/material");
 var _react2 = require("@emotion/react");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + 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 _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 defaultOverview = (rangeShown, totalRecords) => `Showing ${rangeShown} of ${totalRecords}`;
-const PaginationItem = _ref3 => {
-  let item = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
+const PaginationItem = ({
+  ...item
+}) => {
   return (0, _react2.jsx)(_material.PaginationItem, _extends({
     css: _Pagination.paginationItemStyles
   }, item));
@@ -50,12 +50,13 @@ const Pagination = ({
   totalRecords = 1,
   renderOverview = defaultOverview
 }) => {
-  const _useBreakpoint = (0, _theme.useBreakpoint)(),
-    greaterThan = _useBreakpoint.greaterThan;
+  const {
+    greaterThan
+  } = (0, _theme.useBreakpoint)();
   const totalPages = Math.ceil(totalRecords / pageLimit);
   const rangeShown = totalRecords === 1 ? String(totalRecords) : `${totalRecords === 0 ? totalRecords : offset + 1}-${pageLimit + offset > totalRecords ? totalRecords : pageLimit + offset}`;
   const currentPageLimit = () => {
-    const option = options === null || options === void 0 ? void 0 : options.find(option => {
+    const option = options?.find(option => {
       return option.value === pageLimit;
     });
     return option;

package/cjs/pagination/Pagination.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const paginationItemStyles: import("@emotion/utils").SerializedStyles;
+export declare const wrapperStyles: import("@emotion/utils").SerializedStyles;
+export declare const TextStyles: import("@emotion/utils").SerializedStyles;
+export declare const PageOverviewStyles: import("@emotion/utils").SerializedStyles;
+export declare const PageLimitStyles: import("@emotion/utils").SerializedStyles;
+export declare const PageLimitWrapperStyles: import("@emotion/utils").SerializedStyles;

package/cjs/pagination/index.d.ts

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

package/cjs/pagination/index.js

@@ -9,7 +9,7 @@ Object.keys(_Pagination).forEach(function (key) {
   if (key in exports && exports[key] === _Pagination[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Pagination[key];
     }
   });

package/cjs/popper/Popper.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { PopperProps, PopperPlacementType } from '@mui/material';
+export type PopperBaseProps = {
+    open?: boolean;
+    children: React.ReactElement | string;
+    anchorEl?: any;
+    id?: string;
+    placement?: PopperPlacementType;
+    disablePortal?: PopperProps['disablePortal'];
+    /**
+     * By default the max-width will be set to 100%. This will allow for child elements to have a width of 100vw and also
+     * a max-width of 100% so it will not be overflowing the potential vertical scrollbars.
+     *
+     * You can disable this by setting `noMaxWidthRestriction` to `false`
+     */
+    noMaxWidthRestriction?: boolean;
+    role?: string;
+    onClickAway?: (e: any) => void;
+    className?: string;
+    style?: PopperProps['style'];
+    popperRef?: PopperProps['popperRef'];
+    modifiers?: PopperProps['modifiers'];
+};
+export declare const PopperBase: ({ open, children, anchorEl, id, placement, onClickAway, className, noMaxWidthRestriction, ...rest }: PopperBaseProps) => JSX.Element;
+type PopperComponentProps = {
+    setAnchorEl: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+} & Omit<PopperBaseProps, 'onClickAway'>;
+declare const Popper: ({ children, anchorEl, id, setAnchorEl, placement, popperRef, ...rest }: PopperComponentProps) => JSX.Element;
+export default Popper;

package/cjs/popper/Popper.js

@@ -9,12 +9,8 @@ var _material = require("@mui/material");
 var _base = require("@mui/base");
 var _theme = require("@dfds-ui/theme");
 var _react2 = require("@emotion/react");
-const _excluded = ["open", "children", "anchorEl", "id", "placement", "onClickAway", "className", "noMaxWidthRestriction"],
-  _excluded2 = ["children", "anchorEl", "id", "setAnchorEl", "placement", "popperRef"];
 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; }
 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)."; }
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "qhxz92",
@@ -25,18 +21,17 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wb3BwZXIvUG9wcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRFciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BvcHBlci9Qb3BwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wcGVyIGFzIE1hdGVyaWFsUG9wcGVyLCBQb3BwZXJQcm9wcywgUG9wcGVyUGxhY2VtZW50VHlwZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyBDbGlja0F3YXlMaXN0ZW5lciB9IGZyb20gJ0BtdWkvYmFzZSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgUG9wcGVyQmFzZVByb3BzID0ge1xuICBvcGVuPzogYm9vbGVhblxuICAvLyBUT0RPOiBDb25zaWRlciBjaGFuZ2luZyB0aGUgdHlwZSB0byBSZWFjdC5SZWFjdE5vZGVcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudCB8IHN0cmluZ1xuICBhbmNob3JFbD86IGFueVxuICBpZD86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQb3BwZXJQbGFjZW1lbnRUeXBlXG4gIGRpc2FibGVQb3J0YWw/OiBQb3BwZXJQcm9wc1snZGlzYWJsZVBvcnRhbCddXG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSBtYXgtd2lkdGggd2lsbCBiZSBzZXQgdG8gMTAwJS4gVGhpcyB3aWxsIGFsbG93IGZvciBjaGlsZCBlbGVtZW50cyB0byBoYXZlIGEgd2lkdGggb2YgMTAwdncgYW5kIGFsc29cbiAgICogYSBtYXgtd2lkdGggb2YgMTAwJSBzbyBpdCB3aWxsIG5vdCBiZSBvdmVyZmxvd2luZyB0aGUgcG90ZW50aWFsIHZlcnRpY2FsIHNjcm9sbGJhcnMuXG4gICAqXG4gICAqIFlvdSBjYW4gZGlzYWJsZSB0aGlzIGJ5IHNldHRpbmcgYG5vTWF4V2lkdGhSZXN0cmljdGlvbmAgdG8gYGZhbHNlYFxuICAgKi9cbiAgbm9NYXhXaWR0aFJlc3RyaWN0aW9uPzogYm9vbGVhblxuICByb2xlPzogc3RyaW5nXG4gIG9uQ2xpY2tBd2F5PzogKGU6IGFueSkgPT4gdm9pZFxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgc3R5bGU/OiBQb3BwZXJQcm9wc1snc3R5bGUnXVxuICBwb3BwZXJSZWY/OiBQb3BwZXJQcm9wc1sncG9wcGVyUmVmJ11cbiAgbW9kaWZpZXJzPzogUG9wcGVyUHJvcHNbJ21vZGlmaWVycyddXG59XG5cbmV4cG9ydCBjb25zdCBQb3BwZXJCYXNlID0gKHtcbiAgb3BlbiA9IGZhbHNlLFxuICBjaGlsZHJlbixcbiAgYW5jaG9yRWwsXG4gIGlkLFxuICBwbGFjZW1lbnQsXG4gIG9uQ2xpY2tBd2F5LFxuICBjbGFzc05hbWUsXG4gIG5vTWF4V2lkdGhSZXN0cmljdGlvbiA9IGZhbHNlLFxuICAuLi5yZXN0XG59OiBQb3BwZXJCYXNlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TWF0ZXJpYWxQb3BwZXJcbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgaWQ9e2lkfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgYW5jaG9yRWw9e2FuY2hvckVsfVxuICAgICAgY3NzPXtcbiAgICAgICAgIW5vTWF4V2lkdGhSZXN0cmljdGlvbiAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgICBgXG4gICAgICB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8Q2xpY2tBd2F5TGlzdGVuZXJcbiAgICAgICAgb25DbGlja0F3YXk9eyhlKSA9PiB7XG4gICAgICAgICAgb25DbGlja0F3YXkgJiYgb25DbGlja0F3YXkoZSlcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8L0NsaWNrQXdheUxpc3RlbmVyPlxuICAgIDwvTWF0ZXJpYWxQb3BwZXI+XG4gIClcbn1cblxudHlwZSBQb3BwZXJDb21wb25lbnRQcm9wcyA9IHtcbiAgc2V0QW5jaG9yRWw6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPEhUTUxFbGVtZW50IHwgbnVsbD4+XG59ICYgT21pdDxQb3BwZXJCYXNlUHJvcHMsICdvbkNsaWNrQXdheSc+XG5cbmNvbnN0IFBvcHBlciA9ICh7IGNoaWxkcmVuLCBhbmNob3JFbCwgaWQsIHNldEFuY2hvckVsLCBwbGFjZW1lbnQsIHBvcHBlclJlZiwgLi4ucmVzdCB9OiBQb3BwZXJDb21wb25lbnRQcm9wcykgPT4ge1xuICBjb25zdCBvcGVuID0gQm9vbGVhbihhbmNob3JFbClcblxuICByZXR1cm4gKFxuICAgIDxQb3BwZXJCYXNlXG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIG9uQ2xpY2tBd2F5PXsoKSA9PiBzZXRBbmNob3JFbChudWxsKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsxNl19O1xuICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubX07XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1BvcHBlckJhc2U+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUG9wcGVyXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-const PopperBase = _ref2 => {
-  let _ref2$open = _ref2.open,
-    open = _ref2$open === void 0 ? false : _ref2$open,
-    children = _ref2.children,
-    anchorEl = _ref2.anchorEl,
-    id = _ref2.id,
-    placement = _ref2.placement,
-    _onClickAway = _ref2.onClickAway,
-    className = _ref2.className,
-    _ref2$noMaxWidthRestr = _ref2.noMaxWidthRestriction,
-    noMaxWidthRestriction = _ref2$noMaxWidthRestr === void 0 ? false : _ref2$noMaxWidthRestr,
-    rest = _objectWithoutProperties(_ref2, _excluded);
+const PopperBase = ({
+  open = false,
+  children,
+  anchorEl,
+  id,
+  placement,
+  onClickAway,
+  className,
+  noMaxWidthRestriction = false,
+  ...rest
+}) => {
   return (0, _react2.jsx)(_material.Popper, _extends({
     placement: placement,
     id: id,
@@ -46,19 +41,20 @@ const PopperBase = _ref2 => {
     css: !noMaxWidthRestriction && _ref
   }, rest), (0, _react2.jsx)(_base.ClickAwayListener, {
     onClickAway: e => {
-      _onClickAway && _onClickAway(e);
+      onClickAway && onClickAway(e);
     }
   }, (0, _react2.jsx)("div", null, children)));
 };
 exports.PopperBase = PopperBase;
-const Popper = _ref3 => {
-  let children = _ref3.children,
-    anchorEl = _ref3.anchorEl,
-    id = _ref3.id,
-    setAnchorEl = _ref3.setAnchorEl,
-    placement = _ref3.placement,
-    popperRef = _ref3.popperRef,
-    rest = _objectWithoutProperties(_ref3, _excluded2);
+const Popper = ({
+  children,
+  anchorEl,
+  id,
+  setAnchorEl,
+  placement,
+  popperRef,
+  ...rest
+}) => {
   const open = Boolean(anchorEl);
   return (0, _react2.jsx)(PopperBase, _extends({
     placement: placement,

package/cjs/popper/index.d.ts

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

package/cjs/popper/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Popper", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Popper.default;
   }
 });

package/cjs/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export type ProgressBarProps = {
+    light?: boolean;
+    indeterminate?: boolean;
+    progress?: number;
+};
+declare const ProgressBar: ({ light, indeterminate, progress }: ProgressBarProps) => JSX.Element;
+export default ProgressBar;

package/cjs/progress-bar/index.d.ts

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

package/cjs/progress-bar/index.js

@@ -8,7 +8,7 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ProgressBar.default;
   }
 });
@@ -19,10 +19,10 @@ Object.keys(_ProgressBar).forEach(function (key) {
   if (key in exports && exports[key] === _ProgressBar[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _ProgressBar[key];
     }
   });
 });
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }

package/cjs/schedule/ScheduleItem.d.ts

@@ -0,0 +1,21 @@
+import React, { FunctionComponent } from 'react';
+export type ListItemProps = {
+    time: string;
+    text: string;
+    backgroundColor?: string;
+};
+export declare const ListItemBase: 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;
+} & {
+    backgroundColor?: string | undefined;
+}, {}, {}>;
+type ScheduleItemComponent = FunctionComponent<ListItemProps>;
+declare const ScheduleItem: ScheduleItemComponent;
+export default ScheduleItem;

package/cjs/schedule/ScheduleList.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent } from 'react';
+type ScheduleListItem = {
+    time: string;
+    text: string;
+};
+type ScheduleListProps = {
+    items: ScheduleListItem[];
+};
+type ScheduleListComponent = FunctionComponent<ScheduleListProps>;
+declare const ScheduleList: ScheduleListComponent;
+export default ScheduleList;

package/cjs/schedule/ScheduleList.js

@@ -8,14 +8,12 @@ var _react = _interopRequireDefault(require("react"));
 var _FlexBox = _interopRequireDefault(require("../flexbox/FlexBox"));
 var _ = require("./");
 var _react2 = require("@emotion/react");
-const _excluded = ["items"];
 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 ScheduleList = _ref => {
-  let items = _ref.items,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const ScheduleList = ({
+  items,
+  ...rest
+}) => {
   const list = items.map((item, i) => {
     return (0, _react2.jsx)(_.ScheduleItem, {
       time: item.time,

package/cjs/schedule/index.d.ts

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

package/cjs/schedule/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "ScheduleItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ScheduleItem.default;
   }
 });
 Object.defineProperty(exports, "ScheduleList", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ScheduleList.default;
   }
 });

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

@@ -0,0 +1,57 @@
+import React from 'react';
+type Variant = 'nested' | 'elevated';
+type BackdropEmphasis = 'low' | 'high';
+type Align = 'left' | 'right';
+export type SideSheetProps = {
+    children?: React.ReactNode;
+    /**
+     * Choose the `width` of the `SideSheet`.
+     */
+    header?: string;
+    /**
+     * Choose the `width` of the `SideSheet`.
+     */
+    width?: string;
+    /**
+     * When you trigger a close.
+     */
+    onRequestClose?: () => void;
+    /**
+     * If set to true, the `SideSheet` is shown.
+     */
+    isOpen: boolean;
+    /**
+     * Choose if the SideSheet should be nested or elevated.
+     */
+    variant?: Variant;
+    /**
+     * Align the elevated SideSheet to left or right.
+     */
+    alignSideSheet?: Align;
+    /**
+     * Style the SideSheet by adding a className to it.
+     */
+    className?: string;
+    /**
+     * Add or remove the backdrop for the elevated side sheet.
+     */
+    backdrop?: boolean;
+    /**
+     * Specify the emphasis of the backdrop.
+     */
+    backdropEmphasis?: BackdropEmphasis;
+    /**
+     * Specify the custom zIndex.
+     */
+    zIndex?: number;
+    /**
+     * Fullscreen on large mobile (breakpoint at 500px).
+     */
+    largeMobileFullScreen?: boolean;
+    /**
+     * Fullscreen on small mobile (breakpoint at 375px).
+     */
+    smallMobileFullScreen?: boolean;
+};
+declare const SideSheet: ({ variant, className, isOpen, backdrop, width, header, zIndex, largeMobileFullScreen, smallMobileFullScreen, onRequestClose, backdropEmphasis, alignSideSheet, children, ...rest }: SideSheetProps) => JSX.Element;
+export default SideSheet;