@flodesk/grain 7.5.1 → 7.6.1

package/es/components/index.js

@@ -23,4 +23,5 @@ export { Link, linkStyles } from './link';
 export { Popover } from './popover';
 export { Tooltip } from './tooltip';
 export { Progress } from './progress';
-export { Textarea } from './textarea';
+export { Textarea } from './textarea';
+export { Pagination } from './pagination';

package/es/components/pagination.js

@@ -0,0 +1,186 @@
+import _styled from "@emotion/styled/base";
+var _excluded = ["children", "selected", "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); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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';
+import PropTypes from 'prop-types';
+import { componentVars, styles } from '../foundational';
+import { getColor, getRadius, getSpace } from '../utilities';
+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" ? {
+  target: "e196zwcn3"
+} : {
+  target: "e196zwcn3",
+  label: "Root"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1k1r7uj",
+  styles: "display:grid;grid-auto-flow:column;width:fit-content"
+} : {
+  name: "1k1r7uj",
+  styles: "display:grid;grid-auto-flow:column;width:fit-content",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVF1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9wYWdpbmF0aW9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ2hldnJvbkxlZnQsIEljb25DaGV2cm9uUmlnaHQgfSBmcm9tICcuLi9pY29ucyc7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBQYWdlUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gICR7KHsgc2VsZWN0ZWQgfSkgPT4gYFxuICAgICR7IXNlbGVjdGVkICYmIGAtLXRleHRDb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX1gfTtcbiAgICAke1xuICAgICAgc2VsZWN0ZWQgJiZcbiAgICAgIGBcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9ICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAtLXRleHRDb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuYDtcblxuY29uc3QgUGFnZVRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBjb2xvcjogdmFyKC0tdGV4dENvbG9yKTtcbmA7XG5cbmNvbnN0IFBhZ2UgPSAoeyBjaGlsZHJlbiwgc2VsZWN0ZWQsIHBhZ2VOdW1iZXIsIGlzU2VsZWN0ZWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFBhZ2VSb290IGtleT17cGFnZU51bWJlcn0gc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9IHsuLi5wcm9wc30+XG4gICAgICA8SWNvbkJ1dHRvbiBvbkNsaWNrPXtvbkNoYW5nZX0+XG4gICAgICAgIDxQYWdlVGV4dD57cGFnZU51bWJlcn08L1BhZ2VUZXh0PlxuICAgICAgPC9JY29uQnV0dG9uPlxuICAgIDwvUGFnZVJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBFbGxpcHNpcyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgcGFkZGluZzogMCAke2dldFNwYWNlKCd4cycpfTtcbmA7XG5cbkVsbGlwc2lzLmRlZmF1bHRQcm9wcyA9IHsgY2hpbGRyZW46ICcuLi4nIH07XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gZm9yd2FyZFJlZigoeyBhbW91bnQsIHNlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IG1heFZpc2libGVQYWdlcyA9IDU7XG4gIGNvbnN0IHZpc2libGVQYWdlcyA9IFtdO1xuICBjb25zdCBmaXJzdFBhZ2UgPSAxO1xuICBjb25zdCBsYXN0UGFnZSA9IGFtb3VudDtcbiAgY29uc3QgaGFzQ29sbGFwc2VkUGFnZXMgPSBhbW91bnQgPiBtYXhWaXNpYmxlUGFnZXM7XG5cbiAgaWYgKGhhc0NvbGxhcHNlZFBhZ2VzKSB7XG4gICAgY29uc3QgbGVmdEVkZ2VQYWdlID0gTWF0aC5taW4oXG4gICAgICBNYXRoLm1heChmaXJzdFBhZ2UgKyAxLCBzZWxlY3RlZCAtIE1hdGguZmxvb3IobWF4VmlzaWJsZVBhZ2VzIC8gMikpLFxuICAgICAgbGFzdFBhZ2UgLSBtYXhWaXNpYmxlUGFnZXMgKyAxLFxuICAgICk7XG4gICAgY29uc3QgcmlnaHRFZGdlUGFnZSA9IE1hdGgubWluKGxlZnRFZGdlUGFnZSArIG1heFZpc2libGVQYWdlcyAtIDEsIGxhc3RQYWdlKTtcblxuICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UpIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZVxuICAgICAgICAgIGtleT17Zmlyc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17Zmlyc3RQYWdlfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGZpcnN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UgKyAxKSB7XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKDxFbGxpcHNpcyBrZXk9XCJsZWZ0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgIH1cblxuICAgIGZvciAobGV0IGkgPSBsZWZ0RWRnZVBhZ2U7IGkgPD0gcmlnaHRFZGdlUGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlKSB7XG4gICAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlIC0gMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwicmlnaHQtZWxsaXBzaXNcIiAvPik7XG4gICAgICB9XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2xhc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgICBwYWdlTnVtYmVyPXtsYXN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShsYXN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH0gZWxzZSB7XG4gICAgZm9yIChsZXQgaSA9IGZpcnN0UGFnZTsgaSA8PSBsYXN0UGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uTGVmdCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgLSAxKX1cbiAgICAgIC8+XG4gICAgICB7dmlzaWJsZVBhZ2VzfVxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICBpY29uPXs8SWNvbkNoZXZyb25SaWdodCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgKyAxKX1cbiAgICAgIC8+XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cblBhZ2luYXRpb24ucHJvcFR5cGVzID0ge1xuICBhbW91bnQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgc2VsZWN0ZWQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var PageRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e196zwcn2"
+} : {
+  target: "e196zwcn2",
+  label: "PageRoot"
+})("border-radius:", getRadius('s'), ";", function (_ref) {
+  var selected = _ref.selected;
+  return "\n    ".concat(!selected && "--textColor: ".concat(getColor('content2')), ";\n    ").concat(selected && "\n        box-shadow: inset 0 0 0 ".concat(componentVars.strokeSize, " ").concat(componentVars.activeBorderColor, ";\n        pointer-events: none;\n      "), "\n  ");
+}, " &:hover{--textColor:", getColor('content'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWMyQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9wYWdpbmF0aW9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ2hldnJvbkxlZnQsIEljb25DaGV2cm9uUmlnaHQgfSBmcm9tICcuLi9pY29ucyc7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBQYWdlUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gICR7KHsgc2VsZWN0ZWQgfSkgPT4gYFxuICAgICR7IXNlbGVjdGVkICYmIGAtLXRleHRDb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX1gfTtcbiAgICAke1xuICAgICAgc2VsZWN0ZWQgJiZcbiAgICAgIGBcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9ICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAtLXRleHRDb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuYDtcblxuY29uc3QgUGFnZVRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBjb2xvcjogdmFyKC0tdGV4dENvbG9yKTtcbmA7XG5cbmNvbnN0IFBhZ2UgPSAoeyBjaGlsZHJlbiwgc2VsZWN0ZWQsIHBhZ2VOdW1iZXIsIGlzU2VsZWN0ZWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFBhZ2VSb290IGtleT17cGFnZU51bWJlcn0gc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9IHsuLi5wcm9wc30+XG4gICAgICA8SWNvbkJ1dHRvbiBvbkNsaWNrPXtvbkNoYW5nZX0+XG4gICAgICAgIDxQYWdlVGV4dD57cGFnZU51bWJlcn08L1BhZ2VUZXh0PlxuICAgICAgPC9JY29uQnV0dG9uPlxuICAgIDwvUGFnZVJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBFbGxpcHNpcyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgcGFkZGluZzogMCAke2dldFNwYWNlKCd4cycpfTtcbmA7XG5cbkVsbGlwc2lzLmRlZmF1bHRQcm9wcyA9IHsgY2hpbGRyZW46ICcuLi4nIH07XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gZm9yd2FyZFJlZigoeyBhbW91bnQsIHNlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IG1heFZpc2libGVQYWdlcyA9IDU7XG4gIGNvbnN0IHZpc2libGVQYWdlcyA9IFtdO1xuICBjb25zdCBmaXJzdFBhZ2UgPSAxO1xuICBjb25zdCBsYXN0UGFnZSA9IGFtb3VudDtcbiAgY29uc3QgaGFzQ29sbGFwc2VkUGFnZXMgPSBhbW91bnQgPiBtYXhWaXNpYmxlUGFnZXM7XG5cbiAgaWYgKGhhc0NvbGxhcHNlZFBhZ2VzKSB7XG4gICAgY29uc3QgbGVmdEVkZ2VQYWdlID0gTWF0aC5taW4oXG4gICAgICBNYXRoLm1heChmaXJzdFBhZ2UgKyAxLCBzZWxlY3RlZCAtIE1hdGguZmxvb3IobWF4VmlzaWJsZVBhZ2VzIC8gMikpLFxuICAgICAgbGFzdFBhZ2UgLSBtYXhWaXNpYmxlUGFnZXMgKyAxLFxuICAgICk7XG4gICAgY29uc3QgcmlnaHRFZGdlUGFnZSA9IE1hdGgubWluKGxlZnRFZGdlUGFnZSArIG1heFZpc2libGVQYWdlcyAtIDEsIGxhc3RQYWdlKTtcblxuICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UpIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZVxuICAgICAgICAgIGtleT17Zmlyc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17Zmlyc3RQYWdlfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGZpcnN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UgKyAxKSB7XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKDxFbGxpcHNpcyBrZXk9XCJsZWZ0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgIH1cblxuICAgIGZvciAobGV0IGkgPSBsZWZ0RWRnZVBhZ2U7IGkgPD0gcmlnaHRFZGdlUGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlKSB7XG4gICAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlIC0gMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwicmlnaHQtZWxsaXBzaXNcIiAvPik7XG4gICAgICB9XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2xhc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgICBwYWdlTnVtYmVyPXtsYXN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShsYXN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH0gZWxzZSB7XG4gICAgZm9yIChsZXQgaSA9IGZpcnN0UGFnZTsgaSA8PSBsYXN0UGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uTGVmdCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgLSAxKX1cbiAgICAgIC8+XG4gICAgICB7dmlzaWJsZVBhZ2VzfVxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICBpY29uPXs8SWNvbkNoZXZyb25SaWdodCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgKyAxKX1cbiAgICAgIC8+XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cblBhZ2luYXRpb24ucHJvcFR5cGVzID0ge1xuICBhbW91bnQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgc2VsZWN0ZWQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuIl19 */"));
+
+var PageText = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e196zwcn1"
+} : {
+  target: "e196zwcn1",
+  label: "PageText"
+})(styles.transitions, ";color:var(--textColor);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDNEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcGFnaW5hdGlvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4vaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25MZWZ0LCBJY29uQ2hldnJvblJpZ2h0IH0gZnJvbSAnLi4vaWNvbnMnO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICAkeyh7IHNlbGVjdGVkIH0pID0+IGBcbiAgICAkeyFzZWxlY3RlZCAmJiBgLS10ZXh0Q29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9YH07XG4gICAgJHtcbiAgICAgIHNlbGVjdGVkICYmXG4gICAgICBgXG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGBcbiAgICB9XG4gIGB9XG5cbiAgJjpob3ZlciB7XG4gICAgLS10ZXh0Q29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cbmA7XG5cbmNvbnN0IFBhZ2VUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgY29sb3I6IHZhcigtLXRleHRDb2xvcik7XG5gO1xuXG5jb25zdCBQYWdlID0gKHsgY2hpbGRyZW4sIHNlbGVjdGVkLCBwYWdlTnVtYmVyLCBpc1NlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxQYWdlUm9vdCBrZXk9e3BhZ2VOdW1iZXJ9IHNlbGVjdGVkPXtpc1NlbGVjdGVkfSB7Li4ucHJvcHN9PlxuICAgICAgPEljb25CdXR0b24gb25DbGljaz17b25DaGFuZ2V9PlxuICAgICAgICA8UGFnZVRleHQ+e3BhZ2VOdW1iZXJ9PC9QYWdlVGV4dD5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICA8L1BhZ2VSb290PlxuICApO1xufTtcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX07XG4gIHBhZGRpbmc6IDAgJHtnZXRTcGFjZSgneHMnKX07XG5gO1xuXG5FbGxpcHNpcy5kZWZhdWx0UHJvcHMgPSB7IGNoaWxkcmVuOiAnLi4uJyB9O1xuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IGZvcndhcmRSZWYoKHsgYW1vdW50LCBzZWxlY3RlZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBtYXhWaXNpYmxlUGFnZXMgPSA1O1xuICBjb25zdCB2aXNpYmxlUGFnZXMgPSBbXTtcbiAgY29uc3QgZmlyc3RQYWdlID0gMTtcbiAgY29uc3QgbGFzdFBhZ2UgPSBhbW91bnQ7XG4gIGNvbnN0IGhhc0NvbGxhcHNlZFBhZ2VzID0gYW1vdW50ID4gbWF4VmlzaWJsZVBhZ2VzO1xuXG4gIGlmIChoYXNDb2xsYXBzZWRQYWdlcykge1xuICAgIGNvbnN0IGxlZnRFZGdlUGFnZSA9IE1hdGgubWluKFxuICAgICAgTWF0aC5tYXgoZmlyc3RQYWdlICsgMSwgc2VsZWN0ZWQgLSBNYXRoLmZsb29yKG1heFZpc2libGVQYWdlcyAvIDIpKSxcbiAgICAgIGxhc3RQYWdlIC0gbWF4VmlzaWJsZVBhZ2VzICsgMSxcbiAgICApO1xuICAgIGNvbnN0IHJpZ2h0RWRnZVBhZ2UgPSBNYXRoLm1pbihsZWZ0RWRnZVBhZ2UgKyBtYXhWaXNpYmxlUGFnZXMgLSAxLCBsYXN0UGFnZSk7XG5cbiAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gZmlyc3RQYWdlfVxuICAgICAgICAgIHBhZ2VOdW1iZXI9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShmaXJzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlICsgMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwibGVmdC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb3IgKGxldCBpID0gbGVmdEVkZ2VQYWdlOyBpIDw9IHJpZ2h0RWRnZVBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSkge1xuICAgICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSAtIDEpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cInJpZ2h0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlXG4gICAgICAgICAga2V5PXtsYXN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gbGFzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17bGFzdFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UobGFzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgfVxuICB9IGVsc2Uge1xuICAgIGZvciAobGV0IGkgPSBmaXJzdFBhZ2U7IGkgPD0gbGFzdFBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Um9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgIGljb249ezxJY29uQ2hldnJvbkxlZnQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkIC0gMSl9XG4gICAgICAvPlxuICAgICAge3Zpc2libGVQYWdlc31cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uUmlnaHQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkICsgMSl9XG4gICAgICAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5QYWdpbmF0aW9uLnByb3BUeXBlcyA9IHtcbiAgYW1vdW50OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHNlbGVjdGVkOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxufTtcbiJdfQ== */"));
+
+var Page = function Page(_ref2) {
+  var children = _ref2.children,
+      selected = _ref2.selected,
+      pageNumber = _ref2.pageNumber,
+      isSelected = _ref2.isSelected,
+      onChange = _ref2.onChange,
+      props = _objectWithoutProperties(_ref2, _excluded);
+
+  return ___EmotionJSX(PageRoot, _extends({
+    key: pageNumber,
+    selected: isSelected
+  }, props), ___EmotionJSX(IconButton, {
+    onClick: onChange
+  }, ___EmotionJSX(PageText, null, pageNumber)));
+};
+
+var Ellipsis = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e196zwcn0"
+} : {
+  target: "e196zwcn0",
+  label: "Ellipsis"
+})("display:grid;place-items:center;color:", getColor('content2'), ";padding:0 ", getSpace('xs'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEMkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcGFnaW5hdGlvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4vaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25MZWZ0LCBJY29uQ2hldnJvblJpZ2h0IH0gZnJvbSAnLi4vaWNvbnMnO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICAkeyh7IHNlbGVjdGVkIH0pID0+IGBcbiAgICAkeyFzZWxlY3RlZCAmJiBgLS10ZXh0Q29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9YH07XG4gICAgJHtcbiAgICAgIHNlbGVjdGVkICYmXG4gICAgICBgXG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGBcbiAgICB9XG4gIGB9XG5cbiAgJjpob3ZlciB7XG4gICAgLS10ZXh0Q29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cbmA7XG5cbmNvbnN0IFBhZ2VUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgY29sb3I6IHZhcigtLXRleHRDb2xvcik7XG5gO1xuXG5jb25zdCBQYWdlID0gKHsgY2hpbGRyZW4sIHNlbGVjdGVkLCBwYWdlTnVtYmVyLCBpc1NlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxQYWdlUm9vdCBrZXk9e3BhZ2VOdW1iZXJ9IHNlbGVjdGVkPXtpc1NlbGVjdGVkfSB7Li4ucHJvcHN9PlxuICAgICAgPEljb25CdXR0b24gb25DbGljaz17b25DaGFuZ2V9PlxuICAgICAgICA8UGFnZVRleHQ+e3BhZ2VOdW1iZXJ9PC9QYWdlVGV4dD5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICA8L1BhZ2VSb290PlxuICApO1xufTtcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX07XG4gIHBhZGRpbmc6IDAgJHtnZXRTcGFjZSgneHMnKX07XG5gO1xuXG5FbGxpcHNpcy5kZWZhdWx0UHJvcHMgPSB7IGNoaWxkcmVuOiAnLi4uJyB9O1xuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IGZvcndhcmRSZWYoKHsgYW1vdW50LCBzZWxlY3RlZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBtYXhWaXNpYmxlUGFnZXMgPSA1O1xuICBjb25zdCB2aXNpYmxlUGFnZXMgPSBbXTtcbiAgY29uc3QgZmlyc3RQYWdlID0gMTtcbiAgY29uc3QgbGFzdFBhZ2UgPSBhbW91bnQ7XG4gIGNvbnN0IGhhc0NvbGxhcHNlZFBhZ2VzID0gYW1vdW50ID4gbWF4VmlzaWJsZVBhZ2VzO1xuXG4gIGlmIChoYXNDb2xsYXBzZWRQYWdlcykge1xuICAgIGNvbnN0IGxlZnRFZGdlUGFnZSA9IE1hdGgubWluKFxuICAgICAgTWF0aC5tYXgoZmlyc3RQYWdlICsgMSwgc2VsZWN0ZWQgLSBNYXRoLmZsb29yKG1heFZpc2libGVQYWdlcyAvIDIpKSxcbiAgICAgIGxhc3RQYWdlIC0gbWF4VmlzaWJsZVBhZ2VzICsgMSxcbiAgICApO1xuICAgIGNvbnN0IHJpZ2h0RWRnZVBhZ2UgPSBNYXRoLm1pbihsZWZ0RWRnZVBhZ2UgKyBtYXhWaXNpYmxlUGFnZXMgLSAxLCBsYXN0UGFnZSk7XG5cbiAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gZmlyc3RQYWdlfVxuICAgICAgICAgIHBhZ2VOdW1iZXI9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShmaXJzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlICsgMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwibGVmdC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb3IgKGxldCBpID0gbGVmdEVkZ2VQYWdlOyBpIDw9IHJpZ2h0RWRnZVBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSkge1xuICAgICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSAtIDEpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cInJpZ2h0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlXG4gICAgICAgICAga2V5PXtsYXN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gbGFzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17bGFzdFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UobGFzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgfVxuICB9IGVsc2Uge1xuICAgIGZvciAobGV0IGkgPSBmaXJzdFBhZ2U7IGkgPD0gbGFzdFBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Um9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgIGljb249ezxJY29uQ2hldnJvbkxlZnQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkIC0gMSl9XG4gICAgICAvPlxuICAgICAge3Zpc2libGVQYWdlc31cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uUmlnaHQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkICsgMSl9XG4gICAgICAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5QYWdpbmF0aW9uLnByb3BUeXBlcyA9IHtcbiAgYW1vdW50OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHNlbGVjdGVkOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxufTtcbiJdfQ== */"));
+
+Ellipsis.defaultProps = {
+  children: '...'
+};
+export var Pagination = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+  var amount = _ref3.amount,
+      selected = _ref3.selected,
+      onChange = _ref3.onChange,
+      props = _objectWithoutProperties(_ref3, _excluded2);
+
+  var maxVisiblePages = 5;
+  var visiblePages = [];
+  var firstPage = 1;
+  var lastPage = amount;
+  var 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);
+
+    if (leftEdgePage > firstPage) {
+      visiblePages.push(___EmotionJSX(Page, {
+        key: firstPage,
+        isSelected: selected === firstPage,
+        pageNumber: firstPage,
+        onClick: function onClick() {
+          return onChange(firstPage);
+        }
+      }));
+
+      if (leftEdgePage > firstPage + 1) {
+        visiblePages.push(___EmotionJSX(Ellipsis, {
+          key: "left-ellipsis"
+        }));
+      }
+    }
+
+    var _loop = function _loop(i) {
+      visiblePages.push(___EmotionJSX(Page, {
+        key: i,
+        isSelected: selected === i,
+        pageNumber: i,
+        onClick: function onClick() {
+          return onChange(i);
+        }
+      }));
+    };
+
+    for (var i = leftEdgePage; i <= rightEdgePage; i++) {
+      _loop(i);
+    }
+
+    if (rightEdgePage < lastPage) {
+      if (rightEdgePage < lastPage - 1) {
+        visiblePages.push(___EmotionJSX(Ellipsis, {
+          key: "right-ellipsis"
+        }));
+      }
+
+      visiblePages.push(___EmotionJSX(Page, {
+        key: lastPage,
+        isSelected: selected === lastPage,
+        pageNumber: lastPage,
+        onClick: function onClick() {
+          return onChange(lastPage);
+        }
+      }));
+    }
+  } else {
+    var _loop2 = function _loop2(_i) {
+      visiblePages.push(___EmotionJSX(Page, {
+        key: _i,
+        isSelected: selected === _i,
+        pageNumber: _i,
+        onClick: function onClick() {
+          return onChange(_i);
+        }
+      }));
+    };
+
+    for (var _i = firstPage; _i <= lastPage; _i++) {
+      _loop2(_i);
+    }
+  }
+
+  return ___EmotionJSX(Root, _extends({
+    ref: ref
+  }, props), ___EmotionJSX(IconButton, {
+    isDisabled: selected === firstPage,
+    icon: ___EmotionJSX(IconChevronLeft, null),
+    onClick: function onClick() {
+      return onChange(selected - 1);
+    }
+  }), visiblePages, ___EmotionJSX(IconButton, {
+    isDisabled: selected === lastPage,
+    icon: ___EmotionJSX(IconChevronRight, null),
+    onClick: function onClick() {
+      return onChange(selected + 1);
+    }
+  }));
+});
+Pagination.propTypes = {
+  amount: PropTypes.number.isRequired,
+  selected: PropTypes.number.isRequired,
+  onChange: PropTypes.func.isRequired
+};

package/es/styles/colors/experimental.css

@@ -1,4 +1,6 @@
 [data-experimental="true"] {
+  --grn-font-global: FlodeskSans;
+
   --H: 14;
   --S: 7%;
   --HS: var(--H) var(--S);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "7.5.1",
+  "version": "7.6.1",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",