@dfds-ui/react-components 2.2.0-alpha.624b924f → 2.2.0-alpha.8b81d140

package/cjs/nav-bar/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  NavBar: true
+};
+Object.defineProperty(exports, "NavBar", {
+  enumerable: true,
+  get: function () {
+    return _NavBar.default;
+  }
+});
+var _NavBar = _interopRequireWildcard(require("./NavBar"));
+Object.keys(_NavBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NavBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _NavBar[key];
+    }
+  });
+});
+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/nav-menu/NavMenuItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare 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/NavMenuItem.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _theme = require("@dfds-ui/theme");
+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)."; }
+const Item = /*#__PURE__*/(0, _base.default)("li", process.env.NODE_ENV === "production" ? {
+  target: "e1mnqrsr0"
+} : {
+  target: "e1mnqrsr0",
+  label: "Item"
+})("display:flex;font-weight:bold;padding:15px;flex:1;background-color:", ({
+  isActive
+}) => isActive ? _theme.theme.colors.secondary.light : _theme.theme.colors.surface.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWlEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBOYXZNZW51SXRlbVByb3BzID0ge1xuICBpc0FjdGl2ZT86IGJvb2xlYW5cbiAgbGVmdEljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICByaWdodEljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgSXRlbSA9IHN0eWxlZC5saTxQYXJ0aWFsPE5hdk1lbnVJdGVtUHJvcHM+PmBcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIHBhZGRpbmc6IDE1cHg7XG4gIGZsZXg6IDE7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodCA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnkpfTtcbmBcblxuY29uc3QgTmF2TWVudUl0ZW06IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PE5hdk1lbnVJdGVtUHJvcHM+ID0gKHtcbiAgaXNBY3RpdmUgPSBmYWxzZSxcbiAgbGVmdEljb246IExlZnQsXG4gIHJpZ2h0SWNvbjogUmlnaHQsXG4gIGFzID0gJ2xpJyxcbiAgY2hpbGRyZW4sXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEl0ZW0gYXM9e2FzfSB0YWJJbmRleD17MH0gaXNBY3RpdmU9e2lzQWN0aXZlfT5cbiAgICAgIHtMZWZ0ICYmIChcbiAgICAgICAgPExlZnRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgMTBweCAwIDVweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXg6IDE7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvc3Bhbj5cbiAgICAgIHtSaWdodCAmJiAoXG4gICAgICAgIDxSaWdodFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICAgIG1hcmdpbjogMCA1cHggMCAxMHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvSXRlbT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBOYXZNZW51SXRlbVxuIl19 */"));
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "82a6rk",
+  styles: "flex:1"
+} : {
+  name: "4eba75-NavMenuItem",
+  styles: "flex:1;label:NavMenuItem;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbmF2LW1lbnUvTmF2TWVudUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgTmF2TWVudUl0ZW1Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG4gIGxlZnRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgcmlnaHRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSBzdHlsZWQubGk8UGFydGlhbDxOYXZNZW51SXRlbVByb3BzPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAxNXB4O1xuICBmbGV4OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG5gXG5cbmNvbnN0IE5hdk1lbnVJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZNZW51SXRlbVByb3BzPiA9ICh7XG4gIGlzQWN0aXZlID0gZmFsc2UsXG4gIGxlZnRJY29uOiBMZWZ0LFxuICByaWdodEljb246IFJpZ2h0LFxuICBhcyA9ICdsaScsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtIGFzPXthc30gdGFiSW5kZXg9ezB9IGlzQWN0aXZlPXtpc0FjdGl2ZX0+XG4gICAgICB7TGVmdCAmJiAoXG4gICAgICAgIDxMZWZ0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgICAgbWFyZ2luOiAwIDEwcHggMCA1cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICB7UmlnaHQgJiYgKFxuICAgICAgICA8UmlnaHRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgNXB4IDAgMTBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2TWVudUl0ZW1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const NavMenuItem = ({
+  isActive = false,
+  leftIcon: Left,
+  rightIcon: Right,
+  as = 'li',
+  children
+}) => {
+  return (0, _react2.jsx)(Item, {
+    as: as,
+    tabIndex: 0,
+    isActive: isActive
+  }, Left && (0, _react2.jsx)(Left, {
+    css: /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.secondary.main, ";margin:0 10px 0 5px;" + (process.env.NODE_ENV === "production" ? "" : ";label:NavMenuItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbmF2LW1lbnUvTmF2TWVudUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgTmF2TWVudUl0ZW1Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG4gIGxlZnRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgcmlnaHRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSBzdHlsZWQubGk8UGFydGlhbDxOYXZNZW51SXRlbVByb3BzPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAxNXB4O1xuICBmbGV4OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG5gXG5cbmNvbnN0IE5hdk1lbnVJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZNZW51SXRlbVByb3BzPiA9ICh7XG4gIGlzQWN0aXZlID0gZmFsc2UsXG4gIGxlZnRJY29uOiBMZWZ0LFxuICByaWdodEljb246IFJpZ2h0LFxuICBhcyA9ICdsaScsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtIGFzPXthc30gdGFiSW5kZXg9ezB9IGlzQWN0aXZlPXtpc0FjdGl2ZX0+XG4gICAgICB7TGVmdCAmJiAoXG4gICAgICAgIDxMZWZ0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgICAgbWFyZ2luOiAwIDEwcHggMCA1cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICB7UmlnaHQgJiYgKFxuICAgICAgICA8UmlnaHRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgNXB4IDAgMTBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2TWVudUl0ZW1cbiJdfQ== */")
+  }), (0, _react2.jsx)("span", {
+    css: _ref
+  }, children), Right && (0, _react2.jsx)(Right, {
+    css: /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.secondary.main, ";margin:0 5px 0 10px;" + (process.env.NODE_ENV === "production" ? "" : ";label:NavMenuItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbmF2LW1lbnUvTmF2TWVudUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgTmF2TWVudUl0ZW1Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG4gIGxlZnRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgcmlnaHRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSBzdHlsZWQubGk8UGFydGlhbDxOYXZNZW51SXRlbVByb3BzPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAxNXB4O1xuICBmbGV4OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG5gXG5cbmNvbnN0IE5hdk1lbnVJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZNZW51SXRlbVByb3BzPiA9ICh7XG4gIGlzQWN0aXZlID0gZmFsc2UsXG4gIGxlZnRJY29uOiBMZWZ0LFxuICByaWdodEljb246IFJpZ2h0LFxuICBhcyA9ICdsaScsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtIGFzPXthc30gdGFiSW5kZXg9ezB9IGlzQWN0aXZlPXtpc0FjdGl2ZX0+XG4gICAgICB7TGVmdCAmJiAoXG4gICAgICAgIDxMZWZ0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgICAgbWFyZ2luOiAwIDEwcHggMCA1cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICB7UmlnaHQgJiYgKFxuICAgICAgICA8UmlnaHRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgNXB4IDAgMTBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2TWVudUl0ZW1cbiJdfQ== */")
+  }));
+};
+var _default = NavMenuItem;
+exports.default = _default;

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

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

package/cjs/nav-menu/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NavMenuItem", {
+  enumerable: true,
+  get: function () {
+    return _NavMenuItem.default;
+  }
+});
+var _NavMenuItem = _interopRequireDefault(require("./NavMenuItem"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/pagination/Pagination.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+declare type Option = {
+    disabled?: boolean;
+    label: string;
+    value: number;
+};
+export declare 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

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Pagination = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _theme = require("@dfds-ui/theme");
+var _typography = require("@dfds-ui/typography");
+var _ReactSelect = _interopRequireDefault(require("../forms/reactselect/ReactSelect"));
+var _Pagination = require("./Pagination.styles");
+var _material = require("@mui/material");
+var _react2 = require("@emotion/react");
+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));
+};
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "e3viwr",
+  styles: "display:flex;justify-content:center;width:100%"
+} : {
+  name: "1efb196-Pagination",
+  styles: "display:flex;justify-content:center;width:100%;label:Pagination;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlJb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7XG4gIFBhZ2VMaW1pdFN0eWxlcyxcbiAgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyxcbiAgUGFnZU92ZXJ2aWV3U3R5bGVzLFxuICBwYWdpbmF0aW9uSXRlbVN0eWxlcyxcbiAgVGV4dFN0eWxlcyxcbiAgd3JhcHBlclN0eWxlcyxcbn0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e1BhZ2VMaW1pdFN0eWxlc31cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgY3NzPXtQYWdlT3ZlcnZpZXdTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2hvd0ZpcnN0QnV0dG9uXG4gICAgICAgICAgICAgIHNob3dMYXN0QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPGRpdiBjc3M9e1BhZ2VMaW1pdFdyYXBwZXJTdHlsZXN9PntQYWdlTGltaXRTZWxlY3Rvcn08L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBjc3M9e1RleHRTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgYm91bmRhcnlDb3VudD17MX1cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2libGluZ0NvdW50PXswfVxuICAgICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "mu1x3s",
+  styles: "align-items:center;display:flex;justify-content:space-between;width:100%"
+} : {
+  name: "dsnjin-Pagination",
+  styles: "align-items:center;display:flex;justify-content:space-between;width:100%;label:Pagination;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRIb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7XG4gIFBhZ2VMaW1pdFN0eWxlcyxcbiAgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyxcbiAgUGFnZU92ZXJ2aWV3U3R5bGVzLFxuICBwYWdpbmF0aW9uSXRlbVN0eWxlcyxcbiAgVGV4dFN0eWxlcyxcbiAgd3JhcHBlclN0eWxlcyxcbn0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e1BhZ2VMaW1pdFN0eWxlc31cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgY3NzPXtQYWdlT3ZlcnZpZXdTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2hvd0ZpcnN0QnV0dG9uXG4gICAgICAgICAgICAgIHNob3dMYXN0QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPGRpdiBjc3M9e1BhZ2VMaW1pdFdyYXBwZXJTdHlsZXN9PntQYWdlTGltaXRTZWxlY3Rvcn08L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBjc3M9e1RleHRTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgYm91bmRhcnlDb3VudD17MX1cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2libGluZ0NvdW50PXswfVxuICAgICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const Pagination = ({
+  currentPage,
+  offset = 0,
+  onChangePageLimit,
+  onPageChange,
+  options = null,
+  pageLimit,
+  totalRecords = 1,
+  renderOverview = defaultOverview
+}) => {
+  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?.find(option => {
+      return option.value === pageLimit;
+    });
+    return option;
+  };
+  const PageLimitSelector = (0, _react2.jsx)(_ReactSelect.default, {
+    onChange: onChangePageLimit,
+    options: options,
+    size: "small",
+    value: currentPageLimit(),
+    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"
+  }))));
+};
+exports.Pagination = Pagination;
+var _default = Pagination;
+exports.default = _default;

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/Pagination.styles.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.wrapperStyles = exports.paginationItemStyles = exports.TextStyles = exports.PageOverviewStyles = exports.PageLimitWrapperStyles = exports.PageLimitStyles = void 0;
+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')`
+    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" ? {
+  name: "ti75j2",
+  styles: "margin:0"
+} : {
+  name: "1rtv2aa-TextStyles",
+  styles: "margin:0;label:TextStyles;",
+  map: "/*# 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;

package/cjs/pagination/index.d.ts

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

package/cjs/pagination/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Pagination = require("./Pagination");
+Object.keys(_Pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    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 declare 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;
+declare 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

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PopperBase = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _base = require("@mui/base");
+var _theme = require("@dfds-ui/theme");
+var _react2 = require("@emotion/react");
+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",
+  styles: "max-width:100%"
+} : {
+  name: "h02qvt-PopperBase",
+  styles: "max-width:100%;label:PopperBase;",
+  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 = ({
+  open = false,
+  children,
+  anchorEl,
+  id,
+  placement,
+  onClickAway,
+  className,
+  noMaxWidthRestriction = false,
+  ...rest
+}) => {
+  return (0, _react2.jsx)(_material.Popper, _extends({
+    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)));
+};
+exports.PopperBase = PopperBase;
+const Popper = ({
+  children,
+  anchorEl,
+  id,
+  setAnchorEl,
+  placement,
+  popperRef,
+  ...rest
+}) => {
+  const open = Boolean(anchorEl);
+  return (0, _react2.jsx)(PopperBase, _extends({
+    placement: placement,
+    id: id,
+    open: open,
+    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);
+};
+var _default = Popper;
+exports.default = _default;

package/cjs/popper/index.d.ts

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

package/cjs/popper/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Popper", {
+  enumerable: true,
+  get: function () {
+    return _Popper.default;
+  }
+});
+var _Popper = _interopRequireDefault(require("./Popper"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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

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

package/cjs/progress-bar/ProgressBar.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _theme = require("@dfds-ui/theme");
+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" ? {
+  name: "1oo5a6n",
+  styles: "width:100%;will-change:max-width,transform;transform-origin:0 0;animation:loading-beta 2s linear infinite;@keyframes loading-beta{0%,60%{max-width:0;transform:translateX(0);}75%{max-width:35%;transform:translateX(0);}100%{max-width:5%;transform:translateX(100vw);}}"
+} : {
+  name: "1r2sf7l-StyledProgressBar",
+  styles: "width:100%;will-change:max-width,transform;transform-origin:0 0;animation:loading-beta 2s linear infinite;@keyframes loading-beta{0%,60%{max-width:0;transform:translateX(0);}75%{max-width:35%;transform:translateX(0);}100%{max-width:5%;transform:translateX(100vw);}};label:StyledProgressBar;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcm9ncmVzcy1iYXIvUHJvZ3Jlc3NCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFYSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcHJvZ3Jlc3MtYmFyL1Byb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBQcm9ncmVzc0JhclByb3BzID0geyBsaWdodD86IGJvb2xlYW47IGluZGV0ZXJtaW5hdGU/OiBib29sZWFuOyBwcm9ncmVzcz86IG51bWJlciB9XG5cbmNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkLmRpdjx7IHByb2dyZXNzPzogbnVtYmVyOyBpbmRldGVybWluYXRlOiBib29sZWFuOyBsaWdodD86IGJvb2xlYW4gfT5gXG4gIGhlaWdodDogNHB4O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LmRpc2FibGVkIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZCl9O1xuICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogOHB4IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJjpiZWZvcmUsXG4gICY6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkpfTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgfVxuXG4gICY6YmVmb3JlIHtcbiAgICAkeyh7IGluZGV0ZXJtaW5hdGUsIHByb2dyZXNzIH0pID0+XG4gICAgICBpbmRldGVybWluYXRlXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogbWF4LXdpZHRoLCB0cmFuc2Zvcm07XG5cbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1hbHBoYSAycyBsaW5lYXIgaW5maW5pdGU7XG4gICAgICAgICAgICBAa2V5ZnJhbWVzIGxvYWRpbmctYWxwaGEge1xuICAgICAgICAgICAgICAwJSxcbiAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA1JSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiA1JTtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgNTclIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDM1JTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA4NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMDtcbiAgICAgICAgICAgICAgICAvKiogYXZvaWQgaGF2aW5nIHRvIHJlYWQgY2xpZW50V2lkdGggb2YgdGhlIGJhciovXG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMHZ3KTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIGBcbiAgICAgICAgOiAhIXByb2dyZXNzXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgbGluZWFyO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZVgoJHtNYXRoLm1heCgwLCBNYXRoLm1pbihwcm9ncmVzcyB8fCAwLCAxMDApKSAvIDEwMH0pO1xuICAgICAgICAgIGBcbiAgICAgICAgOiBgYH1cbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgICR7KHApID0+XG4gICAgICBwLmluZGV0ZXJtaW5hdGVcbiAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHdpbGwtY2hhbmdlOiBtYXgtd2lkdGgsIHRyYW5zZm9ybTtcbiAgICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1iZXRhIDJzIGxpbmVhciBpbmZpbml0ZTtcbiAgICAgICAgICAgIEBrZXlmcmFtZXMgbG9hZGluZy1iZXRhIHtcbiAgICAgICAgICAgICAgMCUsXG4gICAgICAgICAgICAgIDYwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA3NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMzUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDB2dyk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgXG4gICAgICAgIDogYFxuICAgICAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgICBgfVxuICB9XG5gXG5cbmNvbnN0IFByb2dyZXNzQmFyID0gKHsgbGlnaHQgPSBmYWxzZSwgaW5kZXRlcm1pbmF0ZSA9IGZhbHNlLCBwcm9ncmVzcyA9IDAgfTogUHJvZ3Jlc3NCYXJQcm9wcykgPT4ge1xuICByZXR1cm4gPFN0eWxlZFByb2dyZXNzQmFyIGxpZ2h0PXtsaWdodH0gaW5kZXRlcm1pbmF0ZT17aW5kZXRlcm1pbmF0ZX0gcHJvZ3Jlc3M9e3Byb2dyZXNzfSAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmVzc0JhclxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1jnmm6h",
+  styles: "width:100%;will-change:max-width,transform;animation:loading-alpha 2s linear infinite;@keyframes loading-alpha{0%,100%{max-width:0;transform:translateX(0);}5%{max-width:5%;transform:translateX(0);}57%{max-width:35%;}85%{max-width:0;transform:translateX(100vw);}}"
+} : {
+  name: "uxcdl-StyledProgressBar",
+  styles: "width:100%;will-change:max-width,transform;animation:loading-alpha 2s linear infinite;@keyframes loading-alpha{0%,100%{max-width:0;transform:translateX(0);}5%{max-width:5%;transform:translateX(0);}57%{max-width:35%;}85%{max-width:0;transform:translateX(100vw);}};label:StyledProgressBar;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcm9ncmVzcy1iYXIvUHJvZ3Jlc3NCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDYSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcHJvZ3Jlc3MtYmFyL1Byb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBQcm9ncmVzc0JhclByb3BzID0geyBsaWdodD86IGJvb2xlYW47IGluZGV0ZXJtaW5hdGU/OiBib29sZWFuOyBwcm9ncmVzcz86IG51bWJlciB9XG5cbmNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkLmRpdjx7IHByb2dyZXNzPzogbnVtYmVyOyBpbmRldGVybWluYXRlOiBib29sZWFuOyBsaWdodD86IGJvb2xlYW4gfT5gXG4gIGhlaWdodDogNHB4O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LmRpc2FibGVkIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZCl9O1xuICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogOHB4IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJjpiZWZvcmUsXG4gICY6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkpfTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgfVxuXG4gICY6YmVmb3JlIHtcbiAgICAkeyh7IGluZGV0ZXJtaW5hdGUsIHByb2dyZXNzIH0pID0+XG4gICAgICBpbmRldGVybWluYXRlXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogbWF4LXdpZHRoLCB0cmFuc2Zvcm07XG5cbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1hbHBoYSAycyBsaW5lYXIgaW5maW5pdGU7XG4gICAgICAgICAgICBAa2V5ZnJhbWVzIGxvYWRpbmctYWxwaGEge1xuICAgICAgICAgICAgICAwJSxcbiAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA1JSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiA1JTtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgNTclIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDM1JTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA4NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMDtcbiAgICAgICAgICAgICAgICAvKiogYXZvaWQgaGF2aW5nIHRvIHJlYWQgY2xpZW50V2lkdGggb2YgdGhlIGJhciovXG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMHZ3KTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIGBcbiAgICAgICAgOiAhIXByb2dyZXNzXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgbGluZWFyO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZVgoJHtNYXRoLm1heCgwLCBNYXRoLm1pbihwcm9ncmVzcyB8fCAwLCAxMDApKSAvIDEwMH0pO1xuICAgICAgICAgIGBcbiAgICAgICAgOiBgYH1cbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgICR7KHApID0+XG4gICAgICBwLmluZGV0ZXJtaW5hdGVcbiAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHdpbGwtY2hhbmdlOiBtYXgtd2lkdGgsIHRyYW5zZm9ybTtcbiAgICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1iZXRhIDJzIGxpbmVhciBpbmZpbml0ZTtcbiAgICAgICAgICAgIEBrZXlmcmFtZXMgbG9hZGluZy1iZXRhIHtcbiAgICAgICAgICAgICAgMCUsXG4gICAgICAgICAgICAgIDYwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA3NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMzUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDB2dyk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgXG4gICAgICAgIDogYFxuICAgICAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgICBgfVxuICB9XG5gXG5cbmNvbnN0IFByb2dyZXNzQmFyID0gKHsgbGlnaHQgPSBmYWxzZSwgaW5kZXRlcm1pbmF0ZSA9IGZhbHNlLCBwcm9ncmVzcyA9IDAgfTogUHJvZ3Jlc3NCYXJQcm9wcykgPT4ge1xuICByZXR1cm4gPFN0eWxlZFByb2dyZXNzQmFyIGxpZ2h0PXtsaWdodH0gaW5kZXRlcm1pbmF0ZT17aW5kZXRlcm1pbmF0ZX0gcHJvZ3Jlc3M9e3Byb2dyZXNzfSAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmVzc0JhclxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const StyledProgressBar = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e3d1hge0"
+} : {
+  target: "e3d1hge0",
+  label: "StyledProgressBar"
+})("height:4px;background:", p => p.light ? _theme.theme.colors.text.light.disabled : _theme.theme.colors.text.primary.disabled, ";border-radius:", _theme.theme.radii.m, ";position:relative;margin:8px 0;overflow:hidden;&:before,&:after{display:block;content:'';position:absolute;top:0;left:0;border-radius:", _theme.theme.radii.m, ";height:100%;background:", p => p.light ? _theme.theme.colors.text.light.primary : _theme.theme.colors.text.primary.primary, ";width:100%;z-index:1;transform-origin:0 0;}&:before{", ({
+  indeterminate,
+  progress
+}) => indeterminate ? _ref2 : !!progress ? /*#__PURE__*/(0, _react2.css)("transition:transform 0.2s linear;transform:scaleX(", Math.max(0, Math.min(progress || 0, 100)) / 100, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledProgressBar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcm9ncmVzcy1iYXIvUHJvZ3Jlc3NCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEYSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcHJvZ3Jlc3MtYmFyL1Byb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBQcm9ncmVzc0JhclByb3BzID0geyBsaWdodD86IGJvb2xlYW47IGluZGV0ZXJtaW5hdGU/OiBib29sZWFuOyBwcm9ncmVzcz86IG51bWJlciB9XG5cbmNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkLmRpdjx7IHByb2dyZXNzPzogbnVtYmVyOyBpbmRldGVybWluYXRlOiBib29sZWFuOyBsaWdodD86IGJvb2xlYW4gfT5gXG4gIGhlaWdodDogNHB4O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LmRpc2FibGVkIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZCl9O1xuICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogOHB4IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJjpiZWZvcmUsXG4gICY6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkpfTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgfVxuXG4gICY6YmVmb3JlIHtcbiAgICAkeyh7IGluZGV0ZXJtaW5hdGUsIHByb2dyZXNzIH0pID0+XG4gICAgICBpbmRldGVybWluYXRlXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogbWF4LXdpZHRoLCB0cmFuc2Zvcm07XG5cbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1hbHBoYSAycyBsaW5lYXIgaW5maW5pdGU7XG4gICAgICAgICAgICBAa2V5ZnJhbWVzIGxvYWRpbmctYWxwaGEge1xuICAgICAgICAgICAgICAwJSxcbiAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA1JSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiA1JTtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgNTclIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDM1JTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA4NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMDtcbiAgICAgICAgICAgICAgICAvKiogYXZvaWQgaGF2aW5nIHRvIHJlYWQgY2xpZW50V2lkdGggb2YgdGhlIGJhciovXG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMHZ3KTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIGBcbiAgICAgICAgOiAhIXByb2dyZXNzXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgbGluZWFyO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZVgoJHtNYXRoLm1heCgwLCBNYXRoLm1pbihwcm9ncmVzcyB8fCAwLCAxMDApKSAvIDEwMH0pO1xuICAgICAgICAgIGBcbiAgICAgICAgOiBgYH1cbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgICR7KHApID0+XG4gICAgICBwLmluZGV0ZXJtaW5hdGVcbiAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHdpbGwtY2hhbmdlOiBtYXgtd2lkdGgsIHRyYW5zZm9ybTtcbiAgICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1iZXRhIDJzIGxpbmVhciBpbmZpbml0ZTtcbiAgICAgICAgICAgIEBrZXlmcmFtZXMgbG9hZGluZy1iZXRhIHtcbiAgICAgICAgICAgICAgMCUsXG4gICAgICAgICAgICAgIDYwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA3NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMzUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDB2dyk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgXG4gICAgICAgIDogYFxuICAgICAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgICBgfVxuICB9XG5gXG5cbmNvbnN0IFByb2dyZXNzQmFyID0gKHsgbGlnaHQgPSBmYWxzZSwgaW5kZXRlcm1pbmF0ZSA9IGZhbHNlLCBwcm9ncmVzcyA9IDAgfTogUHJvZ3Jlc3NCYXJQcm9wcykgPT4ge1xuICByZXR1cm4gPFN0eWxlZFByb2dyZXNzQmFyIGxpZ2h0PXtsaWdodH0gaW5kZXRlcm1pbmF0ZT17aW5kZXRlcm1pbmF0ZX0gcHJvZ3Jlc3M9e3Byb2dyZXNzfSAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmVzc0JhclxuIl19 */") : ``, ";}&:after{", p => p.indeterminate ? _ref : `
+            visibility: hidden;
+        `, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcm9ncmVzcy1iYXIvUHJvZ3Jlc3NCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9vRyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcHJvZ3Jlc3MtYmFyL1Byb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBQcm9ncmVzc0JhclByb3BzID0geyBsaWdodD86IGJvb2xlYW47IGluZGV0ZXJtaW5hdGU/OiBib29sZWFuOyBwcm9ncmVzcz86IG51bWJlciB9XG5cbmNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkLmRpdjx7IHByb2dyZXNzPzogbnVtYmVyOyBpbmRldGVybWluYXRlOiBib29sZWFuOyBsaWdodD86IGJvb2xlYW4gfT5gXG4gIGhlaWdodDogNHB4O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LmRpc2FibGVkIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZCl9O1xuICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogOHB4IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJjpiZWZvcmUsXG4gICY6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkpfTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgfVxuXG4gICY6YmVmb3JlIHtcbiAgICAkeyh7IGluZGV0ZXJtaW5hdGUsIHByb2dyZXNzIH0pID0+XG4gICAgICBpbmRldGVybWluYXRlXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogbWF4LXdpZHRoLCB0cmFuc2Zvcm07XG5cbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1hbHBoYSAycyBsaW5lYXIgaW5maW5pdGU7XG4gICAgICAgICAgICBAa2V5ZnJhbWVzIGxvYWRpbmctYWxwaGEge1xuICAgICAgICAgICAgICAwJSxcbiAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA1JSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiA1JTtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgNTclIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDM1JTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA4NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMDtcbiAgICAgICAgICAgICAgICAvKiogYXZvaWQgaGF2aW5nIHRvIHJlYWQgY2xpZW50V2lkdGggb2YgdGhlIGJhciovXG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMHZ3KTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIGBcbiAgICAgICAgOiAhIXByb2dyZXNzXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgbGluZWFyO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZVgoJHtNYXRoLm1heCgwLCBNYXRoLm1pbihwcm9ncmVzcyB8fCAwLCAxMDApKSAvIDEwMH0pO1xuICAgICAgICAgIGBcbiAgICAgICAgOiBgYH1cbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgICR7KHApID0+XG4gICAgICBwLmluZGV0ZXJtaW5hdGVcbiAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHdpbGwtY2hhbmdlOiBtYXgtd2lkdGgsIHRyYW5zZm9ybTtcbiAgICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1iZXRhIDJzIGxpbmVhciBpbmZpbml0ZTtcbiAgICAgICAgICAgIEBrZXlmcmFtZXMgbG9hZGluZy1iZXRhIHtcbiAgICAgICAgICAgICAgMCUsXG4gICAgICAgICAgICAgIDYwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA3NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMzUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDB2dyk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgXG4gICAgICAgIDogYFxuICAgICAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgICBgfVxuICB9XG5gXG5cbmNvbnN0IFByb2dyZXNzQmFyID0gKHsgbGlnaHQgPSBmYWxzZSwgaW5kZXRlcm1pbmF0ZSA9IGZhbHNlLCBwcm9ncmVzcyA9IDAgfTogUHJvZ3Jlc3NCYXJQcm9wcykgPT4ge1xuICByZXR1cm4gPFN0eWxlZFByb2dyZXNzQmFyIGxpZ2h0PXtsaWdodH0gaW5kZXRlcm1pbmF0ZT17aW5kZXRlcm1pbmF0ZX0gcHJvZ3Jlc3M9e3Byb2dyZXNzfSAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmVzc0JhclxuIl19 */"));
+const ProgressBar = ({
+  light = false,
+  indeterminate = false,
+  progress = 0
+}) => {
+  return (0, _react2.jsx)(StyledProgressBar, {
+    light: light,
+    indeterminate: indeterminate,
+    progress: progress
+  });
+};
+var _default = ProgressBar;
+exports.default = _default;

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

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