@flodesk/grain 7.5.0 → 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/components/textarea.js

@@ -12,10 +12,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
-import { FieldHint, FieldLabel, getFieldStyles } from '../foundational';
+import { FieldHint, FieldLabel, fieldVars, getFieldStyles } from '../foundational';
 import { Box } from './box';
 import { Text } from './text';
 import { types } from '../types';
+import { css } from '@emotion/react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var value = _ref.value,
@@ -47,12 +48,9 @@ export var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     placeholder: placeholder,
     readOnly: isReadOnly,
     disabled: isDisabled,
-    css: getFieldStyles({
-      paddingTop: '8px',
-      paddingBottom: '8px',
-      height: 'unset',
+    css: /*#__PURE__*/css(getFieldStyles({
       hasError: hasError
-    })
+    }), ";resize:none;padding:8px ", fieldVars.xPadding, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Textarea;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q2tCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZmllbGRWYXJzLCBnZXRGaWVsZFN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgaWQsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGVycm9yTWVzc2FnZSxcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaGludCxcbiAgICAgIG1heExlbmd0aCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcm93cyA9IDMsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgeyhsYWJlbCB8fCBoaW50KSAmJiAoXG4gICAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209XCJiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbFwiPlxuICAgICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuXG4gICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAke2dldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IgfSl9O1xuICAgICAgICAgICAgcmVzaXplOiBub25lO1xuICAgICAgICAgICAgcGFkZGluZzogOHB4ICR7ZmllbGRWYXJzLnhQYWRkaW5nfTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgLz5cblxuICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cImJldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsXCI+XG4gICAgICAgICAgICA8VGV4dCBjb2xvcj1cImRhbmdlclwiPntlcnJvck1lc3NhZ2V9PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbn07XG4iXX0= */")
   }, props)), errorMessage && ___EmotionJSX(Box, {
     marginTop: "betweenFormControlAndLabel"
   }, ___EmotionJSX(Text, {

package/es/foundational/field.js

@@ -28,18 +28,8 @@ export var fieldVars = {
   backgroundColorDisabled: getColor('shade2')
 };
 export var getFieldStyles = function getFieldStyles(_ref) {
-  var _ref$paddingTop = _ref.paddingTop,
-      paddingTop = _ref$paddingTop === void 0 ? '0' : _ref$paddingTop,
-      _ref$paddingBottom = _ref.paddingBottom,
-      paddingBottom = _ref$paddingBottom === void 0 ? '0' : _ref$paddingBottom,
-      _ref$paddingLeft = _ref.paddingLeft,
-      paddingLeft = _ref$paddingLeft === void 0 ? fieldVars.xPadding : _ref$paddingLeft,
-      _ref$paddingRight = _ref.paddingRight,
-      paddingRight = _ref$paddingRight === void 0 ? fieldVars.xPadding : _ref$paddingRight,
-      hasError = _ref.hasError,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? componentVars.textBoxHeight : _ref$height;
-  return /*#__PURE__*/css(styles.transitions, ";appearance:none;display:block;font:inherit;color:inherit;background-color:transparent;transition-property:border-color;width:100%;border-radius:", getRadius('s'), ";height:", height, ";padding:", paddingTop, " ", paddingRight, " ", paddingBottom, " ", paddingLeft, ";outline:none;border:", componentVars.strokeSize, " solid;border-color:", hasError ? getColor('danger') : fieldVars.borderColor, ";&::placeholder{color:", getColor('shade7'), ";}&:disabled,&:read-only{background-color:", fieldVars.backgroundColorDisabled, ";border-color:", fieldVars.borderColorDisabled, ";}", !hasError && "\n    &:not(:disabled, :read-only) {\n      &:hover {\n        border-color: ".concat(fieldVars.borderColorHover, ";\n      }\n\n      &:focus {\n        transition: ").concat(componentVars.transitionActive, ";\n        border-color: ").concat(fieldVars.borderColorFocus, ";\n      }\n    }\n  "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getFieldStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCUyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGaWVsZFN0eWxlcyA9ICh7XG4gIHBhZGRpbmdUb3AgPSAnMCcsXG4gIHBhZGRpbmdCb3R0b20gPSAnMCcsXG4gIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICBwYWRkaW5nUmlnaHQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gIGhhc0Vycm9yLFxuICBoZWlnaHQgPSBjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHQsXG59KSA9PiBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtoZWlnaHR9O1xuICBwYWRkaW5nOiAke3BhZGRpbmdUb3B9ICR7cGFkZGluZ1JpZ2h0fSAke3BhZGRpbmdCb3R0b219ICR7cGFkZGluZ0xlZnR9O1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZpZWxkVmFycy5iYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckRpc2FibGVkfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRm9jdXN9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtnZXRGaWVsZFN0eWxlcyh7IHBhZGRpbmdMZWZ0LCBwYWRkaW5nUmlnaHQsIGhhc0Vycm9yIH0pfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */");
+  var hasError = _ref.hasError;
+  return /*#__PURE__*/css(styles.transitions, ";appearance:none;display:block;font:inherit;color:inherit;background-color:transparent;transition-property:border-color;width:100%;border-radius:", getRadius('s'), ";outline:none;border:", componentVars.strokeSize, " solid;border-color:", hasError ? getColor('danger') : fieldVars.borderColor, ";&::placeholder{color:", getColor('shade7'), ";}&:disabled,&:read-only{background-color:", fieldVars.backgroundColorDisabled, ";border-color:", fieldVars.borderColorDisabled, ";}", !hasError && "\n    &:not(:disabled, :read-only) {\n      &:hover {\n        border-color: ".concat(fieldVars.borderColorHover, ";\n      }\n\n      &:focus {\n        transition: ").concat(componentVars.transitionActive, ";\n        border-color: ").concat(fieldVars.borderColorFocus, ";\n      }\n    }\n  "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getFieldStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtRCIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGaWVsZFN0eWxlcyA9ICh7IGhhc0Vycm9yIH0pID0+IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZpZWxkVmFycy5iYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckRpc2FibGVkfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRm9jdXN9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gICAgICAgIHBhZGRpbmc6IDAgJHtwYWRkaW5nUmlnaHR9IDAgJHtwYWRkaW5nTGVmdH07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBtYXJnaW46IHVuc2V0O1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2xhYmVsPlxuKSk7XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG4iXX0= */");
 };
 export var InputField = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var _ref2$paddingLeft = _ref2.paddingLeft,
@@ -55,11 +45,9 @@ export var InputField = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     readOnly: isReadOnly,
     disabled: isDisabled,
     ref: ref,
-    css: getFieldStyles({
-      paddingLeft: paddingLeft,
-      paddingRight: paddingRight,
+    css: /*#__PURE__*/css(getFieldStyles({
       hasError: hasError
-    })
+    }), ";padding:0 ", paddingRight, " 0 ", paddingLeft, ";height:", componentVars.textBoxHeight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InputField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFYyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGaWVsZFN0eWxlcyA9ICh7IGhhc0Vycm9yIH0pID0+IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZpZWxkVmFycy5iYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckRpc2FibGVkfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRm9jdXN9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gICAgICAgIHBhZGRpbmc6IDAgJHtwYWRkaW5nUmlnaHR9IDAgJHtwYWRkaW5nTGVmdH07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBtYXJnaW46IHVuc2V0O1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2xhYmVsPlxuKSk7XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG4iXX0= */")
   }, props));
 });
 export var FieldLabel = /*#__PURE__*/forwardRef(function (_ref3, ref) {
@@ -68,7 +56,7 @@ export var FieldLabel = /*#__PURE__*/forwardRef(function (_ref3, ref) {
 
   return ___EmotionJSX("label", _extends({
     ref: ref,
-    css: /*#__PURE__*/css("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:FieldLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdGWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGaWVsZFN0eWxlcyA9ICh7XG4gIHBhZGRpbmdUb3AgPSAnMCcsXG4gIHBhZGRpbmdCb3R0b20gPSAnMCcsXG4gIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICBwYWRkaW5nUmlnaHQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gIGhhc0Vycm9yLFxuICBoZWlnaHQgPSBjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHQsXG59KSA9PiBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtoZWlnaHR9O1xuICBwYWRkaW5nOiAke3BhZGRpbmdUb3B9ICR7cGFkZGluZ1JpZ2h0fSAke3BhZGRpbmdCb3R0b219ICR7cGFkZGluZ0xlZnR9O1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZpZWxkVmFycy5iYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckRpc2FibGVkfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRm9jdXN9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtnZXRGaWVsZFN0eWxlcyh7IHBhZGRpbmdMZWZ0LCBwYWRkaW5nUmlnaHQsIGhhc0Vycm9yIH0pfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */")
+    css: /*#__PURE__*/css("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:FieldLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGaWVsZFN0eWxlcyA9ICh7IGhhc0Vycm9yIH0pID0+IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZpZWxkVmFycy5iYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckRpc2FibGVkfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRm9jdXN9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gICAgICAgIHBhZGRpbmc6IDAgJHtwYWRkaW5nUmlnaHR9IDAgJHtwYWRkaW5nTGVmdH07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBtYXJnaW46IHVuc2V0O1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2xhYmVsPlxuKSk7XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG4iXX0= */")
   }, props), children);
 });
 export var FieldHint = /*#__PURE__*/forwardRef(function (_ref4, ref) {

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