@flodesk/grain 7.5.1 → 7.6.0

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,185 @@
+import _styled from "@emotion/styled/base";
+var _excluded = ["children", "selected", "pageNumber", "isSelected", "onChange"],
+    _excluded2 = ["amount", "selected", "onChange", "maxVisiblePages"];
+
+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+XG4gICk7XG59O1xuXG5jb25zdCBFbGxpcHNpcyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgcGFkZGluZzogMCAke2dldFNwYWNlKCd4cycpfTtcbmA7XG5cbkVsbGlwc2lzLmRlZmF1bHRQcm9wcyA9IHsgY2hpbGRyZW46ICcuLi4nIH07XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gZm9yd2FyZFJlZihcbiAgKHsgYW1vdW50LCBzZWxlY3RlZCwgb25DaGFuZ2UsIG1heFZpc2libGVQYWdlcyA9IDUsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IHZpc2libGVQYWdlcyA9IFtdO1xuICAgIGNvbnN0IGZpcnN0UGFnZSA9IDE7XG4gICAgY29uc3QgbGFzdFBhZ2UgPSBhbW91bnQ7XG4gICAgY29uc3QgaGFzQ29sbGFwc2VkUGFnZXMgPSBhbW91bnQgPiBtYXhWaXNpYmxlUGFnZXM7XG5cbiAgICBpZiAoaGFzQ29sbGFwc2VkUGFnZXMpIHtcbiAgICAgIGNvbnN0IGxlZnRFZGdlUGFnZSA9IE1hdGgubWluKFxuICAgICAgICBNYXRoLm1heChmaXJzdFBhZ2UgKyAxLCBzZWxlY3RlZCAtIE1hdGguZmxvb3IobWF4VmlzaWJsZVBhZ2VzIC8gMikpLFxuICAgICAgICBsYXN0UGFnZSAtIG1heFZpc2libGVQYWdlcyArIDEsXG4gICAgICApO1xuICAgICAgY29uc3QgcmlnaHRFZGdlUGFnZSA9IE1hdGgubWluKGxlZnRFZGdlUGFnZSArIG1heFZpc2libGVQYWdlcyAtIDEsIGxhc3RQYWdlKTtcblxuICAgICAgaWYgKGxlZnRFZGdlUGFnZSA+IGZpcnN0UGFnZSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgICA8UGFnZVxuICAgICAgICAgICAga2V5PXtmaXJzdFBhZ2V9XG4gICAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gZmlyc3RQYWdlfVxuICAgICAgICAgICAgcGFnZU51bWJlcj17Zmlyc3RQYWdlfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UoZmlyc3RQYWdlKX1cbiAgICAgICAgICAvPixcbiAgICAgICAgKTtcbiAgICAgICAgaWYgKGxlZnRFZGdlUGFnZSA+IGZpcnN0UGFnZSArIDEpIHtcbiAgICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwibGVmdC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBmb3IgKGxldCBpID0gbGVmdEVkZ2VQYWdlOyBpIDw9IHJpZ2h0RWRnZVBhZ2U7IGkrKykge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgICA8UGFnZSBrZXk9e2l9IGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBpfSBwYWdlTnVtYmVyPXtpfSBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShpKX0gLz4sXG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIGlmIChyaWdodEVkZ2VQYWdlIDwgbGFzdFBhZ2UpIHtcbiAgICAgICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSAtIDEpIHtcbiAgICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwicmlnaHQtZWxsaXBzaXNcIiAvPik7XG4gICAgICAgIH1cbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgICAgPFBhZ2VcbiAgICAgICAgICAgIGtleT17bGFzdFBhZ2V9XG4gICAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gbGFzdFBhZ2V9XG4gICAgICAgICAgICBwYWdlTnVtYmVyPXtsYXN0UGFnZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGxhc3RQYWdlKX1cbiAgICAgICAgICAvPixcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgZm9yIChsZXQgaSA9IGZpcnN0UGFnZTsgaSA8PSBsYXN0UGFnZTsgaSsrKSB7XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3QgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgICBpY29uPXs8SWNvbkNoZXZyb25MZWZ0IC8+fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkIC0gMSl9XG4gICAgICAgIC8+XG4gICAgICAgIHt2aXNpYmxlUGFnZXN9XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICAgIGljb249ezxJY29uQ2hldnJvblJpZ2h0IC8+fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkICsgMSl9XG4gICAgICAgIC8+XG4gICAgICA8L1Jvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cblBhZ2luYXRpb24ucHJvcFR5cGVzID0ge1xuICBzYW1wbGVQcm9wOiBQcm9wVHlwZXMubm9kZSxcbn07XG4iXX0= */",
+  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+XG4gICk7XG59O1xuXG5jb25zdCBFbGxpcHNpcyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgcGFkZGluZzogMCAke2dldFNwYWNlKCd4cycpfTtcbmA7XG5cbkVsbGlwc2lzLmRlZmF1bHRQcm9wcyA9IHsgY2hpbGRyZW46ICcuLi4nIH07XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gZm9yd2FyZFJlZihcbiAgKHsgYW1vdW50LCBzZWxlY3RlZCwgb25DaGFuZ2UsIG1heFZpc2libGVQYWdlcyA9IDUsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IHZpc2libGVQYWdlcyA9IFtdO1xuICAgIGNvbnN0IGZpcnN0UGFnZSA9IDE7XG4gICAgY29uc3QgbGFzdFBhZ2UgPSBhbW91bnQ7XG4gICAgY29uc3QgaGFzQ29sbGFwc2VkUGFnZXMgPSBhbW91bnQgPiBtYXhWaXNpYmxlUGFnZXM7XG5cbiAgICBpZiAoaGFzQ29sbGFwc2VkUGFnZXMpIHtcbiAgICAgIGNvbnN0IGxlZnRFZGdlUGFnZSA9IE1hdGgubWluKFxuICAgICAgICBNYXRoLm1heChmaXJzdFBhZ2UgKyAxLCBzZWxlY3RlZCAtIE1hdGguZmxvb3IobWF4VmlzaWJsZVBhZ2VzIC8gMikpLFxuICAgICAgICBsYXN0UGFnZSAtIG1heFZpc2libGVQYWdlcyArIDEsXG4gICAgICApO1xuICAgICAgY29uc3QgcmlnaHRFZGdlUGFnZSA9IE1hdGgubWluKGxlZnRFZGdlUGFnZSArIG1heFZpc2libGVQYWdlcyAtIDEsIGxhc3RQYWdlKTtcblxuICAgICAgaWYgKGxlZnRFZGdlUGFnZSA+IGZpcnN0UGFnZSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgICA8UGFnZVxuICAgICAgICAgICAga2V5PXtmaXJzdFBhZ2V9XG4gICAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gZmlyc3RQYWdlfVxuICAgICAgICAgICAgcGFnZU51bWJlcj17Zmlyc3RQYWdlfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UoZmlyc3RQYWdlKX1cbiAgICAgICAgICAvPixcbiAgICAgICAgKTtcbiAgICAgICAgaWYgKGxlZnRFZGdlUGFnZSA+IGZpcnN0UGFnZSArIDEpIHtcbiAgICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwibGVmdC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBmb3IgKGxldCBpID0gbGVmdEVkZ2VQYWdlOyBpIDw9IHJpZ2h0RWRnZVBhZ2U7IGkrKykge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgICA8UGFnZSBrZXk9e2l9IGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBpfSBwYWdlTnVtYmVyPXtpfSBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShpKX0gLz4sXG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIGlmIChyaWdodEVkZ2VQYWdlIDwgbGFzdFBhZ2UpIHtcbiAgICAgICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSAtIDEpIHtcbiAgICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwicmlnaHQtZWxsaXBzaXNcIiAvPik7XG4gICAgICAgIH1cbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgICAgPFBhZ2VcbiAgICAgICAgICAgIGtleT17bGFzdFBhZ2V9XG4gICAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gbGFzdFBhZ2V9XG4gICAgICAgICAgICBwYWdlTnVtYmVyPXtsYXN0UGFnZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGxhc3RQYWdlKX1cbiAgICAgICAgICAvPixcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgZm9yIChsZXQgaSA9IGZpcnN0UGFnZTsgaSA8PSBsYXN0UGFnZTsgaSsrKSB7XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3QgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgICBpY29uPXs8SWNvbkNoZXZyb25MZWZ0IC8+fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkIC0gMSl9XG4gICAgICAgIC8+XG4gICAgICAgIHt2aXNpYmxlUGFnZXN9XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICAgIGljb249ezxJY29uQ2hldnJvblJpZ2h0IC8+fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkICsgMSl9XG4gICAgICAgIC8+XG4gICAgICA8L1Jvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cblBhZ2luYXRpb24ucHJvcFR5cGVzID0ge1xuICBzYW1wbGVQcm9wOiBQcm9wVHlwZXMubm9kZSxcbn07XG4iXX0= */"));
+
+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+e3BhZ2VOdW1iZXJ9PC9QYWdlVGV4dD5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICA8L1BhZ2VSb290PlxuICApO1xufTtcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX07XG4gIHBhZGRpbmc6IDAgJHtnZXRTcGFjZSgneHMnKX07XG5gO1xuXG5FbGxpcHNpcy5kZWZhdWx0UHJvcHMgPSB7IGNoaWxkcmVuOiAnLi4uJyB9O1xuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IGZvcndhcmRSZWYoXG4gICh7IGFtb3VudCwgc2VsZWN0ZWQsIG9uQ2hhbmdlLCBtYXhWaXNpYmxlUGFnZXMgPSA1LCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCB2aXNpYmxlUGFnZXMgPSBbXTtcbiAgICBjb25zdCBmaXJzdFBhZ2UgPSAxO1xuICAgIGNvbnN0IGxhc3RQYWdlID0gYW1vdW50O1xuICAgIGNvbnN0IGhhc0NvbGxhcHNlZFBhZ2VzID0gYW1vdW50ID4gbWF4VmlzaWJsZVBhZ2VzO1xuXG4gICAgaWYgKGhhc0NvbGxhcHNlZFBhZ2VzKSB7XG4gICAgICBjb25zdCBsZWZ0RWRnZVBhZ2UgPSBNYXRoLm1pbihcbiAgICAgICAgTWF0aC5tYXgoZmlyc3RQYWdlICsgMSwgc2VsZWN0ZWQgLSBNYXRoLmZsb29yKG1heFZpc2libGVQYWdlcyAvIDIpKSxcbiAgICAgICAgbGFzdFBhZ2UgLSBtYXhWaXNpYmxlUGFnZXMgKyAxLFxuICAgICAgKTtcbiAgICAgIGNvbnN0IHJpZ2h0RWRnZVBhZ2UgPSBNYXRoLm1pbihsZWZ0RWRnZVBhZ2UgKyBtYXhWaXNpYmxlUGFnZXMgLSAxLCBsYXN0UGFnZSk7XG5cbiAgICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgICAgPFBhZ2VcbiAgICAgICAgICAgIGtleT17Zmlyc3RQYWdlfVxuICAgICAgICAgICAgaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgICAgIHBhZ2VOdW1iZXI9e2ZpcnN0UGFnZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGZpcnN0UGFnZSl9XG4gICAgICAgICAgLz4sXG4gICAgICAgICk7XG4gICAgICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UgKyAxKSB7XG4gICAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cImxlZnQtZWxsaXBzaXNcIiAvPik7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgZm9yIChsZXQgaSA9IGxlZnRFZGdlUGFnZTsgaSA8PSByaWdodEVkZ2VQYWdlOyBpKyspIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgICApO1xuICAgICAgfVxuXG4gICAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlKSB7XG4gICAgICAgIGlmIChyaWdodEVkZ2VQYWdlIDwgbGFzdFBhZ2UgLSAxKSB7XG4gICAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cInJpZ2h0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgICB9XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICAgIDxQYWdlXG4gICAgICAgICAgICBrZXk9e2xhc3RQYWdlfVxuICAgICAgICAgICAgaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICAgICAgcGFnZU51bWJlcj17bGFzdFBhZ2V9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShsYXN0UGFnZSl9XG4gICAgICAgICAgLz4sXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIGZvciAobGV0IGkgPSBmaXJzdFBhZ2U7IGkgPD0gbGFzdFBhZ2U7IGkrKykge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgICA8UGFnZSBrZXk9e2l9IGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBpfSBwYWdlTnVtYmVyPXtpfSBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShpKX0gLz4sXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgICAgaWNvbj17PEljb25DaGV2cm9uTGVmdCAvPn1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShzZWxlY3RlZCAtIDEpfVxuICAgICAgICAvPlxuICAgICAgICB7dmlzaWJsZVBhZ2VzfVxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgICBpY29uPXs8SWNvbkNoZXZyb25SaWdodCAvPn1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShzZWxlY3RlZCArIDEpfVxuICAgICAgICAvPlxuICAgICAgPC9Sb290PlxuICAgICk7XG4gIH0sXG4pO1xuXG5QYWdpbmF0aW9uLnByb3BUeXBlcyA9IHtcbiAgc2FtcGxlUHJvcDogUHJvcFR5cGVzLm5vZGUsXG59O1xuIl19 */"));
+
+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+e3BhZ2VOdW1iZXJ9PC9QYWdlVGV4dD5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICA8L1BhZ2VSb290PlxuICApO1xufTtcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX07XG4gIHBhZGRpbmc6IDAgJHtnZXRTcGFjZSgneHMnKX07XG5gO1xuXG5FbGxpcHNpcy5kZWZhdWx0UHJvcHMgPSB7IGNoaWxkcmVuOiAnLi4uJyB9O1xuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IGZvcndhcmRSZWYoXG4gICh7IGFtb3VudCwgc2VsZWN0ZWQsIG9uQ2hhbmdlLCBtYXhWaXNpYmxlUGFnZXMgPSA1LCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCB2aXNpYmxlUGFnZXMgPSBbXTtcbiAgICBjb25zdCBmaXJzdFBhZ2UgPSAxO1xuICAgIGNvbnN0IGxhc3RQYWdlID0gYW1vdW50O1xuICAgIGNvbnN0IGhhc0NvbGxhcHNlZFBhZ2VzID0gYW1vdW50ID4gbWF4VmlzaWJsZVBhZ2VzO1xuXG4gICAgaWYgKGhhc0NvbGxhcHNlZFBhZ2VzKSB7XG4gICAgICBjb25zdCBsZWZ0RWRnZVBhZ2UgPSBNYXRoLm1pbihcbiAgICAgICAgTWF0aC5tYXgoZmlyc3RQYWdlICsgMSwgc2VsZWN0ZWQgLSBNYXRoLmZsb29yKG1heFZpc2libGVQYWdlcyAvIDIpKSxcbiAgICAgICAgbGFzdFBhZ2UgLSBtYXhWaXNpYmxlUGFnZXMgKyAxLFxuICAgICAgKTtcbiAgICAgIGNvbnN0IHJpZ2h0RWRnZVBhZ2UgPSBNYXRoLm1pbihsZWZ0RWRnZVBhZ2UgKyBtYXhWaXNpYmxlUGFnZXMgLSAxLCBsYXN0UGFnZSk7XG5cbiAgICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgICAgPFBhZ2VcbiAgICAgICAgICAgIGtleT17Zmlyc3RQYWdlfVxuICAgICAgICAgICAgaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgICAgIHBhZ2VOdW1iZXI9e2ZpcnN0UGFnZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGZpcnN0UGFnZSl9XG4gICAgICAgICAgLz4sXG4gICAgICAgICk7XG4gICAgICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UgKyAxKSB7XG4gICAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cImxlZnQtZWxsaXBzaXNcIiAvPik7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgZm9yIChsZXQgaSA9IGxlZnRFZGdlUGFnZTsgaSA8PSByaWdodEVkZ2VQYWdlOyBpKyspIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgICApO1xuICAgICAgfVxuXG4gICAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlKSB7XG4gICAgICAgIGlmIChyaWdodEVkZ2VQYWdlIDwgbGFzdFBhZ2UgLSAxKSB7XG4gICAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cInJpZ2h0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgICB9XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICAgIDxQYWdlXG4gICAgICAgICAgICBrZXk9e2xhc3RQYWdlfVxuICAgICAgICAgICAgaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICAgICAgcGFnZU51bWJlcj17bGFzdFBhZ2V9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShsYXN0UGFnZSl9XG4gICAgICAgICAgLz4sXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIGZvciAobGV0IGkgPSBmaXJzdFBhZ2U7IGkgPD0gbGFzdFBhZ2U7IGkrKykge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgICA8UGFnZSBrZXk9e2l9IGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBpfSBwYWdlTnVtYmVyPXtpfSBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShpKX0gLz4sXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgICAgaWNvbj17PEljb25DaGV2cm9uTGVmdCAvPn1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShzZWxlY3RlZCAtIDEpfVxuICAgICAgICAvPlxuICAgICAgICB7dmlzaWJsZVBhZ2VzfVxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgICBpY29uPXs8SWNvbkNoZXZyb25SaWdodCAvPn1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShzZWxlY3RlZCArIDEpfVxuICAgICAgICAvPlxuICAgICAgPC9Sb290PlxuICAgICk7XG4gIH0sXG4pO1xuXG5QYWdpbmF0aW9uLnByb3BUeXBlcyA9IHtcbiAgc2FtcGxlUHJvcDogUHJvcFR5cGVzLm5vZGUsXG59O1xuIl19 */"));
+
+Ellipsis.defaultProps = {
+  children: '...'
+};
+export var Pagination = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+  var amount = _ref3.amount,
+      selected = _ref3.selected,
+      onChange = _ref3.onChange,
+      _ref3$maxVisiblePages = _ref3.maxVisiblePages,
+      maxVisiblePages = _ref3$maxVisiblePages === void 0 ? 5 : _ref3$maxVisiblePages,
+      props = _objectWithoutProperties(_ref3, _excluded2);
+
+  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 = {
+  sampleProp: PropTypes.node
+};

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.0",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",