@dfds-ui/react-components 2.2.0-alpha.eae7bbcd → 2.2.0-alpha.f8b06f5f

package/cjs/pagination/Pagination.js

@@ -11,16 +11,17 @@ var _ReactSelect = _interopRequireDefault(require("../forms/reactselect/ReactSel
 var _Pagination = require("./Pagination.styles");
 var _material = require("@mui/material");
 var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const defaultOverview = (rangeShown, totalRecords) => `Showing ${rangeShown} of ${totalRecords}`;
 const PaginationItem = ({
   ...item
 }) => {
-  return (0, _react2.jsx)(_material.PaginationItem, _extends({
-    css: _Pagination.paginationItemStyles
-  }, item));
+  return (0, _jsxRuntime.jsx)(_material.PaginationItem, {
+    css: _Pagination.paginationItemStyles,
+    ...item
+  });
 };
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "e3viwr",
@@ -59,7 +60,7 @@ const Pagination = ({
     });
     return option;
   };
-  const PageLimitSelector = (0, _react2.jsx)(_ReactSelect.default, {
+  const PageLimitSelector = (0, _jsxRuntime.jsx)(_ReactSelect.default, {
     onChange: onChangePageLimit,
     options: options,
     size: "small",
@@ -67,38 +68,49 @@ const Pagination = ({
     css: _Pagination.PageLimitStyles,
     menuPlacement: "auto"
   });
-  return (0, _react2.jsx)(_react.default.Fragment, null, greaterThan('l') ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("div", {
-    css: _Pagination.wrapperStyles
-  }, (0, _react2.jsx)(_typography.Text, {
-    css: _Pagination.PageOverviewStyles,
-    styledAs: "bodyInterface"
-  }, renderOverview(rangeShown, totalRecords)), (0, _react2.jsx)(_material.Pagination, {
-    count: totalPages,
-    onChange: onPageChange,
-    page: currentPage,
-    renderItem: PaginationItem,
-    showFirstButton: true,
-    showLastButton: true,
-    size: "large"
-  }), (0, _react2.jsx)("div", {
-    css: _Pagination.PageLimitWrapperStyles
-  }, PageLimitSelector))) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("div", {
-    css: _ref2
-  }, (0, _react2.jsx)(_typography.Text, {
-    css: _Pagination.TextStyles,
-    styledAs: "bodyInterfaceSmall"
-  }, renderOverview(rangeShown, totalRecords)), PageLimitSelector), (0, _react2.jsx)("div", {
-    css: _ref
-  }, (0, _react2.jsx)(_material.Pagination, {
-    boundaryCount: 1,
-    count: totalPages,
-    onChange: onPageChange,
-    page: currentPage,
-    renderItem: PaginationItem,
-    siblingCount: 0,
-    size: "large"
-  }))));
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: greaterThan('l') ? (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: (0, _jsxRuntime.jsxs)("div", {
+        css: _Pagination.wrapperStyles,
+        children: [(0, _jsxRuntime.jsx)(_typography.Text, {
+          css: _Pagination.PageOverviewStyles,
+          styledAs: "bodyInterface",
+          children: renderOverview(rangeShown, totalRecords)
+        }), (0, _jsxRuntime.jsx)(_material.Pagination, {
+          count: totalPages,
+          onChange: onPageChange,
+          page: currentPage,
+          renderItem: PaginationItem,
+          showFirstButton: true,
+          showLastButton: true,
+          size: "large"
+        }), (0, _jsxRuntime.jsx)("div", {
+          css: _Pagination.PageLimitWrapperStyles,
+          children: PageLimitSelector
+        })]
+      })
+    }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsxs)("div", {
+        css: _ref2,
+        children: [(0, _jsxRuntime.jsx)(_typography.Text, {
+          css: _Pagination.TextStyles,
+          styledAs: "bodyInterfaceSmall",
+          children: renderOverview(rangeShown, totalRecords)
+        }), PageLimitSelector]
+      }), (0, _jsxRuntime.jsx)("div", {
+        css: _ref,
+        children: (0, _jsxRuntime.jsx)(_material.Pagination, {
+          boundaryCount: 1,
+          count: totalPages,
+          onChange: onPageChange,
+          page: currentPage,
+          renderItem: PaginationItem,
+          siblingCount: 0,
+          size: "large"
+        })
+      })]
+    })
+  });
 };
 exports.Pagination = Pagination;
-var _default = Pagination;
-exports.default = _default;
+var _default = exports.default = Pagination;

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

@@ -1,6 +1,6 @@
-export declare const paginationItemStyles: import("@emotion/react").SerializedStyles;
-export declare const wrapperStyles: import("@emotion/react").SerializedStyles;
-export declare const TextStyles: import("@emotion/react").SerializedStyles;
-export declare const PageOverviewStyles: import("@emotion/react").SerializedStyles;
-export declare const PageLimitStyles: import("@emotion/react").SerializedStyles;
-export declare const PageLimitWrapperStyles: import("@emotion/react").SerializedStyles;
+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/Pagination.styles.js

@@ -7,14 +7,12 @@ exports.wrapperStyles = exports.paginationItemStyles = exports.TextStyles = expo
 var _theme = require("@dfds-ui/theme");
 var _react = require("@emotion/react");
 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 paginationItemStyles = /*#__PURE__*/(0, _react.css)("&&{&:hover,&.Mui-selected:hover{background-color:rgba(73, 162, 223, 0.08);}&:focus,&.Mui-selected,&.Mui-selected:focus{background-color:rgba(73, 162, 223, 0.12);}&.MuiPaginationItem-sizeLarge{border-radius:0;}&.MuiPaginationItem-root:hover>.MuiPaginationItem-icon,.MuiPaginationItem-root:focus>.MuiPaginationItem-icon{color:", _theme.theme.colors.secondary.main, ";}&.MuiPaginationItem-root:active>.MuiPaginationItem-icon{color:", _theme.theme.colors.secondary.dark, ";}&.MuiPaginationItem-root .MuiTouchRipple-root{display:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:paginationItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUsIG1lZGlhIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IHBhZ2luYXRpb25JdGVtU3R5bGVzID0gY3NzYFxuICAmJiB7XG4gICAgJjpob3ZlcixcbiAgICAmLk11aS1zZWxlY3RlZDpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgfVxuXG4gICAgJjpmb2N1cyxcbiAgICAmLk11aS1zZWxlY3RlZCxcbiAgICAmLk11aS1zZWxlY3RlZDpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xMik7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1zaXplTGFyZ2Uge1xuICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICB9XG5cbiAgICAmLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6aG92ZXIgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbixcbiAgICAuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDpmb2N1cyA+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmFjdGl2ZSA+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290IC5NdWlUb3VjaFJpcHBsZS1yb290IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGVzID0gY3NzYFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcblxuICAke21lZGlhLmxlc3NUaGFuKCdsJylgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYH1cbmBcblxuZXhwb3J0IGNvbnN0IFRleHRTdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgcGFnZUxpbWl0V2lkdGggPSAnMTUwcHgnXG5cbmV4cG9ydCBjb25zdCBQYWdlT3ZlcnZpZXdTdHlsZXMgPSBjc3NgXG4gICR7VGV4dFN0eWxlc31cbiAgZmxleC1ncm93OiAxO1xuICBtaW4td2lkdGg6ICR7cGFnZUxpbWl0V2lkdGh9O1xuYFxuXG5leHBvcnQgY29uc3QgUGFnZUxpbWl0U3R5bGVzID0gY3NzYFxuICBtaW4td2lkdGg6ICR7cGFnZUxpbWl0V2lkdGh9O1xuYFxuXG5leHBvcnQgY29uc3QgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcbiJdfQ== */");
-exports.paginationItemStyles = paginationItemStyles;
-const wrapperStyles = /*#__PURE__*/(0, _react.css)("align-items:center;background-color:white;display:flex;justify-content:space-between;width:100%;", _theme.media.lessThan('l')`
+const paginationItemStyles = exports.paginationItemStyles = /*#__PURE__*/(0, _react.css)("&&{&:hover,&.Mui-selected:hover{background-color:rgba(73, 162, 223, 0.08);}&:focus,&.Mui-selected,&.Mui-selected:focus{background-color:rgba(73, 162, 223, 0.12);}&.MuiPaginationItem-sizeLarge{border-radius:0;}&.MuiPaginationItem-root:hover>.MuiPaginationItem-icon,.MuiPaginationItem-root:focus>.MuiPaginationItem-icon{color:", _theme.theme.colors.secondary.main, ";}&.MuiPaginationItem-root:active>.MuiPaginationItem-icon{color:", _theme.theme.colors.secondary.dark, ";}&.MuiPaginationItem-root .MuiTouchRipple-root{display:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:paginationItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUsIG1lZGlhIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IHBhZ2luYXRpb25JdGVtU3R5bGVzID0gY3NzYFxuICAmJiB7XG4gICAgJjpob3ZlcixcbiAgICAmLk11aS1zZWxlY3RlZDpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgfVxuXG4gICAgJjpmb2N1cyxcbiAgICAmLk11aS1zZWxlY3RlZCxcbiAgICAmLk11aS1zZWxlY3RlZDpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xMik7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1zaXplTGFyZ2Uge1xuICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICB9XG5cbiAgICAmLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6aG92ZXIgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbixcbiAgICAuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDpmb2N1cyA+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmFjdGl2ZSA+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290IC5NdWlUb3VjaFJpcHBsZS1yb290IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGVzID0gY3NzYFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcblxuICAke21lZGlhLmxlc3NUaGFuKCdsJylgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYH1cbmBcblxuZXhwb3J0IGNvbnN0IFRleHRTdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgcGFnZUxpbWl0V2lkdGggPSAnMTUwcHgnXG5cbmV4cG9ydCBjb25zdCBQYWdlT3ZlcnZpZXdTdHlsZXMgPSBjc3NgXG4gICR7VGV4dFN0eWxlc31cbiAgZmxleC1ncm93OiAxO1xuICBtaW4td2lkdGg6ICR7cGFnZUxpbWl0V2lkdGh9O1xuYFxuXG5leHBvcnQgY29uc3QgUGFnZUxpbWl0U3R5bGVzID0gY3NzYFxuICBtaW4td2lkdGg6ICR7cGFnZUxpbWl0V2lkdGh9O1xuYFxuXG5leHBvcnQgY29uc3QgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcbiJdfQ== */");
+const wrapperStyles = exports.wrapperStyles = /*#__PURE__*/(0, _react.css)("align-items:center;background-color:white;display:flex;justify-content:space-between;width:100%;", _theme.media.lessThan('l')`
     flex-direction: column;
     justify-content: center;
   `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2dDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
-exports.wrapperStyles = wrapperStyles;
-const TextStyles = process.env.NODE_ENV === "production" ? {
+const TextStyles = exports.TextStyles = process.env.NODE_ENV === "production" ? {
   name: "ti75j2",
   styles: "margin:0"
 } : {
@@ -22,11 +20,7 @@ const TextStyles = process.env.NODE_ENV === "production" ? {
   styles: "margin:0;label:TextStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDZCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-exports.TextStyles = TextStyles;
 const pageLimitWidth = '150px';
-const PageOverviewStyles = /*#__PURE__*/(0, _react.css)(TextStyles, " flex-grow:1;min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageOverviewStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRHFDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
-exports.PageOverviewStyles = PageOverviewStyles;
-const PageLimitStyles = /*#__PURE__*/(0, _react.css)("min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageLimitStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RGtDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
-exports.PageLimitStyles = PageLimitStyles;
-const PageLimitWrapperStyles = /*#__PURE__*/(0, _react.css)("display:flex;flex-grow:1;justify-content:end;min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageLimitWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRXlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
-exports.PageLimitWrapperStyles = PageLimitWrapperStyles;
+const PageOverviewStyles = exports.PageOverviewStyles = /*#__PURE__*/(0, _react.css)(TextStyles, " flex-grow:1;min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageOverviewStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRHFDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
+const PageLimitStyles = exports.PageLimitStyles = /*#__PURE__*/(0, _react.css)("min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageLimitStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RGtDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
+const PageLimitWrapperStyles = exports.PageLimitWrapperStyles = /*#__PURE__*/(0, _react.css)("display:flex;flex-grow:1;justify-content:end;min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageLimitWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRXlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");

package/cjs/popper/Popper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PopperProps, PopperPlacementType } from '@mui/material';
-export declare type PopperBaseProps = {
+export type PopperBaseProps = {
     open?: boolean;
     children: React.ReactElement | string;
     anchorEl?: any;
@@ -22,7 +22,7 @@ export declare type PopperBaseProps = {
     modifiers?: PopperProps['modifiers'];
 };
 export declare const PopperBase: ({ open, children, anchorEl, id, placement, onClickAway, className, noMaxWidthRestriction, ...rest }: PopperBaseProps) => React.JSX.Element;
-declare type PopperComponentProps = {
+type PopperComponentProps = {
     setAnchorEl: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
 } & Omit<PopperBaseProps, 'onClickAway'>;
 declare const Popper: ({ children, anchorEl, id, setAnchorEl, placement, popperRef, ...rest }: PopperComponentProps) => React.JSX.Element;

package/cjs/popper/Popper.js

@@ -9,8 +9,8 @@ var _material = require("@mui/material");
 var _base = require("@mui/base");
 var _theme = require("@dfds-ui/theme");
 var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "qhxz92",
@@ -31,18 +31,23 @@ const PopperBase = ({
   noMaxWidthRestriction = false,
   ...rest
 }) => {
-  return (0, _react2.jsx)(_material.Popper, _extends({
+  return (0, _jsxRuntime.jsx)(_material.Popper, {
     placement: placement,
     id: id,
     open: open,
     className: className,
     anchorEl: anchorEl,
-    css: !noMaxWidthRestriction && _ref
-  }, rest), (0, _react2.jsx)(_base.ClickAwayListener, {
-    onClickAway: e => {
-      onClickAway && onClickAway(e);
-    }
-  }, (0, _react2.jsx)("div", null, children)));
+    css: !noMaxWidthRestriction && _ref,
+    ...rest,
+    children: (0, _jsxRuntime.jsx)(_base.ClickAwayListener, {
+      onClickAway: e => {
+        onClickAway && onClickAway(e);
+      },
+      children: (0, _jsxRuntime.jsx)("div", {
+        children: children
+      })
+    })
+  });
 };
 exports.PopperBase = PopperBase;
 const Popper = ({
@@ -55,15 +60,15 @@ const Popper = ({
   ...rest
 }) => {
   const open = Boolean(anchorEl);
-  return (0, _react2.jsx)(PopperBase, _extends({
+  return (0, _jsxRuntime.jsx)(PopperBase, {
     placement: placement,
     id: id,
     open: open,
-    anchorEl: anchorEl
-  }, rest, {
+    anchorEl: anchorEl,
+    ...rest,
     onClickAway: () => setAnchorEl(null),
-    css: /*#__PURE__*/(0, _react2.css)("background:", _theme.theme.colors.surface.primary, ";box-shadow:", _theme.theme.elevation[16], ";padding:", _theme.theme.spacing.m, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Popper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wb3BwZXIvUG9wcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BvcHBlci9Qb3BwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wcGVyIGFzIE1hdGVyaWFsUG9wcGVyLCBQb3BwZXJQcm9wcywgUG9wcGVyUGxhY2VtZW50VHlwZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyBDbGlja0F3YXlMaXN0ZW5lciB9IGZyb20gJ0BtdWkvYmFzZSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgUG9wcGVyQmFzZVByb3BzID0ge1xuICBvcGVuPzogYm9vbGVhblxuICAvLyBUT0RPOiBDb25zaWRlciBjaGFuZ2luZyB0aGUgdHlwZSB0byBSZWFjdC5SZWFjdE5vZGVcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudCB8IHN0cmluZ1xuICBhbmNob3JFbD86IGFueVxuICBpZD86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQb3BwZXJQbGFjZW1lbnRUeXBlXG4gIGRpc2FibGVQb3J0YWw/OiBQb3BwZXJQcm9wc1snZGlzYWJsZVBvcnRhbCddXG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSBtYXgtd2lkdGggd2lsbCBiZSBzZXQgdG8gMTAwJS4gVGhpcyB3aWxsIGFsbG93IGZvciBjaGlsZCBlbGVtZW50cyB0byBoYXZlIGEgd2lkdGggb2YgMTAwdncgYW5kIGFsc29cbiAgICogYSBtYXgtd2lkdGggb2YgMTAwJSBzbyBpdCB3aWxsIG5vdCBiZSBvdmVyZmxvd2luZyB0aGUgcG90ZW50aWFsIHZlcnRpY2FsIHNjcm9sbGJhcnMuXG4gICAqXG4gICAqIFlvdSBjYW4gZGlzYWJsZSB0aGlzIGJ5IHNldHRpbmcgYG5vTWF4V2lkdGhSZXN0cmljdGlvbmAgdG8gYGZhbHNlYFxuICAgKi9cbiAgbm9NYXhXaWR0aFJlc3RyaWN0aW9uPzogYm9vbGVhblxuICByb2xlPzogc3RyaW5nXG4gIG9uQ2xpY2tBd2F5PzogKGU6IGFueSkgPT4gdm9pZFxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgc3R5bGU/OiBQb3BwZXJQcm9wc1snc3R5bGUnXVxuICBwb3BwZXJSZWY/OiBQb3BwZXJQcm9wc1sncG9wcGVyUmVmJ11cbiAgbW9kaWZpZXJzPzogUG9wcGVyUHJvcHNbJ21vZGlmaWVycyddXG59XG5cbmV4cG9ydCBjb25zdCBQb3BwZXJCYXNlID0gKHtcbiAgb3BlbiA9IGZhbHNlLFxuICBjaGlsZHJlbixcbiAgYW5jaG9yRWwsXG4gIGlkLFxuICBwbGFjZW1lbnQsXG4gIG9uQ2xpY2tBd2F5LFxuICBjbGFzc05hbWUsXG4gIG5vTWF4V2lkdGhSZXN0cmljdGlvbiA9IGZhbHNlLFxuICAuLi5yZXN0XG59OiBQb3BwZXJCYXNlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TWF0ZXJpYWxQb3BwZXJcbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgaWQ9e2lkfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgYW5jaG9yRWw9e2FuY2hvckVsfVxuICAgICAgY3NzPXtcbiAgICAgICAgIW5vTWF4V2lkdGhSZXN0cmljdGlvbiAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgICBgXG4gICAgICB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8Q2xpY2tBd2F5TGlzdGVuZXJcbiAgICAgICAgb25DbGlja0F3YXk9eyhlKSA9PiB7XG4gICAgICAgICAgb25DbGlja0F3YXkgJiYgb25DbGlja0F3YXkoZSlcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8L0NsaWNrQXdheUxpc3RlbmVyPlxuICAgIDwvTWF0ZXJpYWxQb3BwZXI+XG4gIClcbn1cblxudHlwZSBQb3BwZXJDb21wb25lbnRQcm9wcyA9IHtcbiAgc2V0QW5jaG9yRWw6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPEhUTUxFbGVtZW50IHwgbnVsbD4+XG59ICYgT21pdDxQb3BwZXJCYXNlUHJvcHMsICdvbkNsaWNrQXdheSc+XG5cbmNvbnN0IFBvcHBlciA9ICh7IGNoaWxkcmVuLCBhbmNob3JFbCwgaWQsIHNldEFuY2hvckVsLCBwbGFjZW1lbnQsIHBvcHBlclJlZiwgLi4ucmVzdCB9OiBQb3BwZXJDb21wb25lbnRQcm9wcykgPT4ge1xuICBjb25zdCBvcGVuID0gQm9vbGVhbihhbmNob3JFbClcblxuICByZXR1cm4gKFxuICAgIDxQb3BwZXJCYXNlXG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIG9uQ2xpY2tBd2F5PXsoKSA9PiBzZXRBbmNob3JFbChudWxsKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsxNl19O1xuICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubX07XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1BvcHBlckJhc2U+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUG9wcGVyXG4iXX0= */")
-  }), children);
+    css: /*#__PURE__*/(0, _react2.css)("background:", _theme.theme.colors.surface.primary, ";box-shadow:", _theme.theme.elevation[16], ";padding:", _theme.theme.spacing.m, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Popper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wb3BwZXIvUG9wcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BvcHBlci9Qb3BwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wcGVyIGFzIE1hdGVyaWFsUG9wcGVyLCBQb3BwZXJQcm9wcywgUG9wcGVyUGxhY2VtZW50VHlwZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyBDbGlja0F3YXlMaXN0ZW5lciB9IGZyb20gJ0BtdWkvYmFzZSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgUG9wcGVyQmFzZVByb3BzID0ge1xuICBvcGVuPzogYm9vbGVhblxuICAvLyBUT0RPOiBDb25zaWRlciBjaGFuZ2luZyB0aGUgdHlwZSB0byBSZWFjdC5SZWFjdE5vZGVcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudCB8IHN0cmluZ1xuICBhbmNob3JFbD86IGFueVxuICBpZD86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQb3BwZXJQbGFjZW1lbnRUeXBlXG4gIGRpc2FibGVQb3J0YWw/OiBQb3BwZXJQcm9wc1snZGlzYWJsZVBvcnRhbCddXG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSBtYXgtd2lkdGggd2lsbCBiZSBzZXQgdG8gMTAwJS4gVGhpcyB3aWxsIGFsbG93IGZvciBjaGlsZCBlbGVtZW50cyB0byBoYXZlIGEgd2lkdGggb2YgMTAwdncgYW5kIGFsc29cbiAgICogYSBtYXgtd2lkdGggb2YgMTAwJSBzbyBpdCB3aWxsIG5vdCBiZSBvdmVyZmxvd2luZyB0aGUgcG90ZW50aWFsIHZlcnRpY2FsIHNjcm9sbGJhcnMuXG4gICAqXG4gICAqIFlvdSBjYW4gZGlzYWJsZSB0aGlzIGJ5IHNldHRpbmcgYG5vTWF4V2lkdGhSZXN0cmljdGlvbmAgdG8gYGZhbHNlYFxuICAgKi9cbiAgbm9NYXhXaWR0aFJlc3RyaWN0aW9uPzogYm9vbGVhblxuICByb2xlPzogc3RyaW5nXG4gIG9uQ2xpY2tBd2F5PzogKGU6IGFueSkgPT4gdm9pZFxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgc3R5bGU/OiBQb3BwZXJQcm9wc1snc3R5bGUnXVxuICBwb3BwZXJSZWY/OiBQb3BwZXJQcm9wc1sncG9wcGVyUmVmJ11cbiAgbW9kaWZpZXJzPzogUG9wcGVyUHJvcHNbJ21vZGlmaWVycyddXG59XG5cbmV4cG9ydCBjb25zdCBQb3BwZXJCYXNlID0gKHtcbiAgb3BlbiA9IGZhbHNlLFxuICBjaGlsZHJlbixcbiAgYW5jaG9yRWwsXG4gIGlkLFxuICBwbGFjZW1lbnQsXG4gIG9uQ2xpY2tBd2F5LFxuICBjbGFzc05hbWUsXG4gIG5vTWF4V2lkdGhSZXN0cmljdGlvbiA9IGZhbHNlLFxuICAuLi5yZXN0XG59OiBQb3BwZXJCYXNlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TWF0ZXJpYWxQb3BwZXJcbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgaWQ9e2lkfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgYW5jaG9yRWw9e2FuY2hvckVsfVxuICAgICAgY3NzPXtcbiAgICAgICAgIW5vTWF4V2lkdGhSZXN0cmljdGlvbiAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgICBgXG4gICAgICB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8Q2xpY2tBd2F5TGlzdGVuZXJcbiAgICAgICAgb25DbGlja0F3YXk9eyhlKSA9PiB7XG4gICAgICAgICAgb25DbGlja0F3YXkgJiYgb25DbGlja0F3YXkoZSlcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8L0NsaWNrQXdheUxpc3RlbmVyPlxuICAgIDwvTWF0ZXJpYWxQb3BwZXI+XG4gIClcbn1cblxudHlwZSBQb3BwZXJDb21wb25lbnRQcm9wcyA9IHtcbiAgc2V0QW5jaG9yRWw6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPEhUTUxFbGVtZW50IHwgbnVsbD4+XG59ICYgT21pdDxQb3BwZXJCYXNlUHJvcHMsICdvbkNsaWNrQXdheSc+XG5cbmNvbnN0IFBvcHBlciA9ICh7IGNoaWxkcmVuLCBhbmNob3JFbCwgaWQsIHNldEFuY2hvckVsLCBwbGFjZW1lbnQsIHBvcHBlclJlZiwgLi4ucmVzdCB9OiBQb3BwZXJDb21wb25lbnRQcm9wcykgPT4ge1xuICBjb25zdCBvcGVuID0gQm9vbGVhbihhbmNob3JFbClcblxuICByZXR1cm4gKFxuICAgIDxQb3BwZXJCYXNlXG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIG9uQ2xpY2tBd2F5PXsoKSA9PiBzZXRBbmNob3JFbChudWxsKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsxNl19O1xuICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubX07XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1BvcHBlckJhc2U+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUG9wcGVyXG4iXX0= */"),
+    children: children
+  });
 };
-var _default = Popper;
-exports.default = _default;
+var _default = exports.default = Popper;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ProgressBarProps = {
+export type ProgressBarProps = {
     light?: boolean;
     indeterminate?: boolean;
     progress?: number;

package/cjs/progress-bar/ProgressBar.js

@@ -8,6 +8,7 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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" ? {
@@ -42,11 +43,10 @@ const ProgressBar = ({
   indeterminate = false,
   progress = 0
 }) => {
-  return (0, _react2.jsx)(StyledProgressBar, {
+  return (0, _jsxRuntime.jsx)(StyledProgressBar, {
     light: light,
     indeterminate: indeterminate,
     progress: progress
   });
 };
-var _default = ProgressBar;
-exports.default = _default;
+var _default = exports.default = ProgressBar;

package/cjs/schedule/ScheduleItem.d.ts

@@ -1,19 +1,19 @@
 import React, { FunctionComponent } from 'react';
-export declare type ListItemProps = {
+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, keyof React.JSX.IntrinsicElements> | undefined;
-} & import("./../flexbox/FlexBox").FlexBoxProps & {
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    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 | undefined;
+    theme?: import("@emotion/react").Theme;
 } & {
-    backgroundColor?: string | undefined;
+    backgroundColor?: string;
 }, {}, {}>;
-declare type ScheduleItemComponent = FunctionComponent<ListItemProps>;
+type ScheduleItemComponent = FunctionComponent<ListItemProps>;
 declare const ScheduleItem: ScheduleItemComponent;
 export default ScheduleItem;

package/cjs/schedule/ScheduleItem.js

@@ -7,9 +7,9 @@ exports.default = exports.ListItemBase = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
 var _FlexBox = _interopRequireDefault(require("./../flexbox/FlexBox"));
-var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ListItemBase = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.env.NODE_ENV === "production" ? {
+const ListItemBase = exports.ListItemBase = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.env.NODE_ENV === "production" ? {
   target: "e8dkwfo0"
 } : {
   target: "e8dkwfo0",
@@ -17,15 +17,18 @@ const ListItemBase = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.e
 })("box-sizing:border-box;outline:none;padding:0 20px;height:50px;display:flex;align-items:center;background-color:", ({
   backgroundColor
 }) => backgroundColor || '#ffffff', ";b{margin:0 20px 0 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zY2hlZHVsZS9TY2hlZHVsZUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV5RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2NoZWR1bGUvU2NoZWR1bGVJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgRmxleEJveCBmcm9tICcuLy4uL2ZsZXhib3gvRmxleEJveCdcblxuZXhwb3J0IHR5cGUgTGlzdEl0ZW1Qcm9wcyA9IHtcbiAgdGltZTogc3RyaW5nXG4gIHRleHQ6IHN0cmluZ1xuICBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IExpc3RJdGVtQmFzZSA9IHN0eWxlZChGbGV4Qm94KTx7IGJhY2tncm91bmRDb2xvcj86IHN0cmluZyB9PmBcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgb3V0bGluZTogbm9uZTtcbiAgcGFkZGluZzogMCAyMHB4O1xuICBoZWlnaHQ6IDUwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgYmFja2dyb3VuZENvbG9yIH0pID0+IGJhY2tncm91bmRDb2xvciB8fCAnI2ZmZmZmZid9O1xuXG4gIGIge1xuICAgIG1hcmdpbjogMCAyMHB4IDAgMDtcbiAgfVxuYFxuXG50eXBlIFNjaGVkdWxlSXRlbUNvbXBvbmVudCA9IEZ1bmN0aW9uQ29tcG9uZW50PExpc3RJdGVtUHJvcHM+XG5cbmNvbnN0IFNjaGVkdWxlSXRlbTogU2NoZWR1bGVJdGVtQ29tcG9uZW50ID0gKHsgdGltZSwgdGV4dCwgYmFja2dyb3VuZENvbG9yIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TGlzdEl0ZW1CYXNlIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfT5cbiAgICAgIDxiPnt0aW1lfTwvYj5cbiAgICAgIDxwPnt0ZXh0fTwvcD5cbiAgICA8L0xpc3RJdGVtQmFzZT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTY2hlZHVsZUl0ZW1cbiJdfQ== */"));
-exports.ListItemBase = ListItemBase;
 const ScheduleItem = ({
   time,
   text,
   backgroundColor
 }) => {
-  return (0, _react2.jsx)(ListItemBase, {
-    backgroundColor: backgroundColor
-  }, (0, _react2.jsx)("b", null, time), (0, _react2.jsx)("p", null, text));
+  return (0, _jsxRuntime.jsxs)(ListItemBase, {
+    backgroundColor: backgroundColor,
+    children: [(0, _jsxRuntime.jsx)("b", {
+      children: time
+    }), (0, _jsxRuntime.jsx)("p", {
+      children: text
+    })]
+  });
 };
-var _default = ScheduleItem;
-exports.default = _default;
+var _default = exports.default = ScheduleItem;

package/cjs/schedule/ScheduleList.d.ts

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

package/cjs/schedule/ScheduleList.js

@@ -7,24 +7,23 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _FlexBox = _interopRequireDefault(require("../flexbox/FlexBox"));
 var _ = require("./");
-var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const ScheduleList = ({
   items,
   ...rest
 }) => {
   const list = items.map((item, i) => {
-    return (0, _react2.jsx)(_.ScheduleItem, {
+    return (0, _jsxRuntime.jsx)(_.ScheduleItem, {
       time: item.time,
       text: item.text,
-      backgroundColor: i % 2 ? '#f5f6f7' : '',
-      key: i
-    });
+      backgroundColor: i % 2 ? '#f5f6f7' : ''
+    }, i);
+  });
+  return (0, _jsxRuntime.jsx)(_FlexBox.default, {
+    directionColumn: true,
+    ...rest,
+    children: list
   });
-  return (0, _react2.jsx)(_FlexBox.default, _extends({
-    directionColumn: true
-  }, rest), list);
 };
-var _default = ScheduleList;
-exports.default = _default;
+var _default = exports.default = ScheduleList;

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

@@ -1,8 +1,8 @@
 import React from 'react';
-declare type Variant = 'nested' | 'elevated';
-declare type BackdropEmphasis = 'low' | 'high';
-declare type Align = 'left' | 'right';
-export declare type SideSheetProps = {
+type Variant = 'nested' | 'elevated';
+type BackdropEmphasis = 'low' | 'high';
+type Align = 'left' | 'right';
+export type SideSheetProps = {
     children?: React.ReactNode;
     /**
      * Choose the `width` of the `SideSheet`.