@flodesk/grain 11.22.6 → 11.23.1

package/es/components/link.js

@@ -1,9 +1,5 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.assign.js";
 import _styled from "@emotion/styled/base";
-var _excluded = ["children", "tag", "variant"];
+const _excluded = ["children", "tag", "variant"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -16,33 +12,37 @@ import { styles } from '../foundational';
 import PropTypes from 'prop-types';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var textDecorationColorStyles = {
+const textDecorationColorStyles = {
   neutral: "currentColor",
   subtle: "transparent"
 };
 
-var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "er1549x0"
 } : {
   target: "er1549x0",
   label: "Root"
-})(function (_ref) {
-  var as = _ref.as;
+})(_ref => {
+  let {
+    as
+  } = _ref;
   return as === 'button' && "\n    ".concat(styles.buttonReset, ";\n     border: none;\n     background: transparent;\n     padding: 0;\n     text-decoration: underline;\n     font-weight: unset;\n  ");
-}, ";", styles.transitions, ";text-underline-position:under;text-underline-offset:calc(2px - 0.1em);text-decoration-color:", function (_ref2) {
-  var variant = _ref2.variant;
+}, ";", styles.transitions, ";text-underline-position:under;text-underline-offset:calc(2px - 0.1em);text-decoration-color:", _ref2 => {
+  let {
+    variant
+  } = _ref2;
   return textDecorationColorStyles[variant];
 }, ";color:inherit;cursor:pointer;@media (hover: hover){&:hover{text-decoration-color:currentColor;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgdGV4dERlY29yYXRpb25Db2xvclN0eWxlcyA9IHtcbiAgbmV1dHJhbDogYGN1cnJlbnRDb2xvcmAsXG4gIHN1YnRsZTogYHRyYW5zcGFyZW50YCxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGFzIH0pID0+XG4gICAgYXMgPT09ICdidXR0b24nICYmXG4gICAgYFxuICAgICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgICAgYm9yZGVyOiBub25lO1xuICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgcGFkZGluZzogMDtcbiAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgIGZvbnQtd2VpZ2h0OiB1bnNldDtcbiAgYH07XG5cbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHsoeyB2YXJpYW50IH0pID0+IHRleHREZWNvcmF0aW9uQ29sb3JTdHlsZXNbdmFyaWFudF19O1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIEBtZWRpYSAoaG92ZXI6IGhvdmVyKSB7XG4gICAgJjpob3ZlciB7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgdHlwZSA9IHRhZyA9PT0gJ2J1dHRvbicgPyAnYnV0dG9uJyA6IHVuZGVmaW5lZDtcbiAgcmV0dXJuIChcbiAgICA8Um9vdCB0eXBlPXt0eXBlfSByZWY9e3JlZn0gYXM9e3RhZ30gdmFyaWFudD17dmFyaWFudH0gey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1Jvb3Q+XG4gICk7XG59KTtcblxuTGluay5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFyZ2V0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ3N1YnRsZSddKSxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
 
-export var Link = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-      _ref3$tag = _ref3.tag,
-      tag = _ref3$tag === void 0 ? 'a' : _ref3$tag,
-      _ref3$variant = _ref3.variant,
-      variant = _ref3$variant === void 0 ? 'neutral' : _ref3$variant,
+export const Link = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  let {
+    children,
+    tag = 'a',
+    variant = 'neutral'
+  } = _ref3,
       props = _objectWithoutProperties(_ref3, _excluded);
 
-  var type = tag === 'button' ? 'button' : undefined;
+  const type = tag === 'button' ? 'button' : undefined;
   return ___EmotionJSX(Root, _extends({
     type: type,
     ref: ref,

package/es/components/modal.js

@@ -1,13 +1,9 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.object.assign.js";
 import _styled from "@emotion/styled/base";
-var _excluded = ["cardPadding", "cardMaxWidth", "cardMaxHeight", "cardRadius", "cardHeight", "cardTop", "children", "onCloseClick", "closeButtonProps", "hasCloseButton"],
-    _excluded2 = ["children"],
-    _excluded3 = ["children", "cardTop"],
-    _excluded4 = ["children"],
-    _excluded5 = ["isOpen", "children", "onClose", "title", "description", "paddingX", "cardPadding", "cardRadius", "cardMaxWidth", "cardMaxHeight", "cardHeight", "cardTop", "zIndex", "initialFocus", "returnFocus", "closeButtonProps", "hasCloseButton", "disableCloseHandler"];
-import "core-js/modules/es.symbol.js";
+const _excluded = ["cardPadding", "cardMaxWidth", "cardMaxHeight", "cardRadius", "cardHeight", "cardTop", "children", "onCloseClick", "closeButtonProps", "hasCloseButton"],
+      _excluded2 = ["children"],
+      _excluded3 = ["children", "cardTop"],
+      _excluded4 = ["children"],
+      _excluded5 = ["isOpen", "children", "onClose", "title", "description", "paddingX", "cardPadding", "cardRadius", "cardMaxWidth", "cardMaxHeight", "cardHeight", "cardTop", "zIndex", "initialFocus", "returnFocus", "closeButtonProps", "hasCloseButton", "disableCloseHandler"];
 import "core-js/modules/es.symbol.description.js";
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -28,23 +24,25 @@ import { IconButton } from './icon-button';
 import { IconCross } from '../icons';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var modalZIndex = 1099;
-var cardMaxWidths = {
+const modalZIndex = 1099;
+const cardMaxWidths = {
   narrow: 55,
   medium: 72,
   wide: 130
 };
-var ModalCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var cardPadding = _ref.cardPadding,
-      cardMaxWidth = _ref.cardMaxWidth,
-      cardMaxHeight = _ref.cardMaxHeight,
-      cardRadius = _ref.cardRadius,
-      cardHeight = _ref.cardHeight,
-      cardTop = _ref.cardTop,
-      children = _ref.children,
-      onCloseClick = _ref.onCloseClick,
-      closeButtonProps = _ref.closeButtonProps,
-      hasCloseButton = _ref.hasCloseButton,
+const ModalCard = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    cardPadding,
+    cardMaxWidth,
+    cardMaxHeight,
+    cardRadius,
+    cardHeight,
+    cardTop,
+    children,
+    onCloseClick,
+    closeButtonProps,
+    hasCloseButton
+  } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return ___EmotionJSX(Box, {
@@ -77,7 +75,7 @@ var ModalCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, closeButtonProps)))));
 });
 
-var TitleRoot = /*#__PURE__*/_styled(Text, process.env.NODE_ENV === "production" ? {
+const TitleRoot = /*#__PURE__*/_styled(Text, process.env.NODE_ENV === "production" ? {
   target: "e74yazp1"
 } : {
   target: "e74yazp1",
@@ -92,8 +90,10 @@ var TitleRoot = /*#__PURE__*/_styled(Text, process.env.NODE_ENV === "production"
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
-var Title = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
+const Title = /*#__PURE__*/forwardRef((_ref2, ref) => {
+  let {
+    children
+  } = _ref2,
       props = _objectWithoutProperties(_ref2, _excluded2);
 
   return ___EmotionJSX(TitleRoot, _extends({
@@ -105,28 +105,38 @@ var Title = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   }, props), children);
 });
 
-var ContainerRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const ContainerRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e74yazp0"
 } : {
   target: "e74yazp0",
   label: "ContainerRoot"
-})("z-index:", function (_ref3) {
-  var zIndex = _ref3.zIndex;
+})("z-index:", _ref3 => {
+  let {
+    zIndex
+  } = _ref3;
   return zIndex;
-}, ";padding-left:", function (_ref4) {
-  var paddingX = _ref4.paddingX;
+}, ";padding-left:", _ref4 => {
+  let {
+    paddingX
+  } = _ref4;
   return getSpace(paddingX);
-}, ";padding-right:", function (_ref5) {
-  var paddingX = _ref5.paddingX;
+}, ";padding-right:", _ref5 => {
+  let {
+    paddingX
+  } = _ref5;
   return getSpace(paddingX);
-}, ";position:fixed;top:0;left:0;width:100%;height:100%;display:grid;align-items:", function (_ref6) {
-  var cardTop = _ref6.cardTop;
+}, ";position:fixed;top:0;left:0;width:100%;height:100%;display:grid;align-items:", _ref6 => {
+  let {
+    cardTop
+  } = _ref6;
   return cardTop ? 'start' : 'center';
 }, ";justify-items:center;.leaveTo,.enterFrom{opacity:0;}.enterTo,.leaveTo{transition-duration:", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RWdDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBEaWFsb2csIFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEljb25Dcm9zcyB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBtb2RhbFpJbmRleCA9IDEwOTk7XG5cbmNvbnN0IGNhcmRNYXhXaWR0aHMgPSB7XG4gIG5hcnJvdzogNTUsXG4gIG1lZGl1bTogNzIsXG4gIHdpZGU6IDEzMCxcbn07XG5cbmNvbnN0IE1vZGFsQ2FyZCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjYXJkUGFkZGluZyxcbiAgICAgIGNhcmRNYXhXaWR0aCxcbiAgICAgIGNhcmRNYXhIZWlnaHQsXG4gICAgICBjYXJkUmFkaXVzLFxuICAgICAgY2FyZEhlaWdodCxcbiAgICAgIGNhcmRUb3AsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIG9uQ2xvc2VDbGljayxcbiAgICAgIGNsb3NlQnV0dG9uUHJvcHMsXG4gICAgICBoYXNDbG9zZUJ1dHRvbixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIG1heFdpZHRoPXtjYXJkTWF4V2lkdGhzW2NhcmRNYXhXaWR0aF0gfHwgY2FyZE1heFdpZHRofVxuICAgICAgICBjbGFzc05hbWU9XCJncm4tY2FyZC1jb250YWluZXJcIlxuICAgICAgPlxuICAgICAgICA8Qm94XG4gICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNhcmRcIlxuICAgICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICAgIHJhZGl1cz17Y2FyZFJhZGl1c31cbiAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yPVwiZmxvYXRpbmdCYWNrZ3JvdW5kXCJcbiAgICAgICAgICBzaGFkb3c9XCJsXCJcbiAgICAgICAgICB0b3A9e2NhcmRUb3B9XG4gICAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBwYWRkaW5nPXtjYXJkUGFkZGluZ30gb3ZlcmZsb3c9XCJhdXRvXCIgbWF4SGVpZ2h0PXtjYXJkTWF4SGVpZ2h0fSBoZWlnaHQ9e2NhcmRIZWlnaHR9PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtoYXNDbG9zZUJ1dHRvbiAmJiAoXG4gICAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIiB6SW5kZXg9ezF9PlxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsb3NlQ2xpY2t9IHsuLi5jbG9zZUJ1dHRvblByb3BzfSAvPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0JveD5cbiAgICApO1xuICB9LFxuKTtcblxuY29uc3QgVGl0bGVSb290ID0gc3R5bGVkKFRleHQpYFxuICBtYXJnaW46IDA7XG5gO1xuXG5jb25zdCBUaXRsZSA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGl0bGVSb290IHRhZz1cImgzXCIgcmVmPXtyZWZ9IHNpemU9XCJ4bFwiIHdlaWdodD1cIm1lZGl1bVwiIHRyaW1Ub3Agey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGl0bGVSb290PlxuKSk7XG5cbmNvbnN0IENvbnRhaW5lclJvb3QgPSBzdHlsZWQuZGl2YFxuICB6LWluZGV4OiAkeyh7IHpJbmRleCB9KSA9PiB6SW5kZXh9O1xuICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGFkZGluZ1ggfSkgPT4gZ2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgcGFkZGluZy1yaWdodDogJHsoeyBwYWRkaW5nWCB9KSA9PiBnZXRTcGFjZShwYWRkaW5nWCl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZ3JpZDtcbiAgYWxpZ24taXRlbXM6ICR7KHsgY2FyZFRvcCB9KSA9PiAoY2FyZFRvcCA/ICdzdGFydCcgOiAnY2VudGVyJyl9O1xuICBqdXN0aWZ5LWl0ZW1zOiBjZW50ZXI7XG4gIC5sZWF2ZVRvLFxuICAuZW50ZXJGcm9tIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG4gIC5lbnRlclRvLFxuICAubGVhdmVUbyB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBDb250YWluZXIgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBjYXJkVG9wLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPENvbnRhaW5lclJvb3QgcmVmPXtyZWZ9IGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCIgY2FyZFRvcD17Y2FyZFRvcH0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvQ29udGFpbmVyUm9vdD5cbikpO1xuXG5jb25zdCBCYWNrZHJvcCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8Qm94XG4gICAgcmVmPXtyZWZ9XG4gICAgcG9zaXRpb249XCJmaXhlZFwiXG4gICAgdG9wPVwiMFwiXG4gICAgbGVmdD1cIjBcIlxuICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgYmFja2dyb3VuZENvbG9yPVwiYmFja2Ryb3BcIlxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9Cb3g+XG4pKTtcblxuY29uc3QgdHJhbnNpdGlvbkNoaWxkUHJvcHMgPSB7XG4gIGVudGVyOiAnZW50ZXInLFxuICBlbnRlckZyb206ICdlbnRlckZyb20nLFxuICBlbnRlclRvOiAnZW50ZXJUbycsXG4gIGxlYXZlOiAnbGVhdmUnLFxuICBsZWF2ZUZyb206ICdsZWF2ZUZyb20nLFxuICBsZWF2ZVRvOiAnbGVhdmVUbycsXG59O1xuXG5leHBvcnQgY29uc3QgTW9kYWwgPSAoe1xuICBpc09wZW4sXG4gIGNoaWxkcmVuLFxuICBvbkNsb3NlLFxuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIHBhZGRpbmdYID0gJ2wnLFxuICBjYXJkUGFkZGluZyA9ICd4bCcsXG4gIGNhcmRSYWRpdXMgPSAnbCcsXG4gIGNhcmRNYXhXaWR0aCA9IDY4LFxuICBjYXJkTWF4SGVpZ2h0ID0gJzkwdmgnLFxuICBjYXJkSGVpZ2h0LFxuICBjYXJkVG9wLFxuICB6SW5kZXggPSBtb2RhbFpJbmRleCxcbiAgaW5pdGlhbEZvY3VzLFxuICByZXR1cm5Gb2N1cyxcbiAgY2xvc2VCdXR0b25Qcm9wcyxcbiAgaGFzQ2xvc2VCdXR0b24gPSB0cnVlLFxuICBkaXNhYmxlQ2xvc2VIYW5kbGVyID0gZmFsc2UsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IGhhc0JhY2tkcm9wID0gY2FyZEhlaWdodCAhPT0gJzEwMHZoJztcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBpZiAoZGlzYWJsZUNsb3NlSGFuZGxlcikgcmV0dXJuO1xuXG4gICAgaWYgKEJvb2xlYW4ob25DbG9zZSkpIHtcbiAgICAgIG9uQ2xvc2UoKTtcbiAgICB9XG4gICAgaWYgKHJldHVybkZvY3VzKSB7XG4gICAgICByZXR1cm5Gb2N1cy5mb2N1cygpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxUcmFuc2l0aW9uIGFwcGVhciBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICA8RGlhbG9nXG4gICAgICAgIGFzPXtDb250YWluZXJ9XG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZUNsb3NlfVxuICAgICAgICB6SW5kZXg9e3pJbmRleH1cbiAgICAgICAgaW5pdGlhbEZvY3VzPXtpbml0aWFsRm9jdXN9XG4gICAgICAgIHBhZGRpbmdYPXtwYWRkaW5nWH1cbiAgICAgICAgY2FyZFRvcD17Y2FyZFRvcH1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aGFzQmFja2Ryb3AgJiYgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0JhY2tkcm9wfSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9IC8+fVxuXG4gICAgICAgIDxUcmFuc2l0aW9uLkNoaWxkIGFzPXtGcmFnbWVudH0gey4uLnRyYW5zaXRpb25DaGlsZFByb3BzfT5cbiAgICAgICAgICA8RGlhbG9nLlBhbmVsXG4gICAgICAgICAgICBhcz17TW9kYWxDYXJkfVxuICAgICAgICAgICAgb25DbG9zZUNsaWNrPXtvbkNsb3NlfVxuICAgICAgICAgICAgY2FyZFBhZGRpbmc9e2NhcmRQYWRkaW5nfVxuICAgICAgICAgICAgY2FyZE1heFdpZHRoPXtjYXJkTWF4V2lkdGh9XG4gICAgICAgICAgICBjYXJkTWF4SGVpZ2h0PXtjYXJkTWF4SGVpZ2h0fVxuICAgICAgICAgICAgY2FyZEhlaWdodD17Y2FyZEhlaWdodH1cbiAgICAgICAgICAgIGNsb3NlQnV0dG9uUHJvcHM9e2Nsb3NlQnV0dG9uUHJvcHN9XG4gICAgICAgICAgICBjYXJkUmFkaXVzPXtjYXJkUmFkaXVzfVxuICAgICAgICAgICAgY2FyZFRvcD17Y2FyZFRvcH1cbiAgICAgICAgICAgIGhhc0Nsb3NlQnV0dG9uPXtoYXNDbG9zZUJ1dHRvbn1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dGl0bGUgJiYgPERpYWxvZy5UaXRsZSBhcz17VGl0bGV9Pnt0aXRsZX08L0RpYWxvZy5UaXRsZT59XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInNcIj5cbiAgICAgICAgICAgICAgICA8RGlhbG9nLkRlc2NyaXB0aW9uIGFzPVwiZGl2XCI+e2Rlc2NyaXB0aW9ufTwvRGlhbG9nLkRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2cuUGFuZWw+XG4gICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgKTtcbn07XG5cbk1vZGFsLlRpdGxlID0gVGl0bGU7XG5cbk1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaGFzQ2xvc2VCdXR0b246IFByb3BUeXBlcy5ib29sLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogUHJvcFR5cGVzLm9uZU9mVHlwZShbXG4gICAgUHJvcFR5cGVzLm51bWJlcixcbiAgICBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIFByb3BUeXBlcy5vbmVPZihbJ25hcnJvdycsICdtZWRpdW0nLCAnd2lkZSddKSxcbiAgXSksXG4gIGNhcmRIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZE1heEhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkUmFkaXVzOiB0eXBlcy5yYWRpdXMsXG4gIGNhcmRUb3A6IHR5cGVzLnNwYWNlcyxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIGluaXRpYWxGb2N1czogUHJvcFR5cGVzLm5vZGUsXG4gIHJldHVybkZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgY2xvc2VCdXR0b25Qcm9wczogUHJvcFR5cGVzLm9iamVjdCxcbiAgcGFkZGluZ1g6IHR5cGVzLmRpbWVuc2lvbixcbiAgZGlzYWJsZUNsb3NlSGFuZGxlcjogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"));
 
-var Container = /*#__PURE__*/forwardRef(function (_ref7, ref) {
-  var children = _ref7.children,
-      cardTop = _ref7.cardTop,
+const Container = /*#__PURE__*/forwardRef((_ref7, ref) => {
+  let {
+    children,
+    cardTop
+  } = _ref7,
       props = _objectWithoutProperties(_ref7, _excluded3);
 
   return ___EmotionJSX(ContainerRoot, _extends({
@@ -135,8 +145,10 @@ var Container = /*#__PURE__*/forwardRef(function (_ref7, ref) {
     cardTop: cardTop
   }, props), children);
 });
-var Backdrop = /*#__PURE__*/forwardRef(function (_ref8, ref) {
-  var children = _ref8.children,
+const Backdrop = /*#__PURE__*/forwardRef((_ref8, ref) => {
+  let {
+    children
+  } = _ref8,
       props = _objectWithoutProperties(_ref8, _excluded4);
 
   return ___EmotionJSX(Box, _extends({
@@ -149,7 +161,7 @@ var Backdrop = /*#__PURE__*/forwardRef(function (_ref8, ref) {
     backgroundColor: "backdrop"
   }, props), children);
 });
-var transitionChildProps = {
+const transitionChildProps = {
   enter: 'enter',
   enterFrom: 'enterFrom',
   enterTo: 'enterTo',
@@ -157,38 +169,32 @@ var transitionChildProps = {
   leaveFrom: 'leaveFrom',
   leaveTo: 'leaveTo'
 };
-export var Modal = function Modal(_ref9) {
-  var isOpen = _ref9.isOpen,
-      children = _ref9.children,
-      onClose = _ref9.onClose,
-      title = _ref9.title,
-      description = _ref9.description,
-      _ref9$paddingX = _ref9.paddingX,
-      paddingX = _ref9$paddingX === void 0 ? 'l' : _ref9$paddingX,
-      _ref9$cardPadding = _ref9.cardPadding,
-      cardPadding = _ref9$cardPadding === void 0 ? 'xl' : _ref9$cardPadding,
-      _ref9$cardRadius = _ref9.cardRadius,
-      cardRadius = _ref9$cardRadius === void 0 ? 'l' : _ref9$cardRadius,
-      _ref9$cardMaxWidth = _ref9.cardMaxWidth,
-      cardMaxWidth = _ref9$cardMaxWidth === void 0 ? 68 : _ref9$cardMaxWidth,
-      _ref9$cardMaxHeight = _ref9.cardMaxHeight,
-      cardMaxHeight = _ref9$cardMaxHeight === void 0 ? '90vh' : _ref9$cardMaxHeight,
-      cardHeight = _ref9.cardHeight,
-      cardTop = _ref9.cardTop,
-      _ref9$zIndex = _ref9.zIndex,
-      zIndex = _ref9$zIndex === void 0 ? modalZIndex : _ref9$zIndex,
-      initialFocus = _ref9.initialFocus,
-      returnFocus = _ref9.returnFocus,
-      closeButtonProps = _ref9.closeButtonProps,
-      _ref9$hasCloseButton = _ref9.hasCloseButton,
-      hasCloseButton = _ref9$hasCloseButton === void 0 ? true : _ref9$hasCloseButton,
-      _ref9$disableCloseHan = _ref9.disableCloseHandler,
-      disableCloseHandler = _ref9$disableCloseHan === void 0 ? false : _ref9$disableCloseHan,
+export const Modal = _ref9 => {
+  let {
+    isOpen,
+    children,
+    onClose,
+    title,
+    description,
+    paddingX = 'l',
+    cardPadding = 'xl',
+    cardRadius = 'l',
+    cardMaxWidth = 68,
+    cardMaxHeight = '90vh',
+    cardHeight,
+    cardTop,
+    zIndex = modalZIndex,
+    initialFocus,
+    returnFocus,
+    closeButtonProps,
+    hasCloseButton = true,
+    disableCloseHandler = false
+  } = _ref9,
       props = _objectWithoutProperties(_ref9, _excluded5);
 
-  var hasBackdrop = cardHeight !== '100vh';
+  const hasBackdrop = cardHeight !== '100vh';
 
-  var handleClose = function handleClose() {
+  const handleClose = () => {
     if (disableCloseHandler) return;
 
     if (Boolean(onClose)) {

package/es/components/nav/index.js

@@ -1,24 +1,12 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.define-property.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import "core-js/modules/es.object.define-properties.js";
-import "core-js/modules/es.object.assign.js";
-var _excluded = ["children", "direction", "justifyContent", "size", "className", "style"],
-    _excluded2 = ["children", "isActive"],
-    _excluded3 = ["children", "direction", "justifyContent", "size"];
+const _excluded = ["children", "direction", "justifyContent", "size", "className", "style"],
+      _excluded2 = ["children", "isActive"],
+      _excluded3 = ["children", "direction", "justifyContent", "size"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import "core-js/modules/es.string.trim.js";
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.string.replace.js";
-import "core-js/modules/es.array.concat.js";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -38,56 +26,61 @@ import { BreakpointsContext } from '../breakpoints-provider';
 import styles from './styles.module.css';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var NavRoot = function NavRoot(_ref) {
-  var children = _ref.children,
-      direction = _ref.direction,
-      justifyContent = _ref.justifyContent,
-      size = _ref.size,
-      className = _ref.className,
-      style = _ref.style,
+const NavRoot = _ref => {
+  let {
+    children,
+    direction,
+    justifyContent,
+    size,
+    className,
+    style
+  } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var propClassName = className ? className : '';
-  var propStyle = style ? style : {};
-  var breakpoints = useContext(BreakpointsContext);
-  var attributes = generateAttributes({
+  const propClassName = className ? className : '';
+  const propStyle = style ? style : {};
+  const breakpoints = useContext(BreakpointsContext);
+  const attributes = generateAttributes({
     styleProps: {
-      size: size,
-      justifyContent: justifyContent
+      size,
+      justifyContent
     },
     classNameProps: {
-      size: size,
-      justifyContent: justifyContent
+      size,
+      justifyContent
     },
-    breakpoints: breakpoints
+    breakpoints
   });
 
-  var styleAttributes = _objectSpread(_objectSpread({}, attributes.styles), propStyle);
+  const styleAttributes = _objectSpread(_objectSpread({}, attributes.styles), propStyle);
 
-  var classAttributes = [attributes.classNames, propClassName, styles.nav, styles[direction]].join(' ').replace(/\s+/g, ' ').trim();
+  const classAttributes = [attributes.classNames, propClassName, styles.nav, styles[direction]].join(' ').replace(/\s+/g, ' ').trim();
   return ___EmotionJSX("nav", _extends({
     className: classAttributes,
     style: styleAttributes
   }, props), children);
 };
 
-export var NavItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-      isActive = _ref2.isActive,
+export const NavItem = /*#__PURE__*/forwardRef((_ref2, ref) => {
+  let {
+    children,
+    isActive
+  } = _ref2,
       props = _objectWithoutProperties(_ref2, _excluded2);
 
-  var classAttributes = "".concat(styles.navItem, " ").concat(isActive ? styles.isActive : '').trim();
+  const classAttributes = "".concat(styles.navItem, " ").concat(isActive ? styles.isActive : '').trim();
   return ___EmotionJSX("div", _extends({
     ref: ref,
     className: classAttributes
   }, props), children);
 });
-export var Nav = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-      _ref3$direction = _ref3.direction,
-      direction = _ref3$direction === void 0 ? 'row' : _ref3$direction,
-      justifyContent = _ref3.justifyContent,
-      size = _ref3.size,
+export const Nav = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  let {
+    children,
+    direction = 'row',
+    justifyContent,
+    size
+  } = _ref3,
       props = _objectWithoutProperties(_ref3, _excluded3);
 
   return ___EmotionJSX(NavRoot, _extends({

package/es/components/pagination.js

@@ -1,6 +1,6 @@
 import _styled from "@emotion/styled/base";
-var _excluded = ["children", "pageNumber", "isSelected", "onChange"],
-    _excluded2 = ["amount", "selected", "onChange"];
+const _excluded = ["children", "pageNumber", "isSelected", "onChange"],
+      _excluded2 = ["amount", "selected", "onChange"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -8,12 +8,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.assign.js";
-
 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)."; }
 
 import React, { forwardRef } from 'react';
@@ -24,7 +18,7 @@ import { IconButton } from './icon-button';
 import { IconChevronLeft, IconChevronRight } from '../icons';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e196zwcn2"
 } : {
   target: "e196zwcn2",
@@ -39,27 +33,33 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
-var PageButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+const PageButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e196zwcn1"
 } : {
   target: "e196zwcn1",
   label: "PageButton"
-})(function (_ref) {
-  var clearButtonStyles = _ref.clearButtonStyles;
+})(_ref => {
+  let {
+    clearButtonStyles
+  } = _ref;
   return clearButtonStyles.box;
-}, ";min-width:", componentVars.clearButtonHeight, ";padding-left:8px;padding-right:8px;", function (_ref2) {
-  var isSelected = _ref2.isSelected;
+}, ";min-width:", componentVars.clearButtonHeight, ";padding-left:8px;padding-right:8px;", _ref2 => {
+  let {
+    isSelected
+  } = _ref2;
   return "\n    color: ".concat(getColor(isSelected ? 'inherit' : 'content2'), ";\n    ").concat(isSelected && "pointer-events: none;", "\n  ");
 }, " &:hover{color:", getColor('content'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNnQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9wYWdpbmF0aW9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ2hldnJvbkxlZnQsIEljb25DaGV2cm9uUmlnaHQgfSBmcm9tICcuLi9pY29ucyc7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBQYWdlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHsoeyBjbGVhckJ1dHRvblN0eWxlcyB9KSA9PiBjbGVhckJ1dHRvblN0eWxlcy5ib3h9O1xuICBtaW4td2lkdGg6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkhlaWdodH07XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG5cbiAgJHsoeyBpc1NlbGVjdGVkIH0pID0+IGBcbiAgICBjb2xvcjogJHtnZXRDb2xvcihpc1NlbGVjdGVkID8gJ2luaGVyaXQnIDogJ2NvbnRlbnQyJyl9O1xuICAgICR7aXNTZWxlY3RlZCAmJiBgcG9pbnRlci1ldmVudHM6IG5vbmU7YH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuYDtcblxuY29uc3QgUGFnZSA9ICh7IGNoaWxkcmVuLCBwYWdlTnVtYmVyLCBpc1NlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICBjb25zdCBjbGVhckJ1dHRvblN0eWxlcyA9IGdldENsZWFyQnV0dG9uU3R5bGVzKHt9KTtcbiAgcmV0dXJuIChcbiAgICA8UGFnZUJ1dHRvblxuICAgICAgb25DbGljaz17b25DaGFuZ2V9XG4gICAgICBjbGVhckJ1dHRvblN0eWxlcz17Y2xlYXJCdXR0b25TdHlsZXN9XG4gICAgICBrZXk9e3BhZ2VOdW1iZXJ9XG4gICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtwYWdlTnVtYmVyfVxuICAgIDwvUGFnZUJ1dHRvbj5cbiAgKTtcbn07XG5cbmNvbnN0IEVsbGlwc2lzID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgcGxhY2UtaXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9O1xuICBwYWRkaW5nOiAwICR7Z2V0U3BhY2UoJ3hzJyl9O1xuYDtcblxuRWxsaXBzaXMuZGVmYXVsdFByb3BzID0geyBjaGlsZHJlbjogJy4uLicgfTtcblxuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb24gPSBmb3J3YXJkUmVmKCh7IGFtb3VudCwgc2VsZWN0ZWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgbWF4VmlzaWJsZVBhZ2VzID0gNTtcbiAgY29uc3QgdmlzaWJsZVBhZ2VzID0gW107XG4gIGNvbnN0IGZpcnN0UGFnZSA9IDE7XG4gIGNvbnN0IGxhc3RQYWdlID0gYW1vdW50O1xuICBjb25zdCBoYXNDb2xsYXBzZWRQYWdlcyA9IGFtb3VudCA+IG1heFZpc2libGVQYWdlcztcblxuICBpZiAoaGFzQ29sbGFwc2VkUGFnZXMpIHtcbiAgICBjb25zdCBsZWZ0RWRnZVBhZ2UgPSBNYXRoLm1pbihcbiAgICAgIE1hdGgubWF4KGZpcnN0UGFnZSArIDEsIHNlbGVjdGVkIC0gTWF0aC5mbG9vcihtYXhWaXNpYmxlUGFnZXMgLyAyKSksXG4gICAgICBsYXN0UGFnZSAtIG1heFZpc2libGVQYWdlcyArIDEsXG4gICAgKTtcbiAgICBjb25zdCByaWdodEVkZ2VQYWdlID0gTWF0aC5taW4obGVmdEVkZ2VQYWdlICsgbWF4VmlzaWJsZVBhZ2VzIC0gMSwgbGFzdFBhZ2UpO1xuXG4gICAgaWYgKGxlZnRFZGdlUGFnZSA+IGZpcnN0UGFnZSkge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlXG4gICAgICAgICAga2V5PXtmaXJzdFBhZ2V9XG4gICAgICAgICAgaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgICBwYWdlTnVtYmVyPXtmaXJzdFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UoZmlyc3RQYWdlKX1cbiAgICAgICAgLz4sXG4gICAgICApO1xuICAgICAgaWYgKGxlZnRFZGdlUGFnZSA+IGZpcnN0UGFnZSArIDEpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cImxlZnQtZWxsaXBzaXNcIiAvPik7XG4gICAgICB9XG4gICAgfVxuXG4gICAgZm9yIChsZXQgaSA9IGxlZnRFZGdlUGFnZTsgaSA8PSByaWdodEVkZ2VQYWdlOyBpKyspIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZSBrZXk9e2l9IGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBpfSBwYWdlTnVtYmVyPXtpfSBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShpKX0gLz4sXG4gICAgICApO1xuICAgIH1cblxuICAgIGlmIChyaWdodEVkZ2VQYWdlIDwgbGFzdFBhZ2UpIHtcbiAgICAgIGlmIChyaWdodEVkZ2VQYWdlIDwgbGFzdFBhZ2UgLSAxKSB7XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKDxFbGxpcHNpcyBrZXk9XCJyaWdodC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgIH1cbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZVxuICAgICAgICAgIGtleT17bGFzdFBhZ2V9XG4gICAgICAgICAgaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICAgIHBhZ2VOdW1iZXI9e2xhc3RQYWdlfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGxhc3RQYWdlKX1cbiAgICAgICAgLz4sXG4gICAgICApO1xuICAgIH1cbiAgfSBlbHNlIHtcbiAgICBmb3IgKGxldCBpID0gZmlyc3RQYWdlOyBpIDw9IGxhc3RQYWdlOyBpKyspIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZSBrZXk9e2l9IGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBpfSBwYWdlTnVtYmVyPXtpfSBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShpKX0gLz4sXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFJvb3QgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7c2VsZWN0ZWQgIT09IGZpcnN0UGFnZSAmJiAoXG4gICAgICAgIDxJY29uQnV0dG9uIGljb249ezxJY29uQ2hldnJvbkxlZnQgLz59IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkIC0gMSl9IC8+XG4gICAgICApfVxuICAgICAge3Zpc2libGVQYWdlc31cbiAgICAgIHtzZWxlY3RlZCAhPT0gbGFzdFBhZ2UgJiYgKFxuICAgICAgICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNoZXZyb25SaWdodCAvPn0gb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgKyAxKX0gLz5cbiAgICAgICl9XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cblBhZ2luYXRpb24ucHJvcFR5cGVzID0ge1xuICBhbW91bnQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgc2VsZWN0ZWQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuIl19 */"));
 
-var Page = function Page(_ref3) {
-  var children = _ref3.children,
-      pageNumber = _ref3.pageNumber,
-      isSelected = _ref3.isSelected,
-      onChange = _ref3.onChange,
+const Page = _ref3 => {
+  let {
+    children,
+    pageNumber,
+    isSelected,
+    onChange
+  } = _ref3,
       props = _objectWithoutProperties(_ref3, _excluded);
 
-  var clearButtonStyles = getClearButtonStyles({});
+  const clearButtonStyles = getClearButtonStyles({});
   return ___EmotionJSX(PageButton, _extends({
     onClick: onChange,
     clearButtonStyles: clearButtonStyles,
@@ -68,7 +68,7 @@ var Page = function Page(_ref3) {
   }, props), pageNumber);
 };
 
-var Ellipsis = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const Ellipsis = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e196zwcn0"
 } : {
   target: "e196zwcn0",
@@ -78,30 +78,30 @@ var Ellipsis = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
 Ellipsis.defaultProps = {
   children: '...'
 };
-export var Pagination = /*#__PURE__*/forwardRef(function (_ref4, ref) {
-  var amount = _ref4.amount,
-      selected = _ref4.selected,
-      onChange = _ref4.onChange,
+export const Pagination = /*#__PURE__*/forwardRef((_ref4, ref) => {
+  let {
+    amount,
+    selected,
+    onChange
+  } = _ref4,
       props = _objectWithoutProperties(_ref4, _excluded2);
 
-  var maxVisiblePages = 5;
-  var visiblePages = [];
-  var firstPage = 1;
-  var lastPage = amount;
-  var hasCollapsedPages = amount > maxVisiblePages;
+  const maxVisiblePages = 5;
+  const visiblePages = [];
+  const firstPage = 1;
+  const lastPage = amount;
+  const hasCollapsedPages = amount > maxVisiblePages;
 
   if (hasCollapsedPages) {
-    var leftEdgePage = Math.min(Math.max(firstPage + 1, selected - Math.floor(maxVisiblePages / 2)), lastPage - maxVisiblePages + 1);
-    var rightEdgePage = Math.min(leftEdgePage + maxVisiblePages - 1, lastPage);
+    const leftEdgePage = Math.min(Math.max(firstPage + 1, selected - Math.floor(maxVisiblePages / 2)), lastPage - maxVisiblePages + 1);
+    const rightEdgePage = Math.min(leftEdgePage + maxVisiblePages - 1, lastPage);
 
     if (leftEdgePage > firstPage) {
       visiblePages.push(___EmotionJSX(Page, {
         key: firstPage,
         isSelected: selected === firstPage,
         pageNumber: firstPage,
-        onClick: function onClick() {
-          return onChange(firstPage);
-        }
+        onClick: () => onChange(firstPage)
       }));
 
       if (leftEdgePage > firstPage + 1) {
@@ -111,19 +111,13 @@ export var Pagination = /*#__PURE__*/forwardRef(function (_ref4, ref) {
       }
     }
 
-    var _loop = function _loop(i) {
+    for (let i = leftEdgePage; i <= rightEdgePage; i++) {
       visiblePages.push(___EmotionJSX(Page, {
         key: i,
         isSelected: selected === i,
         pageNumber: i,
-        onClick: function onClick() {
-          return onChange(i);
-        }
+        onClick: () => onChange(i)
       }));
-    };
-
-    for (var i = leftEdgePage; i <= rightEdgePage; i++) {
-      _loop(i);
     }
 
     if (rightEdgePage < lastPage) {
@@ -137,25 +131,17 @@ export var Pagination = /*#__PURE__*/forwardRef(function (_ref4, ref) {
         key: lastPage,
         isSelected: selected === lastPage,
         pageNumber: lastPage,
-        onClick: function onClick() {
-          return onChange(lastPage);
-        }
+        onClick: () => onChange(lastPage)
       }));
     }
   } else {
-    var _loop2 = function _loop2(_i) {
+    for (let i = firstPage; i <= lastPage; i++) {
       visiblePages.push(___EmotionJSX(Page, {
-        key: _i,
-        isSelected: selected === _i,
-        pageNumber: _i,
-        onClick: function onClick() {
-          return onChange(_i);
-        }
+        key: i,
+        isSelected: selected === i,
+        pageNumber: i,
+        onClick: () => onChange(i)
       }));
-    };
-
-    for (var _i = firstPage; _i <= lastPage; _i++) {
-      _loop2(_i);
     }
   }
 
@@ -163,14 +149,10 @@ export var Pagination = /*#__PURE__*/forwardRef(function (_ref4, ref) {
     ref: ref
   }, props), selected !== firstPage && ___EmotionJSX(IconButton, {
     icon: ___EmotionJSX(IconChevronLeft, null),
-    onClick: function onClick() {
-      return onChange(selected - 1);
-    }
+    onClick: () => onChange(selected - 1)
   }), visiblePages, selected !== lastPage && ___EmotionJSX(IconButton, {
     icon: ___EmotionJSX(IconChevronRight, null),
-    onClick: function onClick() {
-      return onChange(selected + 1);
-    }
+    onClick: () => onChange(selected + 1)
   }));
 });
 Pagination.propTypes = {