@dfds-ui/react-components 0.9.7-alpha.27fcb23a → 0.9.7-alpha.2ac87193

package/cjs/pagination/Pagination.js

@@ -11,27 +11,37 @@ var _theme = require("@dfds-ui/theme");
 
 var _typography = require("@dfds-ui/typography");
 
-var _PaginationPages = require("./PaginationPages");
-
-var _forms = require("@dfds-ui/forms");
+var _ReactSelect = _interopRequireDefault(require("../forms/reactselect/ReactSelect"));
 
 var _Pagination = require("./Pagination.styles");
 
+var _lab = require("@material-ui/lab");
+
 var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
 const defaultOverview = (rangeShown, totalRecords) => `Showing ${rangeShown} of ${totalRecords}`;
 
+const PaginationItem = _ref3 => {
+  let item = _extends({}, _ref3);
+
+  return (0, _react2.jsx)(_lab.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlIb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFBhZ2luYXRpb25QYWdlcyB9IGZyb20gJy4vUGFnaW5hdGlvblBhZ2VzJ1xuaW1wb3J0IHsgU2VsZWN0RmllbGQgfSBmcm9tICdAZGZkcy11aS9mb3JtcydcbmltcG9ydCB7IHdyYXBwZXJTdHlsZXMgfSBmcm9tICcuL1BhZ2luYXRpb24uc3R5bGVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgT3B0aW9uID0ge1xuICBsYWJlbDogc3RyaW5nXG4gIHZhbHVlOiBzdHJpbmdcbn1cblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBvZmZzZXRcbiAgICovXG4gIG9mZnNldD86IG51bWJlclxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25DaGFuZ2VQYWdlTGltaXQ/OiAoZTogYW55KSA9PiB2b2lkXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBPcHRpb25zIHBhc3NlZCB0byB0aGUgUGFnZUxpbWl0U2VsZWN0b3JcbiAgICovXG4gIG9wdGlvbnM/OiBPcHRpb25bXSB8IG51bGxcbiAgLyoqXG4gICAqIE51bWJlciBvZiByZWNvcmRzIHBlciBwYWdlLlxuICAgKi9cbiAgcGFnZUxpbWl0OiBudW1iZXJcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxSZWNvcmRzOiBudW1iZXJcbiAgLyoqXG4gICAqIFJldHVybnMgdGhlIGNvbnRlbnQgb2YgdGhlIG92ZXJ2aWV3LlxuICAgKlxuICAgKiBVc2UgdGhpcyBpZiB5b3UgbmVlZCB0byBsb2NhbGl6ZSB0aGUgb3ZlcnZpZXcgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICByZW5kZXJPdmVydmlldz86IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZGVmYXVsdE92ZXJ2aWV3ID0gKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IGBTaG93aW5nICR7cmFuZ2VTaG93bn0gb2YgJHt0b3RhbFJlY29yZHN9YFxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAwLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IFN0cmluZyhwYWdlTGltaXQpXG4gICAgfSlcbiAgICByZXR1cm4gb3B0aW9uXG4gIH1cblxuICBjb25zdCBQYWdlTGltaXRTZWxlY3RvciA9IG9wdGlvbnMgPyAoXG4gICAgPFNlbGVjdEZpZWxkXG4gICAgICBsYWJlbD1cIlwiXG4gICAgICBuYW1lPVwicGFnaW5hdGlvblNlbGVjdGVyXCJcbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZVBhZ2VMaW1pdH1cbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgLz5cbiAgKSA6IG51bGxcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThIb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7IHBhZ2luYXRpb25JdGVtU3R5bGVzLCB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2xhYidcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCI+e3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9PC9UZXh0PlxuICAgICAgICAgICAgPE1hdGVyaWFsUGFnaW5hdGlvblxuICAgICAgICAgICAgICBjb3VudD17dG90YWxQYWdlc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uUGFnZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgICAgICAgIHJlbmRlckl0ZW09e1BhZ2luYXRpb25JdGVtfVxuICAgICAgICAgICAgICBzaG93Rmlyc3RCdXR0b25cbiAgICAgICAgICAgICAgc2hvd0xhc3RCdXR0b25cbiAgICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPE1hdGVyaWFsUGFnaW5hdGlvblxuICAgICAgICAgICAgICBib3VuZGFyeUNvdW50PXsxfVxuICAgICAgICAgICAgICBjb3VudD17dG90YWxQYWdlc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uUGFnZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgICAgICAgIHJlbmRlckl0ZW09e1BhZ2luYXRpb25JdGVtfVxuICAgICAgICAgICAgICBzaWJsaW5nQ291bnQ9ezB9XG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -41,17 +51,17 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 } : {
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNHb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFBhZ2luYXRpb25QYWdlcyB9IGZyb20gJy4vUGFnaW5hdGlvblBhZ2VzJ1xuaW1wb3J0IHsgU2VsZWN0RmllbGQgfSBmcm9tICdAZGZkcy11aS9mb3JtcydcbmltcG9ydCB7IHdyYXBwZXJTdHlsZXMgfSBmcm9tICcuL1BhZ2luYXRpb24uc3R5bGVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgT3B0aW9uID0ge1xuICBsYWJlbDogc3RyaW5nXG4gIHZhbHVlOiBzdHJpbmdcbn1cblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBvZmZzZXRcbiAgICovXG4gIG9mZnNldD86IG51bWJlclxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25DaGFuZ2VQYWdlTGltaXQ/OiAoZTogYW55KSA9PiB2b2lkXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBPcHRpb25zIHBhc3NlZCB0byB0aGUgUGFnZUxpbWl0U2VsZWN0b3JcbiAgICovXG4gIG9wdGlvbnM/OiBPcHRpb25bXSB8IG51bGxcbiAgLyoqXG4gICAqIE51bWJlciBvZiByZWNvcmRzIHBlciBwYWdlLlxuICAgKi9cbiAgcGFnZUxpbWl0OiBudW1iZXJcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxSZWNvcmRzOiBudW1iZXJcbiAgLyoqXG4gICAqIFJldHVybnMgdGhlIGNvbnRlbnQgb2YgdGhlIG92ZXJ2aWV3LlxuICAgKlxuICAgKiBVc2UgdGhpcyBpZiB5b3UgbmVlZCB0byBsb2NhbGl6ZSB0aGUgb3ZlcnZpZXcgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICByZW5kZXJPdmVydmlldz86IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZGVmYXVsdE92ZXJ2aWV3ID0gKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IGBTaG93aW5nICR7cmFuZ2VTaG93bn0gb2YgJHt0b3RhbFJlY29yZHN9YFxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAwLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IFN0cmluZyhwYWdlTGltaXQpXG4gICAgfSlcbiAgICByZXR1cm4gb3B0aW9uXG4gIH1cblxuICBjb25zdCBQYWdlTGltaXRTZWxlY3RvciA9IG9wdGlvbnMgPyAoXG4gICAgPFNlbGVjdEZpZWxkXG4gICAgICBsYWJlbD1cIlwiXG4gICAgICBuYW1lPVwicGFnaW5hdGlvblNlbGVjdGVyXCJcbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZVBhZ2VMaW1pdH1cbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgLz5cbiAgKSA6IG51bGxcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ib0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7IHBhZ2luYXRpb25JdGVtU3R5bGVzLCB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2xhYidcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCI+e3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9PC9UZXh0PlxuICAgICAgICAgICAgPE1hdGVyaWFsUGFnaW5hdGlvblxuICAgICAgICAgICAgICBjb3VudD17dG90YWxQYWdlc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uUGFnZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgICAgICAgIHJlbmRlckl0ZW09e1BhZ2luYXRpb25JdGVtfVxuICAgICAgICAgICAgICBzaG93Rmlyc3RCdXR0b25cbiAgICAgICAgICAgICAgc2hvd0xhc3RCdXR0b25cbiAgICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPE1hdGVyaWFsUGFnaW5hdGlvblxuICAgICAgICAgICAgICBib3VuZGFyeUNvdW50PXsxfVxuICAgICAgICAgICAgICBjb3VudD17dG90YWxQYWdlc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uUGFnZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgICAgICAgIHJlbmRlckl0ZW09e1BhZ2luYXRpb25JdGVtfVxuICAgICAgICAgICAgICBzaWJsaW5nQ291bnQ9ezB9XG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
-var _ref3 = process.env.NODE_ENV === "production" ? {
+var _ref4 = process.env.NODE_ENV === "production" ? {
   name: "1wwk2bk",
   styles: "width:150px"
 } : {
   name: "1mh4b89-PageLimitSelector",
   styles: "width:150px;label:PageLimitSelector;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GTSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgUGFnaW5hdGlvblBhZ2VzIH0gZnJvbSAnLi9QYWdpbmF0aW9uUGFnZXMnXG5pbXBvcnQgeyBTZWxlY3RGaWVsZCB9IGZyb20gJ0BkZmRzLXVpL2Zvcm1zJ1xuaW1wb3J0IHsgd3JhcHBlclN0eWxlcyB9IGZyb20gJy4vUGFnaW5hdGlvbi5zdHlsZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBPcHRpb24gPSB7XG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIE9wdGlvbnMgcGFzc2VkIHRvIHRoZSBQYWdlTGltaXRTZWxlY3RvclxuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbltdIHwgbnVsbFxuICAvKipcbiAgICogTnVtYmVyIG9mIHJlY29yZHMgcGVyIHBhZ2UuXG4gICAqL1xuICBwYWdlTGltaXQ6IG51bWJlclxuICAvKipcbiAgICogVG90YWwgbnVtYmVyIG9mIHJlY29yZHMuXG4gICAqL1xuICB0b3RhbFJlY29yZHM6IG51bWJlclxuICAvKipcbiAgICogUmV0dXJucyB0aGUgY29udGVudCBvZiB0aGUgb3ZlcnZpZXcuXG4gICAqXG4gICAqIFVzZSB0aGlzIGlmIHlvdSBuZWVkIHRvIGxvY2FsaXplIHRoZSBvdmVydmlldyBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIHJlbmRlck92ZXJ2aWV3PzogKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBkZWZhdWx0T3ZlcnZpZXcgPSAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gYFNob3dpbmcgJHtyYW5nZVNob3dufSBvZiAke3RvdGFsUmVjb3Jkc31gXG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgY3VycmVudFBhZ2UsXG4gIG9mZnNldCA9IDAsXG4gIG9uQ2hhbmdlUGFnZUxpbWl0LFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBwYWdlTGltaXQsXG4gIHRvdGFsUmVjb3JkcyA9IDAsXG4gIHJlbmRlck92ZXJ2aWV3ID0gZGVmYXVsdE92ZXJ2aWV3LFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuICBjb25zdCB0b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRvdGFsUmVjb3JkcyAvIHBhZ2VMaW1pdClcbiAgY29uc3QgcmFuZ2VTaG93biA9XG4gICAgdG90YWxSZWNvcmRzID09PSAxXG4gICAgICA/IFN0cmluZyh0b3RhbFJlY29yZHMpXG4gICAgICA6IGAke3RvdGFsUmVjb3JkcyA9PT0gMCA/IHRvdGFsUmVjb3JkcyA6IG9mZnNldCArIDF9LSR7XG4gICAgICAgICAgcGFnZUxpbWl0ICsgb2Zmc2V0ID4gdG90YWxSZWNvcmRzID8gdG90YWxSZWNvcmRzIDogcGFnZUxpbWl0ICsgb2Zmc2V0XG4gICAgICAgIH1gXG5cbiAgY29uc3QgY3VycmVudFBhZ2VMaW1pdCA9ICgpID0+IHtcbiAgICBjb25zdCBvcHRpb24gPSBvcHRpb25zPy5maW5kKChvcHRpb246IE9wdGlvbikgPT4ge1xuICAgICAgcmV0dXJuIG9wdGlvbi52YWx1ZSA9PT0gU3RyaW5nKHBhZ2VMaW1pdClcbiAgICB9KVxuICAgIHJldHVybiBvcHRpb25cbiAgfVxuXG4gIGNvbnN0IFBhZ2VMaW1pdFNlbGVjdG9yID0gb3B0aW9ucyA/IChcbiAgICA8U2VsZWN0RmllbGRcbiAgICAgIGxhYmVsPVwiXCJcbiAgICAgIG5hbWU9XCJwYWdpbmF0aW9uU2VsZWN0ZXJcIlxuICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlUGFnZUxpbWl0fVxuICAgICAgdmFsdWU9e2N1cnJlbnRQYWdlTGltaXQoKX1cbiAgICAgIGNzcz17eyB3aWR0aDogJzE1MHB4JyB9fVxuICAgICAgb3B0aW9ucz17b3B0aW9uc31cbiAgICAvPlxuICApIDogbnVsbFxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtncmVhdGVyVGhhbignbCcpID8gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXYgY3NzPXt3cmFwcGVyU3R5bGVzfT5cbiAgICAgICAgICAgIDxUZXh0IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiPntyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfTwvVGV4dD5cbiAgICAgICAgICAgIDxQYWdpbmF0aW9uUGFnZXMgY3VycmVudFBhZ2U9e2N1cnJlbnRQYWdlfSBvblBhZ2VOdW1iZXJDaGFuZ2U9e29uUGFnZUNoYW5nZX0gdG90YWxQYWdlcz17dG90YWxQYWdlc30gLz5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VTbWFsbFwiPntyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfTwvVGV4dD5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQYWdpbmF0aW9uXG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGTSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IFJlYWN0U2VsZWN0IGZyb20gJy4uL2Zvcm1zL3JlYWN0c2VsZWN0L1JlYWN0U2VsZWN0J1xuaW1wb3J0IHsgcGFnaW5hdGlvbkl0ZW1TdHlsZXMsIHdyYXBwZXJTdHlsZXMgfSBmcm9tICcuL1BhZ2luYXRpb24uc3R5bGVzJ1xuaW1wb3J0IHsgUGFnaW5hdGlvbiBhcyBNYXRlcmlhbFBhZ2luYXRpb24sIFBhZ2luYXRpb25JdGVtIGFzIE1hdGVyaWFsUGFnaW5hdGlvbkl0ZW0gfSBmcm9tICdAbWF0ZXJpYWwtdWkvbGFiJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgT3B0aW9uID0ge1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgbGFiZWw6IHN0cmluZ1xuICB2YWx1ZTogbnVtYmVyXG59XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBjdXJyZW50UGFnZT86IG51bWJlclxuICAvKipcbiAgICogVGhlIGN1cnJlbnQgb2Zmc2V0XG4gICAqL1xuICBvZmZzZXQ/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uQ2hhbmdlUGFnZUxpbWl0PzogKGU6IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDx1bmtub3duPiwgcGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBPcHRpb25zIHBhc3NlZCB0byB0aGUgUGFnZUxpbWl0U2VsZWN0b3JcbiAgICovXG4gIG9wdGlvbnM/OiBPcHRpb25bXSB8IG51bGxcbiAgLyoqXG4gICAqIE51bWJlciBvZiByZWNvcmRzIHBlciBwYWdlLlxuICAgKi9cbiAgcGFnZUxpbWl0OiBudW1iZXJcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxSZWNvcmRzOiBudW1iZXJcbiAgLyoqXG4gICAqIFJldHVybnMgdGhlIGNvbnRlbnQgb2YgdGhlIG92ZXJ2aWV3LlxuICAgKlxuICAgKiBVc2UgdGhpcyBpZiB5b3UgbmVlZCB0byBsb2NhbGl6ZSB0aGUgb3ZlcnZpZXcgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICByZW5kZXJPdmVydmlldz86IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZGVmYXVsdE92ZXJ2aWV3ID0gKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IGBTaG93aW5nICR7cmFuZ2VTaG93bn0gb2YgJHt0b3RhbFJlY29yZHN9YFxuXG5jb25zdCBQYWdpbmF0aW9uSXRlbSA9ICh7IC4uLml0ZW0gfSkgPT4ge1xuICByZXR1cm4gPE1hdGVyaWFsUGFnaW5hdGlvbkl0ZW0gY3NzPXtwYWdpbmF0aW9uSXRlbVN0eWxlc30gey4uLml0ZW19IC8+XG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgY3VycmVudFBhZ2UsXG4gIG9mZnNldCA9IDAsXG4gIG9uQ2hhbmdlUGFnZUxpbWl0LFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBwYWdlTGltaXQsXG4gIHRvdGFsUmVjb3JkcyA9IDEsXG4gIHJlbmRlck92ZXJ2aWV3ID0gZGVmYXVsdE92ZXJ2aWV3LFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuICBjb25zdCB0b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRvdGFsUmVjb3JkcyAvIHBhZ2VMaW1pdClcbiAgY29uc3QgcmFuZ2VTaG93biA9XG4gICAgdG90YWxSZWNvcmRzID09PSAxXG4gICAgICA/IFN0cmluZyh0b3RhbFJlY29yZHMpXG4gICAgICA6IGAke3RvdGFsUmVjb3JkcyA9PT0gMCA/IHRvdGFsUmVjb3JkcyA6IG9mZnNldCArIDF9LSR7XG4gICAgICAgICAgcGFnZUxpbWl0ICsgb2Zmc2V0ID4gdG90YWxSZWNvcmRzID8gdG90YWxSZWNvcmRzIDogcGFnZUxpbWl0ICsgb2Zmc2V0XG4gICAgICAgIH1gXG5cbiAgY29uc3QgY3VycmVudFBhZ2VMaW1pdCA9ICgpID0+IHtcbiAgICBjb25zdCBvcHRpb24gPSBvcHRpb25zPy5maW5kKChvcHRpb246IE9wdGlvbikgPT4ge1xuICAgICAgcmV0dXJuIG9wdGlvbi52YWx1ZSA9PT0gcGFnZUxpbWl0XG4gICAgfSlcbiAgICByZXR1cm4gb3B0aW9uXG4gIH1cblxuICBjb25zdCBQYWdlTGltaXRTZWxlY3RvciA9IChcbiAgICA8UmVhY3RTZWxlY3RcbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZVBhZ2VMaW1pdH1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFsdWU9e2N1cnJlbnRQYWdlTGltaXQoKX1cbiAgICAgIGNzcz17eyB3aWR0aDogJzE1MHB4JyB9fVxuICAgICAgbWVudVBsYWNlbWVudD1cImF1dG9cIlxuICAgIC8+XG4gIClcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICA8TWF0ZXJpYWxQYWdpbmF0aW9uXG4gICAgICAgICAgICAgIGNvdW50PXt0b3RhbFBhZ2VzfVxuICAgICAgICAgICAgICBvbkNoYW5nZT17b25QYWdlQ2hhbmdlfVxuICAgICAgICAgICAgICBwYWdlPXtjdXJyZW50UGFnZX1cbiAgICAgICAgICAgICAgcmVuZGVySXRlbT17UGFnaW5hdGlvbkl0ZW19XG4gICAgICAgICAgICAgIHNob3dGaXJzdEJ1dHRvblxuICAgICAgICAgICAgICBzaG93TGFzdEJ1dHRvblxuICAgICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VTbWFsbFwiPntyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfTwvVGV4dD5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8TWF0ZXJpYWxQYWdpbmF0aW9uXG4gICAgICAgICAgICAgIGJvdW5kYXJ5Q291bnQ9ezF9XG4gICAgICAgICAgICAgIGNvdW50PXt0b3RhbFBhZ2VzfVxuICAgICAgICAgICAgICBvbkNoYW5nZT17b25QYWdlQ2hhbmdlfVxuICAgICAgICAgICAgICBwYWdlPXtjdXJyZW50UGFnZX1cbiAgICAgICAgICAgICAgcmVuZGVySXRlbT17UGFnaW5hdGlvbkl0ZW19XG4gICAgICAgICAgICAgIHNpYmxpbmdDb3VudD17MH1cbiAgICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQYWdpbmF0aW9uXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -62,7 +72,7 @@ const Pagination = ({
   onPageChange,
   options = null,
   pageLimit,
-  totalRecords = 0,
+  totalRecords = 1,
   renderOverview = defaultOverview
 }) => {
   const _useBreakpoint = (0, _theme.useBreakpoint)(),
@@ -73,37 +83,45 @@ const Pagination = ({
 
   const currentPageLimit = () => {
     const option = options === null || options === void 0 ? void 0 : options.find(option => {
-      return option.value === String(pageLimit);
+      return option.value === pageLimit;
     });
     return option;
   };
 
-  const PageLimitSelector = options ? (0, _react2.jsx)(_forms.SelectField, {
-    label: "",
-    name: "paginationSelecter",
+  const PageLimitSelector = (0, _react2.jsx)(_ReactSelect.default, {
     onChange: onChangePageLimit,
+    options: options,
+    size: "small",
     value: currentPageLimit(),
-    css: _ref3,
-    options: options
-  }) : null;
+    css: _ref4,
+    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, {
     styledAs: "bodyInterface"
-  }, renderOverview(rangeShown, totalRecords)), (0, _react2.jsx)(_PaginationPages.PaginationPages, {
-    currentPage: currentPage,
-    onPageNumberChange: onPageChange,
-    totalPages: totalPages
+  }, renderOverview(rangeShown, totalRecords)), (0, _react2.jsx)(_lab.Pagination, {
+    count: totalPages,
+    onChange: onPageChange,
+    page: currentPage,
+    renderItem: PaginationItem,
+    showFirstButton: true,
+    showLastButton: true,
+    size: "large"
   }), PageLimitSelector)) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("div", {
     css: _ref2
   }, (0, _react2.jsx)(_typography.Text, {
     styledAs: "bodyInterfaceSmall"
   }, renderOverview(rangeShown, totalRecords)), PageLimitSelector), (0, _react2.jsx)("div", {
     css: _ref
-  }, (0, _react2.jsx)(_PaginationPages.PaginationPages, {
-    currentPage: currentPage,
-    onPageNumberChange: onPageChange,
-    totalPages: totalPages
+  }, (0, _react2.jsx)(_lab.Pagination, {
+    boundaryCount: 1,
+    count: totalPages,
+    onChange: onPageChange,
+    page: currentPage,
+    renderItem: PaginationItem,
+    siblingCount: 0,
+    size: "large"
   }))));
 };
 

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

@@ -0,0 +1,2 @@
+export declare const paginationItemStyles: import("@emotion/react").SerializedStyles;
+export declare const wrapperStyles: import("@emotion/react").SerializedStyles;

package/cjs/pagination/Pagination.styles.js

@@ -9,10 +9,10 @@ var _theme = require("@dfds-ui/theme");
 
 var _react = require("@emotion/react");
 
-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+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290IC5NdWlUb3VjaFJpcHBsZS1yb290IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGVzID0gY3NzYFxuICBhbGlnbi1pdGVtczogYmFzbGluZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG4gICR7bWVkaWEubGVzc1RoYW4oJ2wnKWBcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBgfVxuYFxuIl19 */");
+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+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290IC5NdWlUb3VjaFJpcHBsZS1yb290IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGVzID0gY3NzYFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG4iXX0= */");
 exports.paginationItemStyles = paginationItemStyles;
-const wrapperStyles = /*#__PURE__*/(0, _react.css)("align-items:basline;background-color:white;display:flex;justify-content:space-between;width:100%;", _theme.media.lessThan('l')`
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2dDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGJhc2xpbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICAke21lZGlhLmxlc3NUaGFuKCdsJylgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYH1cbmBcbiJdfQ== */");
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2dDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG4gICR7bWVkaWEubGVzc1RoYW4oJ2wnKWBcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBgfVxuYFxuIl19 */");
 exports.wrapperStyles = wrapperStyles;

package/cjs/pagination/index.d.ts

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

package/cjs/popper/Popper.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { PopperProps, PopperPlacementType } from '@material-ui/core/Popper';
+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/index.d.ts

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

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

@@ -0,0 +1,7 @@
+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/index.d.ts

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

package/cjs/schedule/ScheduleItem.d.ts

@@ -0,0 +1,21 @@
+import React, { FunctionComponent } from 'react';
+export declare type ListItemProps = {
+    time: string;
+    text: string;
+    backgroundColor?: string;
+};
+export declare const ListItemBase: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & import("./../flexbox/FlexBox").FlexBoxProps & {
+    as?: React.ElementType<any> | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    backgroundColor?: string | undefined;
+}, {}, {}>;
+declare type ScheduleItemComponent = FunctionComponent<ListItemProps>;
+declare const ScheduleItem: ScheduleItemComponent;
+export default ScheduleItem;

package/cjs/schedule/ScheduleList.d.ts

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

package/cjs/schedule/index.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+export { default as SideSheet } from './SideSheet';
+export { default as SideSheetFooter } from './SideSheetFooter';
+export { default as SideSheetContent } from './SideSheetContent';
+export * from './SideSheet';

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

@@ -0,0 +1,36 @@
+import React from 'react';
+declare type RenderAs = {
+    as?: React.ElementType;
+};
+declare type LayoutProps = {
+    fullWidth?: boolean;
+    className?: string;
+} & RenderAs;
+declare type LayoutChildProps = {
+    fullWidth?: boolean;
+    className?: string;
+} & RenderAs;
+export declare const LayoutGrid: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    fullWidth?: boolean | undefined;
+    className?: string | undefined;
+} & RenderAs, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Layout: React.FunctionComponent<LayoutProps>;
+export declare const LayoutHeader: React.FunctionComponent<LayoutChildProps>;
+export declare const LayoutMain: React.FunctionComponent<LayoutChildProps>;
+export declare const LayoutFooter: React.FunctionComponent<LayoutChildProps>;
+declare const _default: {
+    Grid: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: React.ElementType<any> | undefined;
+    } & {
+        fullWidth?: boolean | undefined;
+        className?: string | undefined;
+    } & RenderAs, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    Header: React.FunctionComponent<LayoutChildProps>;
+    Main: React.FunctionComponent<LayoutChildProps>;
+    Footer: React.FunctionComponent<LayoutChildProps>;
+};
+export default _default;

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

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

package/cjs/skeleton/Skeleton.d.ts

@@ -0,0 +1,6 @@
+export interface SkeletonProps {
+    variant: SkeletonVariant;
+}
+export declare type SkeletonVariant = 'text' | 'circle' | 'rect';
+export declare const Skeleton: ({ variant, ...rest }: SkeletonProps) => JSX.Element;
+export default Skeleton;

package/cjs/skeleton/index.d.ts

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

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

@@ -0,0 +1,26 @@
+import React, { FunctionComponent } from 'react';
+export declare type SocialMediaLinkListProps = {
+    instagramLink?: string;
+    facebookLink?: string;
+    blogLink?: string;
+    twitterLink?: string;
+    linkedinLink?: string;
+    youtubeLink?: string;
+    mailshareLink?: string;
+    iconSize?: string;
+    noPadding?: boolean;
+    colorOverwrite?: string;
+};
+export declare const SoMeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & import("../flexbox/FlexBox").FlexBoxProps & {
+    as?: React.ElementType<any> | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & SocialMediaLinkListProps, {}, {}>;
+declare type socialMediaLinkListComponent = FunctionComponent<SocialMediaLinkListProps>;
+export declare const SocialMediaLinkList: socialMediaLinkListComponent;
+export default SocialMediaLinkList;

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

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

package/cjs/spinner/Spinner.d.ts

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