@flodesk/grain 10.10.1 → 10.10.3

package/es/components/box2.js

@@ -9,7 +9,7 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 import "core-js/modules/es.object.define-properties.js";
 import "core-js/modules/es.object.assign.js";
-var _excluded = ["color", "colorHover", "backgroundColor", "backgroundColorHover", "borderColorHover", "borderSide", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "radius", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "paddingX", "paddingY", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "marginX", "marginY", "position", "top", "bottom", "left", "right", "shadow", "shadowHover", "overflow", "overflowX", "overflowY", "aspectRatio", "zIndex", "tag", "opacity", "opacityHover", "order", "alignSelf", "flex", "transition", "transitionHover", "cursor", "children", "className", "style"];
+var _excluded = ["color", "colorHover", "backgroundColor", "backgroundColorHover", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "radius", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "paddingX", "paddingY", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "marginX", "marginY", "position", "top", "bottom", "left", "right", "shadow", "shadowHover", "overflow", "overflowX", "overflowY", "aspectRatio", "zIndex", "tag", "opacity", "opacityHover", "order", "alignSelf", "flex", "transition", "transitionHover", "cursor", "children", "className", "style", "borderColor", "borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor", "borderXColor", "borderYColor", "borderWidth", "borderLeftWidth", "borderRightWidth", "borderTopWidth", "borderBottomWidth", "borderXWidth", "borderYWidth"];
 
 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); }
 
@@ -39,8 +39,6 @@ export var Box2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
       colorHover = _ref.colorHover,
       backgroundColor = _ref.backgroundColor,
       backgroundColorHover = _ref.backgroundColorHover,
-      borderColorHover = _ref.borderColorHover,
-      borderSide = _ref.borderSide,
       width = _ref.width,
       minWidth = _ref.minWidth,
       maxWidth = _ref.maxWidth,
@@ -87,6 +85,20 @@ export var Box2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
       children = _ref.children,
       className = _ref.className,
       style = _ref.style,
+      borderColor = _ref.borderColor,
+      borderTopColor = _ref.borderTopColor,
+      borderRightColor = _ref.borderRightColor,
+      borderBottomColor = _ref.borderBottomColor,
+      borderLeftColor = _ref.borderLeftColor,
+      borderXColor = _ref.borderXColor,
+      borderYColor = _ref.borderYColor,
+      borderWidth = _ref.borderWidth,
+      borderLeftWidth = _ref.borderLeftWidth,
+      borderRightWidth = _ref.borderRightWidth,
+      borderTopWidth = _ref.borderTopWidth,
+      borderBottomWidth = _ref.borderBottomWidth,
+      borderXWidth = _ref.borderXWidth,
+      borderYWidth = _ref.borderYWidth,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
   var styles = _objectSpread({}, generateStyleAttributes({
@@ -124,7 +136,14 @@ export var Box2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     aspectRatio: aspectRatio,
     flex: flex,
     opacity: opacity,
-    opacityHover: opacityHover
+    opacityHover: opacityHover,
+    borderColor: borderColor,
+    borderTopColor: borderTopColor,
+    borderRightColor: borderRightColor,
+    borderBottomColor: borderBottomColor,
+    borderLeftColor: borderLeftColor,
+    borderXColor: borderXColor,
+    borderYColor: borderYColor
   }));
 
   var propClassName = className ? className : '';
@@ -155,7 +174,7 @@ export var Box2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     shadow: shadow,
     shadowHover: shadowHover,
     radius: radius
-  }, _defineProperty(_generateClassNameAtt, "position", position), _defineProperty(_generateClassNameAtt, "overflow", overflow), _defineProperty(_generateClassNameAtt, "transition", transition), _defineProperty(_generateClassNameAtt, "transitionHover", transitionHover), _defineProperty(_generateClassNameAtt, "cursor", cursor), _defineProperty(_generateClassNameAtt, "alignSelf", alignSelf), _generateClassNameAtt)), propClassName].join(' ').replace(/\s+/g, ' ').trim();
+  }, _defineProperty(_generateClassNameAtt, "position", position), _defineProperty(_generateClassNameAtt, "overflow", overflow), _defineProperty(_generateClassNameAtt, "transition", transition), _defineProperty(_generateClassNameAtt, "transitionHover", transitionHover), _defineProperty(_generateClassNameAtt, "cursor", cursor), _defineProperty(_generateClassNameAtt, "alignSelf", alignSelf), _defineProperty(_generateClassNameAtt, "borderColor", borderColor), _defineProperty(_generateClassNameAtt, "borderTopColor", borderTopColor), _defineProperty(_generateClassNameAtt, "borderRightColor", borderRightColor), _defineProperty(_generateClassNameAtt, "borderBottomColor", borderBottomColor), _defineProperty(_generateClassNameAtt, "borderLeftColor", borderLeftColor), _defineProperty(_generateClassNameAtt, "borderXColor", borderXColor), _defineProperty(_generateClassNameAtt, "borderYColor", borderYColor), _defineProperty(_generateClassNameAtt, "borderWidth", borderWidth), _defineProperty(_generateClassNameAtt, "borderLeftWidth", borderLeftWidth), _defineProperty(_generateClassNameAtt, "borderRightWidth", borderRightWidth), _defineProperty(_generateClassNameAtt, "borderTopWidth", borderTopWidth), _defineProperty(_generateClassNameAtt, "borderBottomWidth", borderBottomWidth), _defineProperty(_generateClassNameAtt, "borderXWidth", borderXWidth), _defineProperty(_generateClassNameAtt, "borderYWidth", borderYWidth), _generateClassNameAtt)), propClassName].join(' ').replace(/\s+/g, ' ').trim();
   var Tag = tag;
   return ___EmotionJSX(Tag, _extends({
     ref: ref,
@@ -208,7 +227,7 @@ Box2.propTypes = {
   zIndex: types.zIndex,
   opacity: PropTypes.string,
   opacityHover: PropTypes.string,
-  order: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  order: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]),
   alignSelf: types.alignSelf,
   flex: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   transition: types.transition,

package/es/components/pagination.js

@@ -35,7 +35,7 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   name: "1k1r7uj",
   styles: "display:grid;grid-auto-flow:column;width:fit-content",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVF1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9wYWdpbmF0aW9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEljb25DaGV2cm9uTGVmdCwgSWNvbkNoZXZyb25SaWdodCB9IGZyb20gJy4uL2ljb25zJztcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5cbmNvbnN0IFBhZ2VSb290ID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG5cbiAgJHsoeyBzZWxlY3RlZCB9KSA9PiBgXG4gICAgY29sb3I6ICR7Z2V0Q29sb3Ioc2VsZWN0ZWQgPyAnY29udGVudCcgOiAnY29udGVudDInKX07XG4gICAgJHtcbiAgICAgIHNlbGVjdGVkICYmXG4gICAgICBgXG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGBcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBQYWdlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHsoeyBjbGVhckJ1dHRvblN0eWxlcyB9KSA9PiBjbGVhckJ1dHRvblN0eWxlcy5ib3h9XG4gIG1pbi13aWR0aDogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fTtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHBhZGRpbmctcmlnaHQ6IDhweDtcbiAgY29sb3I6IGluaGVyaXQ7XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cbmA7XG5cbmNvbnN0IFBhZ2UgPSAoeyBjaGlsZHJlbiwgc2VsZWN0ZWQsIHBhZ2VOdW1iZXIsIGlzU2VsZWN0ZWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IGNsZWFyQnV0dG9uU3R5bGVzID0gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoe30pO1xuICByZXR1cm4gKFxuICAgIDxQYWdlUm9vdCBrZXk9e3BhZ2VOdW1iZXJ9IHNlbGVjdGVkPXtpc1NlbGVjdGVkfSB7Li4ucHJvcHN9PlxuICAgICAgPFBhZ2VCdXR0b24gb25DbGljaz17b25DaGFuZ2V9IGNsZWFyQnV0dG9uU3R5bGVzPXtjbGVhckJ1dHRvblN0eWxlc30+XG4gICAgICAgIHtwYWdlTnVtYmVyfVxuICAgICAgPC9QYWdlQnV0dG9uPlxuICAgIDwvUGFnZVJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBFbGxpcHNpcyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgcGFkZGluZzogMCAke2dldFNwYWNlKCd4cycpfTtcbmA7XG5cbkVsbGlwc2lzLmRlZmF1bHRQcm9wcyA9IHsgY2hpbGRyZW46ICcuLi4nIH07XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gZm9yd2FyZFJlZigoeyBhbW91bnQsIHNlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IG1heFZpc2libGVQYWdlcyA9IDU7XG4gIGNvbnN0IHZpc2libGVQYWdlcyA9IFtdO1xuICBjb25zdCBmaXJzdFBhZ2UgPSAxO1xuICBjb25zdCBsYXN0UGFnZSA9IGFtb3VudDtcbiAgY29uc3QgaGFzQ29sbGFwc2VkUGFnZXMgPSBhbW91bnQgPiBtYXhWaXNpYmxlUGFnZXM7XG5cbiAgaWYgKGhhc0NvbGxhcHNlZFBhZ2VzKSB7XG4gICAgY29uc3QgbGVmdEVkZ2VQYWdlID0gTWF0aC5taW4oXG4gICAgICBNYXRoLm1heChmaXJzdFBhZ2UgKyAxLCBzZWxlY3RlZCAtIE1hdGguZmxvb3IobWF4VmlzaWJsZVBhZ2VzIC8gMikpLFxuICAgICAgbGFzdFBhZ2UgLSBtYXhWaXNpYmxlUGFnZXMgKyAxLFxuICAgICk7XG4gICAgY29uc3QgcmlnaHRFZGdlUGFnZSA9IE1hdGgubWluKGxlZnRFZGdlUGFnZSArIG1heFZpc2libGVQYWdlcyAtIDEsIGxhc3RQYWdlKTtcblxuICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UpIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZVxuICAgICAgICAgIGtleT17Zmlyc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17Zmlyc3RQYWdlfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGZpcnN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UgKyAxKSB7XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKDxFbGxpcHNpcyBrZXk9XCJsZWZ0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgIH1cblxuICAgIGZvciAobGV0IGkgPSBsZWZ0RWRnZVBhZ2U7IGkgPD0gcmlnaHRFZGdlUGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlKSB7XG4gICAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlIC0gMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwicmlnaHQtZWxsaXBzaXNcIiAvPik7XG4gICAgICB9XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2xhc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgICBwYWdlTnVtYmVyPXtsYXN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShsYXN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH0gZWxzZSB7XG4gICAgZm9yIChsZXQgaSA9IGZpcnN0UGFnZTsgaSA8PSBsYXN0UGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uTGVmdCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgLSAxKX1cbiAgICAgIC8+XG4gICAgICB7dmlzaWJsZVBhZ2VzfVxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICBpY29uPXs8SWNvbkNoZXZyb25SaWdodCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgKyAxKX1cbiAgICAgIC8+XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cblBhZ2luYXRpb24ucHJvcFR5cGVzID0ge1xuICBhbW91bnQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgc2VsZWN0ZWQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVF1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9wYWdpbmF0aW9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEljb25DaGV2cm9uTGVmdCwgSWNvbkNoZXZyb25SaWdodCB9IGZyb20gJy4uL2ljb25zJztcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5cbmNvbnN0IFBhZ2VSb290ID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG5cbiAgJHsoeyBzZWxlY3RlZCB9KSA9PiBgXG4gICAgY29sb3I6ICR7Z2V0Q29sb3Ioc2VsZWN0ZWQgPyAnY29udGVudCcgOiAnY29udGVudDInKX07XG4gICAgJHtcbiAgICAgIHNlbGVjdGVkICYmXG4gICAgICBgXG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGBcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBQYWdlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHsoeyBjbGVhckJ1dHRvblN0eWxlcyB9KSA9PiBjbGVhckJ1dHRvblN0eWxlcy5ib3h9O1xuICBtaW4td2lkdGg6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkhlaWdodH07XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gIGNvbG9yOiBpbmhlcml0O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBQYWdlID0gKHsgY2hpbGRyZW4sIHNlbGVjdGVkLCBwYWdlTnVtYmVyLCBpc1NlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICBjb25zdCBjbGVhckJ1dHRvblN0eWxlcyA9IGdldENsZWFyQnV0dG9uU3R5bGVzKHt9KTtcbiAgcmV0dXJuIChcbiAgICA8UGFnZVJvb3Qga2V5PXtwYWdlTnVtYmVyfSBzZWxlY3RlZD17aXNTZWxlY3RlZH0gey4uLnByb3BzfT5cbiAgICAgIDxQYWdlQnV0dG9uIG9uQ2xpY2s9e29uQ2hhbmdlfSBjbGVhckJ1dHRvblN0eWxlcz17Y2xlYXJCdXR0b25TdHlsZXN9PlxuICAgICAgICB7cGFnZU51bWJlcn1cbiAgICAgIDwvUGFnZUJ1dHRvbj5cbiAgICA8L1BhZ2VSb290PlxuICApO1xufTtcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX07XG4gIHBhZGRpbmc6IDAgJHtnZXRTcGFjZSgneHMnKX07XG5gO1xuXG5FbGxpcHNpcy5kZWZhdWx0UHJvcHMgPSB7IGNoaWxkcmVuOiAnLi4uJyB9O1xuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IGZvcndhcmRSZWYoKHsgYW1vdW50LCBzZWxlY3RlZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBtYXhWaXNpYmxlUGFnZXMgPSA1O1xuICBjb25zdCB2aXNpYmxlUGFnZXMgPSBbXTtcbiAgY29uc3QgZmlyc3RQYWdlID0gMTtcbiAgY29uc3QgbGFzdFBhZ2UgPSBhbW91bnQ7XG4gIGNvbnN0IGhhc0NvbGxhcHNlZFBhZ2VzID0gYW1vdW50ID4gbWF4VmlzaWJsZVBhZ2VzO1xuXG4gIGlmIChoYXNDb2xsYXBzZWRQYWdlcykge1xuICAgIGNvbnN0IGxlZnRFZGdlUGFnZSA9IE1hdGgubWluKFxuICAgICAgTWF0aC5tYXgoZmlyc3RQYWdlICsgMSwgc2VsZWN0ZWQgLSBNYXRoLmZsb29yKG1heFZpc2libGVQYWdlcyAvIDIpKSxcbiAgICAgIGxhc3RQYWdlIC0gbWF4VmlzaWJsZVBhZ2VzICsgMSxcbiAgICApO1xuICAgIGNvbnN0IHJpZ2h0RWRnZVBhZ2UgPSBNYXRoLm1pbihsZWZ0RWRnZVBhZ2UgKyBtYXhWaXNpYmxlUGFnZXMgLSAxLCBsYXN0UGFnZSk7XG5cbiAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gZmlyc3RQYWdlfVxuICAgICAgICAgIHBhZ2VOdW1iZXI9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShmaXJzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlICsgMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwibGVmdC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb3IgKGxldCBpID0gbGVmdEVkZ2VQYWdlOyBpIDw9IHJpZ2h0RWRnZVBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSkge1xuICAgICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSAtIDEpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cInJpZ2h0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlXG4gICAgICAgICAga2V5PXtsYXN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gbGFzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17bGFzdFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UobGFzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgfVxuICB9IGVsc2Uge1xuICAgIGZvciAobGV0IGkgPSBmaXJzdFBhZ2U7IGkgPD0gbGFzdFBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Um9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgIGljb249ezxJY29uQ2hldnJvbkxlZnQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkIC0gMSl9XG4gICAgICAvPlxuICAgICAge3Zpc2libGVQYWdlc31cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uUmlnaHQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkICsgMSl9XG4gICAgICAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5QYWdpbmF0aW9uLnByb3BUeXBlcyA9IHtcbiAgYW1vdW50OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHNlbGVjdGVkOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -47,7 +47,7 @@ var PageRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
 })("border-radius:", getRadius('s'), ";", function (_ref) {
   var selected = _ref.selected;
   return "\n    color: ".concat(getColor(selected ? 'content' : 'content2'), ";\n    ").concat(selected && "\n        box-shadow: inset 0 0 0 ".concat(componentVars.strokeSize, " ").concat(componentVars.activeBorderColor, ";\n        pointer-events: none;\n      "), "\n  ");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWMyQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9wYWdpbmF0aW9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEljb25DaGV2cm9uTGVmdCwgSWNvbkNoZXZyb25SaWdodCB9IGZyb20gJy4uL2ljb25zJztcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5cbmNvbnN0IFBhZ2VSb290ID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG5cbiAgJHsoeyBzZWxlY3RlZCB9KSA9PiBgXG4gICAgY29sb3I6ICR7Z2V0Q29sb3Ioc2VsZWN0ZWQgPyAnY29udGVudCcgOiAnY29udGVudDInKX07XG4gICAgJHtcbiAgICAgIHNlbGVjdGVkICYmXG4gICAgICBgXG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGBcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBQYWdlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHsoeyBjbGVhckJ1dHRvblN0eWxlcyB9KSA9PiBjbGVhckJ1dHRvblN0eWxlcy5ib3h9XG4gIG1pbi13aWR0aDogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fTtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHBhZGRpbmctcmlnaHQ6IDhweDtcbiAgY29sb3I6IGluaGVyaXQ7XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cbmA7XG5cbmNvbnN0IFBhZ2UgPSAoeyBjaGlsZHJlbiwgc2VsZWN0ZWQsIHBhZ2VOdW1iZXIsIGlzU2VsZWN0ZWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IGNsZWFyQnV0dG9uU3R5bGVzID0gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoe30pO1xuICByZXR1cm4gKFxuICAgIDxQYWdlUm9vdCBrZXk9e3BhZ2VOdW1iZXJ9IHNlbGVjdGVkPXtpc1NlbGVjdGVkfSB7Li4ucHJvcHN9PlxuICAgICAgPFBhZ2VCdXR0b24gb25DbGljaz17b25DaGFuZ2V9IGNsZWFyQnV0dG9uU3R5bGVzPXtjbGVhckJ1dHRvblN0eWxlc30+XG4gICAgICAgIHtwYWdlTnVtYmVyfVxuICAgICAgPC9QYWdlQnV0dG9uPlxuICAgIDwvUGFnZVJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBFbGxpcHNpcyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgcGFkZGluZzogMCAke2dldFNwYWNlKCd4cycpfTtcbmA7XG5cbkVsbGlwc2lzLmRlZmF1bHRQcm9wcyA9IHsgY2hpbGRyZW46ICcuLi4nIH07XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gZm9yd2FyZFJlZigoeyBhbW91bnQsIHNlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IG1heFZpc2libGVQYWdlcyA9IDU7XG4gIGNvbnN0IHZpc2libGVQYWdlcyA9IFtdO1xuICBjb25zdCBmaXJzdFBhZ2UgPSAxO1xuICBjb25zdCBsYXN0UGFnZSA9IGFtb3VudDtcbiAgY29uc3QgaGFzQ29sbGFwc2VkUGFnZXMgPSBhbW91bnQgPiBtYXhWaXNpYmxlUGFnZXM7XG5cbiAgaWYgKGhhc0NvbGxhcHNlZFBhZ2VzKSB7XG4gICAgY29uc3QgbGVmdEVkZ2VQYWdlID0gTWF0aC5taW4oXG4gICAgICBNYXRoLm1heChmaXJzdFBhZ2UgKyAxLCBzZWxlY3RlZCAtIE1hdGguZmxvb3IobWF4VmlzaWJsZVBhZ2VzIC8gMikpLFxuICAgICAgbGFzdFBhZ2UgLSBtYXhWaXNpYmxlUGFnZXMgKyAxLFxuICAgICk7XG4gICAgY29uc3QgcmlnaHRFZGdlUGFnZSA9IE1hdGgubWluKGxlZnRFZGdlUGFnZSArIG1heFZpc2libGVQYWdlcyAtIDEsIGxhc3RQYWdlKTtcblxuICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UpIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZVxuICAgICAgICAgIGtleT17Zmlyc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17Zmlyc3RQYWdlfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGZpcnN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UgKyAxKSB7XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKDxFbGxpcHNpcyBrZXk9XCJsZWZ0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgIH1cblxuICAgIGZvciAobGV0IGkgPSBsZWZ0RWRnZVBhZ2U7IGkgPD0gcmlnaHRFZGdlUGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlKSB7XG4gICAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlIC0gMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwicmlnaHQtZWxsaXBzaXNcIiAvPik7XG4gICAgICB9XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2xhc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgICBwYWdlTnVtYmVyPXtsYXN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShsYXN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH0gZWxzZSB7XG4gICAgZm9yIChsZXQgaSA9IGZpcnN0UGFnZTsgaSA8PSBsYXN0UGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uTGVmdCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgLSAxKX1cbiAgICAgIC8+XG4gICAgICB7dmlzaWJsZVBhZ2VzfVxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICBpY29uPXs8SWNvbkNoZXZyb25SaWdodCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgKyAxKX1cbiAgICAgIC8+XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cblBhZ2luYXRpb24ucHJvcFR5cGVzID0ge1xuICBhbW91bnQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgc2VsZWN0ZWQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWMyQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9wYWdpbmF0aW9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEljb25DaGV2cm9uTGVmdCwgSWNvbkNoZXZyb25SaWdodCB9IGZyb20gJy4uL2ljb25zJztcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5cbmNvbnN0IFBhZ2VSb290ID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG5cbiAgJHsoeyBzZWxlY3RlZCB9KSA9PiBgXG4gICAgY29sb3I6ICR7Z2V0Q29sb3Ioc2VsZWN0ZWQgPyAnY29udGVudCcgOiAnY29udGVudDInKX07XG4gICAgJHtcbiAgICAgIHNlbGVjdGVkICYmXG4gICAgICBgXG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGBcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBQYWdlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHsoeyBjbGVhckJ1dHRvblN0eWxlcyB9KSA9PiBjbGVhckJ1dHRvblN0eWxlcy5ib3h9O1xuICBtaW4td2lkdGg6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkhlaWdodH07XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gIGNvbG9yOiBpbmhlcml0O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBQYWdlID0gKHsgY2hpbGRyZW4sIHNlbGVjdGVkLCBwYWdlTnVtYmVyLCBpc1NlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICBjb25zdCBjbGVhckJ1dHRvblN0eWxlcyA9IGdldENsZWFyQnV0dG9uU3R5bGVzKHt9KTtcbiAgcmV0dXJuIChcbiAgICA8UGFnZVJvb3Qga2V5PXtwYWdlTnVtYmVyfSBzZWxlY3RlZD17aXNTZWxlY3RlZH0gey4uLnByb3BzfT5cbiAgICAgIDxQYWdlQnV0dG9uIG9uQ2xpY2s9e29uQ2hhbmdlfSBjbGVhckJ1dHRvblN0eWxlcz17Y2xlYXJCdXR0b25TdHlsZXN9PlxuICAgICAgICB7cGFnZU51bWJlcn1cbiAgICAgIDwvUGFnZUJ1dHRvbj5cbiAgICA8L1BhZ2VSb290PlxuICApO1xufTtcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX07XG4gIHBhZGRpbmc6IDAgJHtnZXRTcGFjZSgneHMnKX07XG5gO1xuXG5FbGxpcHNpcy5kZWZhdWx0UHJvcHMgPSB7IGNoaWxkcmVuOiAnLi4uJyB9O1xuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IGZvcndhcmRSZWYoKHsgYW1vdW50LCBzZWxlY3RlZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBtYXhWaXNpYmxlUGFnZXMgPSA1O1xuICBjb25zdCB2aXNpYmxlUGFnZXMgPSBbXTtcbiAgY29uc3QgZmlyc3RQYWdlID0gMTtcbiAgY29uc3QgbGFzdFBhZ2UgPSBhbW91bnQ7XG4gIGNvbnN0IGhhc0NvbGxhcHNlZFBhZ2VzID0gYW1vdW50ID4gbWF4VmlzaWJsZVBhZ2VzO1xuXG4gIGlmIChoYXNDb2xsYXBzZWRQYWdlcykge1xuICAgIGNvbnN0IGxlZnRFZGdlUGFnZSA9IE1hdGgubWluKFxuICAgICAgTWF0aC5tYXgoZmlyc3RQYWdlICsgMSwgc2VsZWN0ZWQgLSBNYXRoLmZsb29yKG1heFZpc2libGVQYWdlcyAvIDIpKSxcbiAgICAgIGxhc3RQYWdlIC0gbWF4VmlzaWJsZVBhZ2VzICsgMSxcbiAgICApO1xuICAgIGNvbnN0IHJpZ2h0RWRnZVBhZ2UgPSBNYXRoLm1pbihsZWZ0RWRnZVBhZ2UgKyBtYXhWaXNpYmxlUGFnZXMgLSAxLCBsYXN0UGFnZSk7XG5cbiAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gZmlyc3RQYWdlfVxuICAgICAgICAgIHBhZ2VOdW1iZXI9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShmaXJzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlICsgMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwibGVmdC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb3IgKGxldCBpID0gbGVmdEVkZ2VQYWdlOyBpIDw9IHJpZ2h0RWRnZVBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSkge1xuICAgICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSAtIDEpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cInJpZ2h0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlXG4gICAgICAgICAga2V5PXtsYXN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gbGFzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17bGFzdFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UobGFzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgfVxuICB9IGVsc2Uge1xuICAgIGZvciAobGV0IGkgPSBmaXJzdFBhZ2U7IGkgPD0gbGFzdFBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Um9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgIGljb249ezxJY29uQ2hldnJvbkxlZnQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkIC0gMSl9XG4gICAgICAvPlxuICAgICAge3Zpc2libGVQYWdlc31cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uUmlnaHQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkICsgMSl9XG4gICAgICAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5QYWdpbmF0aW9uLnByb3BUeXBlcyA9IHtcbiAgYW1vdW50OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHNlbGVjdGVkOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxufTtcbiJdfQ== */"));
 
 var PageButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e196zwcn1"
@@ -57,7 +57,7 @@ var PageButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "produc
 })(function (_ref2) {
   var clearButtonStyles = _ref2.clearButtonStyles;
   return clearButtonStyles.box;
-}, " min-width:", componentVars.clearButtonHeight, ";padding-left:8px;padding-right:8px;color:inherit;&:hover{color:", getColor('content'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCZ0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcGFnaW5hdGlvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ2hldnJvbkxlZnQsIEljb25DaGV2cm9uUmlnaHQgfSBmcm9tICcuLi9pY29ucyc7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBQYWdlUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gICR7KHsgc2VsZWN0ZWQgfSkgPT4gYFxuICAgIGNvbG9yOiAke2dldENvbG9yKHNlbGVjdGVkID8gJ2NvbnRlbnQnIDogJ2NvbnRlbnQyJyl9O1xuICAgICR7XG4gICAgICBzZWxlY3RlZCAmJlxuICAgICAgYFxuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICBgXG4gICAgfVxuICBgfVxuYDtcblxuY29uc3QgUGFnZUJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICR7KHsgY2xlYXJCdXR0b25TdHlsZXMgfSkgPT4gY2xlYXJCdXR0b25TdHlsZXMuYm94fVxuICBtaW4td2lkdGg6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkhlaWdodH07XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gIGNvbG9yOiBpbmhlcml0O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBQYWdlID0gKHsgY2hpbGRyZW4sIHNlbGVjdGVkLCBwYWdlTnVtYmVyLCBpc1NlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICBjb25zdCBjbGVhckJ1dHRvblN0eWxlcyA9IGdldENsZWFyQnV0dG9uU3R5bGVzKHt9KTtcbiAgcmV0dXJuIChcbiAgICA8UGFnZVJvb3Qga2V5PXtwYWdlTnVtYmVyfSBzZWxlY3RlZD17aXNTZWxlY3RlZH0gey4uLnByb3BzfT5cbiAgICAgIDxQYWdlQnV0dG9uIG9uQ2xpY2s9e29uQ2hhbmdlfSBjbGVhckJ1dHRvblN0eWxlcz17Y2xlYXJCdXR0b25TdHlsZXN9PlxuICAgICAgICB7cGFnZU51bWJlcn1cbiAgICAgIDwvUGFnZUJ1dHRvbj5cbiAgICA8L1BhZ2VSb290PlxuICApO1xufTtcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX07XG4gIHBhZGRpbmc6IDAgJHtnZXRTcGFjZSgneHMnKX07XG5gO1xuXG5FbGxpcHNpcy5kZWZhdWx0UHJvcHMgPSB7IGNoaWxkcmVuOiAnLi4uJyB9O1xuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IGZvcndhcmRSZWYoKHsgYW1vdW50LCBzZWxlY3RlZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBtYXhWaXNpYmxlUGFnZXMgPSA1O1xuICBjb25zdCB2aXNpYmxlUGFnZXMgPSBbXTtcbiAgY29uc3QgZmlyc3RQYWdlID0gMTtcbiAgY29uc3QgbGFzdFBhZ2UgPSBhbW91bnQ7XG4gIGNvbnN0IGhhc0NvbGxhcHNlZFBhZ2VzID0gYW1vdW50ID4gbWF4VmlzaWJsZVBhZ2VzO1xuXG4gIGlmIChoYXNDb2xsYXBzZWRQYWdlcykge1xuICAgIGNvbnN0IGxlZnRFZGdlUGFnZSA9IE1hdGgubWluKFxuICAgICAgTWF0aC5tYXgoZmlyc3RQYWdlICsgMSwgc2VsZWN0ZWQgLSBNYXRoLmZsb29yKG1heFZpc2libGVQYWdlcyAvIDIpKSxcbiAgICAgIGxhc3RQYWdlIC0gbWF4VmlzaWJsZVBhZ2VzICsgMSxcbiAgICApO1xuICAgIGNvbnN0IHJpZ2h0RWRnZVBhZ2UgPSBNYXRoLm1pbihsZWZ0RWRnZVBhZ2UgKyBtYXhWaXNpYmxlUGFnZXMgLSAxLCBsYXN0UGFnZSk7XG5cbiAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gZmlyc3RQYWdlfVxuICAgICAgICAgIHBhZ2VOdW1iZXI9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShmaXJzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlICsgMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwibGVmdC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb3IgKGxldCBpID0gbGVmdEVkZ2VQYWdlOyBpIDw9IHJpZ2h0RWRnZVBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSkge1xuICAgICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSAtIDEpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cInJpZ2h0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlXG4gICAgICAgICAga2V5PXtsYXN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gbGFzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17bGFzdFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UobGFzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgfVxuICB9IGVsc2Uge1xuICAgIGZvciAobGV0IGkgPSBmaXJzdFBhZ2U7IGkgPD0gbGFzdFBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Um9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgIGljb249ezxJY29uQ2hldnJvbkxlZnQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkIC0gMSl9XG4gICAgICAvPlxuICAgICAge3Zpc2libGVQYWdlc31cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uUmlnaHQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkICsgMSl9XG4gICAgICAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5QYWdpbmF0aW9uLnByb3BUeXBlcyA9IHtcbiAgYW1vdW50OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHNlbGVjdGVkOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxufTtcbiJdfQ== */"));
+}, ";min-width:", componentVars.clearButtonHeight, ";padding-left:8px;padding-right:8px;color:inherit;&:hover{color:", getColor('content'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCZ0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcGFnaW5hdGlvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ2hldnJvbkxlZnQsIEljb25DaGV2cm9uUmlnaHQgfSBmcm9tICcuLi9pY29ucyc7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBQYWdlUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gICR7KHsgc2VsZWN0ZWQgfSkgPT4gYFxuICAgIGNvbG9yOiAke2dldENvbG9yKHNlbGVjdGVkID8gJ2NvbnRlbnQnIDogJ2NvbnRlbnQyJyl9O1xuICAgICR7XG4gICAgICBzZWxlY3RlZCAmJlxuICAgICAgYFxuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICBgXG4gICAgfVxuICBgfVxuYDtcblxuY29uc3QgUGFnZUJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICR7KHsgY2xlYXJCdXR0b25TdHlsZXMgfSkgPT4gY2xlYXJCdXR0b25TdHlsZXMuYm94fTtcbiAgbWluLXdpZHRoOiAke2NvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25IZWlnaHR9O1xuICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgcGFkZGluZy1yaWdodDogOHB4O1xuICBjb2xvcjogaW5oZXJpdDtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuYDtcblxuY29uc3QgUGFnZSA9ICh7IGNoaWxkcmVuLCBzZWxlY3RlZCwgcGFnZU51bWJlciwgaXNTZWxlY3RlZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0pID0+IHtcbiAgY29uc3QgY2xlYXJCdXR0b25TdHlsZXMgPSBnZXRDbGVhckJ1dHRvblN0eWxlcyh7fSk7XG4gIHJldHVybiAoXG4gICAgPFBhZ2VSb290IGtleT17cGFnZU51bWJlcn0gc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9IHsuLi5wcm9wc30+XG4gICAgICA8UGFnZUJ1dHRvbiBvbkNsaWNrPXtvbkNoYW5nZX0gY2xlYXJCdXR0b25TdHlsZXM9e2NsZWFyQnV0dG9uU3R5bGVzfT5cbiAgICAgICAge3BhZ2VOdW1iZXJ9XG4gICAgICA8L1BhZ2VCdXR0b24+XG4gICAgPC9QYWdlUm9vdD5cbiAgKTtcbn07XG5cbmNvbnN0IEVsbGlwc2lzID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgcGxhY2UtaXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9O1xuICBwYWRkaW5nOiAwICR7Z2V0U3BhY2UoJ3hzJyl9O1xuYDtcblxuRWxsaXBzaXMuZGVmYXVsdFByb3BzID0geyBjaGlsZHJlbjogJy4uLicgfTtcblxuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb24gPSBmb3J3YXJkUmVmKCh7IGFtb3VudCwgc2VsZWN0ZWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgbWF4VmlzaWJsZVBhZ2VzID0gNTtcbiAgY29uc3QgdmlzaWJsZVBhZ2VzID0gW107XG4gIGNvbnN0IGZpcnN0UGFnZSA9IDE7XG4gIGNvbnN0IGxhc3RQYWdlID0gYW1vdW50O1xuICBjb25zdCBoYXNDb2xsYXBzZWRQYWdlcyA9IGFtb3VudCA+IG1heFZpc2libGVQYWdlcztcblxuICBpZiAoaGFzQ29sbGFwc2VkUGFnZXMpIHtcbiAgICBjb25zdCBsZWZ0RWRnZVBhZ2UgPSBNYXRoLm1pbihcbiAgICAgIE1hdGgubWF4KGZpcnN0UGFnZSArIDEsIHNlbGVjdGVkIC0gTWF0aC5mbG9vcihtYXhWaXNpYmxlUGFnZXMgLyAyKSksXG4gICAgICBsYXN0UGFnZSAtIG1heFZpc2libGVQYWdlcyArIDEsXG4gICAgKTtcbiAgICBjb25zdCByaWdodEVkZ2VQYWdlID0gTWF0aC5taW4obGVmdEVkZ2VQYWdlICsgbWF4VmlzaWJsZVBhZ2VzIC0gMSwgbGFzdFBhZ2UpO1xuXG4gICAgaWYgKGxlZnRFZGdlUGFnZSA+IGZpcnN0UGFnZSkge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlXG4gICAgICAgICAga2V5PXtmaXJzdFBhZ2V9XG4gICAgICAgICAgaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgICBwYWdlTnVtYmVyPXtmaXJzdFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UoZmlyc3RQYWdlKX1cbiAgICAgICAgLz4sXG4gICAgICApO1xuICAgICAgaWYgKGxlZnRFZGdlUGFnZSA+IGZpcnN0UGFnZSArIDEpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cImxlZnQtZWxsaXBzaXNcIiAvPik7XG4gICAgICB9XG4gICAgfVxuXG4gICAgZm9yIChsZXQgaSA9IGxlZnRFZGdlUGFnZTsgaSA8PSByaWdodEVkZ2VQYWdlOyBpKyspIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZSBrZXk9e2l9IGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBpfSBwYWdlTnVtYmVyPXtpfSBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShpKX0gLz4sXG4gICAgICApO1xuICAgIH1cblxuICAgIGlmIChyaWdodEVkZ2VQYWdlIDwgbGFzdFBhZ2UpIHtcbiAgICAgIGlmIChyaWdodEVkZ2VQYWdlIDwgbGFzdFBhZ2UgLSAxKSB7XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKDxFbGxpcHNpcyBrZXk9XCJyaWdodC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgIH1cbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZVxuICAgICAgICAgIGtleT17bGFzdFBhZ2V9XG4gICAgICAgICAgaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICAgIHBhZ2VOdW1iZXI9e2xhc3RQYWdlfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGxhc3RQYWdlKX1cbiAgICAgICAgLz4sXG4gICAgICApO1xuICAgIH1cbiAgfSBlbHNlIHtcbiAgICBmb3IgKGxldCBpID0gZmlyc3RQYWdlOyBpIDw9IGxhc3RQYWdlOyBpKyspIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZSBrZXk9e2l9IGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBpfSBwYWdlTnVtYmVyPXtpfSBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShpKX0gLz4sXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFJvb3QgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBpc0Rpc2FibGVkPXtzZWxlY3RlZCA9PT0gZmlyc3RQYWdlfVxuICAgICAgICBpY29uPXs8SWNvbkNoZXZyb25MZWZ0IC8+fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShzZWxlY3RlZCAtIDEpfVxuICAgICAgLz5cbiAgICAgIHt2aXNpYmxlUGFnZXN9XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBpc0Rpc2FibGVkPXtzZWxlY3RlZCA9PT0gbGFzdFBhZ2V9XG4gICAgICAgIGljb249ezxJY29uQ2hldnJvblJpZ2h0IC8+fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShzZWxlY3RlZCArIDEpfVxuICAgICAgLz5cbiAgICA8L1Jvb3Q+XG4gICk7XG59KTtcblxuUGFnaW5hdGlvbi5wcm9wVHlwZXMgPSB7XG4gIGFtb3VudDogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICBzZWxlY3RlZDogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbn07XG4iXX0= */"));
 
 var Page = function Page(_ref3) {
   var children = _ref3.children,
@@ -82,7 +82,7 @@ var Ellipsis = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
 } : {
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EMkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcGFnaW5hdGlvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ2hldnJvbkxlZnQsIEljb25DaGV2cm9uUmlnaHQgfSBmcm9tICcuLi9pY29ucyc7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBQYWdlUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gICR7KHsgc2VsZWN0ZWQgfSkgPT4gYFxuICAgIGNvbG9yOiAke2dldENvbG9yKHNlbGVjdGVkID8gJ2NvbnRlbnQnIDogJ2NvbnRlbnQyJyl9O1xuICAgICR7XG4gICAgICBzZWxlY3RlZCAmJlxuICAgICAgYFxuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICBgXG4gICAgfVxuICBgfVxuYDtcblxuY29uc3QgUGFnZUJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICR7KHsgY2xlYXJCdXR0b25TdHlsZXMgfSkgPT4gY2xlYXJCdXR0b25TdHlsZXMuYm94fVxuICBtaW4td2lkdGg6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkhlaWdodH07XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gIGNvbG9yOiBpbmhlcml0O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBQYWdlID0gKHsgY2hpbGRyZW4sIHNlbGVjdGVkLCBwYWdlTnVtYmVyLCBpc1NlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICBjb25zdCBjbGVhckJ1dHRvblN0eWxlcyA9IGdldENsZWFyQnV0dG9uU3R5bGVzKHt9KTtcbiAgcmV0dXJuIChcbiAgICA8UGFnZVJvb3Qga2V5PXtwYWdlTnVtYmVyfSBzZWxlY3RlZD17aXNTZWxlY3RlZH0gey4uLnByb3BzfT5cbiAgICAgIDxQYWdlQnV0dG9uIG9uQ2xpY2s9e29uQ2hhbmdlfSBjbGVhckJ1dHRvblN0eWxlcz17Y2xlYXJCdXR0b25TdHlsZXN9PlxuICAgICAgICB7cGFnZU51bWJlcn1cbiAgICAgIDwvUGFnZUJ1dHRvbj5cbiAgICA8L1BhZ2VSb290PlxuICApO1xufTtcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX07XG4gIHBhZGRpbmc6IDAgJHtnZXRTcGFjZSgneHMnKX07XG5gO1xuXG5FbGxpcHNpcy5kZWZhdWx0UHJvcHMgPSB7IGNoaWxkcmVuOiAnLi4uJyB9O1xuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IGZvcndhcmRSZWYoKHsgYW1vdW50LCBzZWxlY3RlZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBtYXhWaXNpYmxlUGFnZXMgPSA1O1xuICBjb25zdCB2aXNpYmxlUGFnZXMgPSBbXTtcbiAgY29uc3QgZmlyc3RQYWdlID0gMTtcbiAgY29uc3QgbGFzdFBhZ2UgPSBhbW91bnQ7XG4gIGNvbnN0IGhhc0NvbGxhcHNlZFBhZ2VzID0gYW1vdW50ID4gbWF4VmlzaWJsZVBhZ2VzO1xuXG4gIGlmIChoYXNDb2xsYXBzZWRQYWdlcykge1xuICAgIGNvbnN0IGxlZnRFZGdlUGFnZSA9IE1hdGgubWluKFxuICAgICAgTWF0aC5tYXgoZmlyc3RQYWdlICsgMSwgc2VsZWN0ZWQgLSBNYXRoLmZsb29yKG1heFZpc2libGVQYWdlcyAvIDIpKSxcbiAgICAgIGxhc3RQYWdlIC0gbWF4VmlzaWJsZVBhZ2VzICsgMSxcbiAgICApO1xuICAgIGNvbnN0IHJpZ2h0RWRnZVBhZ2UgPSBNYXRoLm1pbihsZWZ0RWRnZVBhZ2UgKyBtYXhWaXNpYmxlUGFnZXMgLSAxLCBsYXN0UGFnZSk7XG5cbiAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gZmlyc3RQYWdlfVxuICAgICAgICAgIHBhZ2VOdW1iZXI9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShmaXJzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlICsgMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwibGVmdC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb3IgKGxldCBpID0gbGVmdEVkZ2VQYWdlOyBpIDw9IHJpZ2h0RWRnZVBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSkge1xuICAgICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSAtIDEpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cInJpZ2h0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlXG4gICAgICAgICAga2V5PXtsYXN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gbGFzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17bGFzdFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UobGFzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgfVxuICB9IGVsc2Uge1xuICAgIGZvciAobGV0IGkgPSBmaXJzdFBhZ2U7IGkgPD0gbGFzdFBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Um9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgIGljb249ezxJY29uQ2hldnJvbkxlZnQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkIC0gMSl9XG4gICAgICAvPlxuICAgICAge3Zpc2libGVQYWdlc31cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uUmlnaHQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkICsgMSl9XG4gICAgICAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5QYWdpbmF0aW9uLnByb3BUeXBlcyA9IHtcbiAgYW1vdW50OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHNlbGVjdGVkOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxufTtcbiJdfQ== */"));
+})("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EMkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcGFnaW5hdGlvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ2hldnJvbkxlZnQsIEljb25DaGV2cm9uUmlnaHQgfSBmcm9tICcuLi9pY29ucyc7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBQYWdlUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gICR7KHsgc2VsZWN0ZWQgfSkgPT4gYFxuICAgIGNvbG9yOiAke2dldENvbG9yKHNlbGVjdGVkID8gJ2NvbnRlbnQnIDogJ2NvbnRlbnQyJyl9O1xuICAgICR7XG4gICAgICBzZWxlY3RlZCAmJlxuICAgICAgYFxuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICBgXG4gICAgfVxuICBgfVxuYDtcblxuY29uc3QgUGFnZUJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICR7KHsgY2xlYXJCdXR0b25TdHlsZXMgfSkgPT4gY2xlYXJCdXR0b25TdHlsZXMuYm94fTtcbiAgbWluLXdpZHRoOiAke2NvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25IZWlnaHR9O1xuICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgcGFkZGluZy1yaWdodDogOHB4O1xuICBjb2xvcjogaW5oZXJpdDtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuYDtcblxuY29uc3QgUGFnZSA9ICh7IGNoaWxkcmVuLCBzZWxlY3RlZCwgcGFnZU51bWJlciwgaXNTZWxlY3RlZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0pID0+IHtcbiAgY29uc3QgY2xlYXJCdXR0b25TdHlsZXMgPSBnZXRDbGVhckJ1dHRvblN0eWxlcyh7fSk7XG4gIHJldHVybiAoXG4gICAgPFBhZ2VSb290IGtleT17cGFnZU51bWJlcn0gc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9IHsuLi5wcm9wc30+XG4gICAgICA8UGFnZUJ1dHRvbiBvbkNsaWNrPXtvbkNoYW5nZX0gY2xlYXJCdXR0b25TdHlsZXM9e2NsZWFyQnV0dG9uU3R5bGVzfT5cbiAgICAgICAge3BhZ2VOdW1iZXJ9XG4gICAgICA8L1BhZ2VCdXR0b24+XG4gICAgPC9QYWdlUm9vdD5cbiAgKTtcbn07XG5cbmNvbnN0IEVsbGlwc2lzID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgcGxhY2UtaXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9O1xuICBwYWRkaW5nOiAwICR7Z2V0U3BhY2UoJ3hzJyl9O1xuYDtcblxuRWxsaXBzaXMuZGVmYXVsdFByb3BzID0geyBjaGlsZHJlbjogJy4uLicgfTtcblxuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb24gPSBmb3J3YXJkUmVmKCh7IGFtb3VudCwgc2VsZWN0ZWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgbWF4VmlzaWJsZVBhZ2VzID0gNTtcbiAgY29uc3QgdmlzaWJsZVBhZ2VzID0gW107XG4gIGNvbnN0IGZpcnN0UGFnZSA9IDE7XG4gIGNvbnN0IGxhc3RQYWdlID0gYW1vdW50O1xuICBjb25zdCBoYXNDb2xsYXBzZWRQYWdlcyA9IGFtb3VudCA+IG1heFZpc2libGVQYWdlcztcblxuICBpZiAoaGFzQ29sbGFwc2VkUGFnZXMpIHtcbiAgICBjb25zdCBsZWZ0RWRnZVBhZ2UgPSBNYXRoLm1pbihcbiAgICAgIE1hdGgubWF4KGZpcnN0UGFnZSArIDEsIHNlbGVjdGVkIC0gTWF0aC5mbG9vcihtYXhWaXNpYmxlUGFnZXMgLyAyKSksXG4gICAgICBsYXN0UGFnZSAtIG1heFZpc2libGVQYWdlcyArIDEsXG4gICAgKTtcbiAgICBjb25zdCByaWdodEVkZ2VQYWdlID0gTWF0aC5taW4obGVmdEVkZ2VQYWdlICsgbWF4VmlzaWJsZVBhZ2VzIC0gMSwgbGFzdFBhZ2UpO1xuXG4gICAgaWYgKGxlZnRFZGdlUGFnZSA+IGZpcnN0UGFnZSkge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlXG4gICAgICAgICAga2V5PXtmaXJzdFBhZ2V9XG4gICAgICAgICAgaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgICBwYWdlTnVtYmVyPXtmaXJzdFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UoZmlyc3RQYWdlKX1cbiAgICAgICAgLz4sXG4gICAgICApO1xuICAgICAgaWYgKGxlZnRFZGdlUGFnZSA+IGZpcnN0UGFnZSArIDEpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cImxlZnQtZWxsaXBzaXNcIiAvPik7XG4gICAgICB9XG4gICAgfVxuXG4gICAgZm9yIChsZXQgaSA9IGxlZnRFZGdlUGFnZTsgaSA8PSByaWdodEVkZ2VQYWdlOyBpKyspIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZSBrZXk9e2l9IGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBpfSBwYWdlTnVtYmVyPXtpfSBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShpKX0gLz4sXG4gICAgICApO1xuICAgIH1cblxuICAgIGlmIChyaWdodEVkZ2VQYWdlIDwgbGFzdFBhZ2UpIHtcbiAgICAgIGlmIChyaWdodEVkZ2VQYWdlIDwgbGFzdFBhZ2UgLSAxKSB7XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKDxFbGxpcHNpcyBrZXk9XCJyaWdodC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgIH1cbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZVxuICAgICAgICAgIGtleT17bGFzdFBhZ2V9XG4gICAgICAgICAgaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICAgIHBhZ2VOdW1iZXI9e2xhc3RQYWdlfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGxhc3RQYWdlKX1cbiAgICAgICAgLz4sXG4gICAgICApO1xuICAgIH1cbiAgfSBlbHNlIHtcbiAgICBmb3IgKGxldCBpID0gZmlyc3RQYWdlOyBpIDw9IGxhc3RQYWdlOyBpKyspIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZSBrZXk9e2l9IGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBpfSBwYWdlTnVtYmVyPXtpfSBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShpKX0gLz4sXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFJvb3QgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBpc0Rpc2FibGVkPXtzZWxlY3RlZCA9PT0gZmlyc3RQYWdlfVxuICAgICAgICBpY29uPXs8SWNvbkNoZXZyb25MZWZ0IC8+fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShzZWxlY3RlZCAtIDEpfVxuICAgICAgLz5cbiAgICAgIHt2aXNpYmxlUGFnZXN9XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBpc0Rpc2FibGVkPXtzZWxlY3RlZCA9PT0gbGFzdFBhZ2V9XG4gICAgICAgIGljb249ezxJY29uQ2hldnJvblJpZ2h0IC8+fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShzZWxlY3RlZCArIDEpfVxuICAgICAgLz5cbiAgICA8L1Jvb3Q+XG4gICk7XG59KTtcblxuUGFnaW5hdGlvbi5wcm9wVHlwZXMgPSB7XG4gIGFtb3VudDogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICBzZWxlY3RlZDogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbn07XG4iXX0= */"));
 
 Ellipsis.defaultProps = {
   children: '...'

package/es/styles/utilities.js

@@ -16,6 +16,7 @@ import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.string.includes.js";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.object.entries.js";
+import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.symbol.iterator.js";
@@ -101,9 +102,33 @@ var spaceProps = styleConfig.spaceProps,
     flexProps = styleConfig.flexProps,
     sizeProps = styleConfig.sizeProps,
     opacityProps = styleConfig.opacityProps,
-    alignSelfProps = styleConfig.alignSelfProps;
-var classAndStyleDeclarationProps = [spaceProps, colorProps, shadowProps, radiusProps, transitionProps, sizeProps];
-var classDeclarationProps = [].concat(classAndStyleDeclarationProps, [positionProps, overflowProps, cursorProps, sizeProps, alignSelfProps]);
+    alignSelfProps = styleConfig.alignSelfProps,
+    borderColorProps = styleConfig.borderColorProps,
+    borderWidthProps = styleConfig.borderWidthProps;
+var classAndStyleDeclarationProps = [spaceProps, colorProps, shadowProps, radiusProps, transitionProps, sizeProps, borderColorProps];
+var classDeclarationProps = [].concat(classAndStyleDeclarationProps, [positionProps, overflowProps, cursorProps, sizeProps, alignSelfProps, borderWidthProps]);
 var styleDeclarationProps = [].concat(classAndStyleDeclarationProps, [dimensionProps, aspectRatioProps, orderProps, flexProps, opacityProps]);
-var utilities = "\n  ".concat(generateUtilityClassDeclarations(classDeclarationProps), ";\n  ").concat(generateStyleClassDeclarations(styleDeclarationProps), ";\n");
+var borderSides = {
+  t: 'top',
+  r: 'right',
+  b: 'bottom',
+  l: 'left',
+  x: 'inline',
+  y: 'block'
+};
+
+var generateBorderStyle = function generateBorderStyle() {
+  var css = '';
+  Object.entries(borderSides).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+        shortSide = _ref4[0],
+        side = _ref4[1];
+
+    css += "\n        [class*=\"bd".concat(shortSide, "w-\"] { border-").concat(side, "-style: solid }\n      ");
+  }).join('');
+  css += "\n    [class*=\"bdw-\"] { border-style: solid }\n  ";
+  return css;
+};
+
+var utilities = "\n  ".concat(generateUtilityClassDeclarations(classDeclarationProps), ";\n  ").concat(generateStyleClassDeclarations(styleDeclarationProps), ";\n  ").concat(generateBorderStyle(), "\n");
 export default utilities;

package/es/types.js

@@ -20,12 +20,13 @@ export var flexWraps = ['nowrap', 'wrap', 'wrap-reverse'];
 export var overflows = ['visible', 'hidden', 'scroll', 'auto'];
 export var positions = ['static', 'relative', 'fixed', 'absolute', 'sticky'];
 export var cursors = ['default', 'pointer'];
+export var sides = ['all', 'left', 'right', 'top', 'bottom', 'x', 'y'];
 export var types = {
   color: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.colors)), PropTypes.string]),
   responsiveSpace: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.spaces)), PropTypes.number, PropTypes.string, PropTypes.object]),
   dimension: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   responsiveDimension: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.object]),
-  side: PropTypes.oneOf(['all', 'left', 'right', 'top', 'bottom', 'x', 'y']),
+  side: PropTypes.oneOf(sides),
   radius: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.radii)), PropTypes.string, PropTypes.number]),
   shadow: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.shadows)), PropTypes.string]),
   position: PropTypes.oneOf(positions),

package/es/utilities/style-config.js

@@ -1,3 +1,7 @@
+var _styleConfig;
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.array.includes.js";
@@ -14,6 +18,7 @@ import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.object.define-property.js";
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -37,7 +42,7 @@ var shadows = Object.keys(vars.shadows);
 var radii = Object.keys(vars.radii);
 var transitions = [].concat(_toConsumableArray(Object.keys(vars.transitions)), _toConsumableArray(Object.keys(vars.transitionUtils)));
 var sizes = Object.keys(vars.texts);
-export var styleConfig = {
+export var styleConfig = (_styleConfig = {
   spaceProps: {
     props: [{
       propName: 'padding',
@@ -310,8 +315,90 @@ export var styleConfig = {
     variableChecker: function variableChecker(value) {
       return alignSelfs.includes(value);
     }
+  },
+  borderColorProps: {
+    props: [{
+      propName: 'borderColor',
+      property: 'border-color',
+      short: 'bdc'
+    }, {
+      propName: 'borderColorHover',
+      property: 'border-color',
+      short: 'bdc-h'
+    }],
+    valueTransformer: getColor
+  }
+}, _defineProperty(_styleConfig, "borderColorProps", {
+  props: [{
+    propName: 'borderColor',
+    property: 'border-color',
+    short: 'bdc'
+  }, {
+    propName: 'borderTopColor',
+    property: 'border-top-color',
+    short: 'bdtc'
+  }, {
+    propName: 'borderRightColor',
+    property: 'border-right-color',
+    short: 'bdrc'
+  }, {
+    propName: 'borderBottomColor',
+    property: 'border-bottom-color',
+    short: 'bdbc'
+  }, {
+    propName: 'borderLeftColor',
+    property: 'border-left-color',
+    short: 'bdlc'
+  }, {
+    propName: 'borderXColor',
+    property: 'border-inline-color',
+    short: 'bdxc'
+  }, {
+    propName: 'borderYColor',
+    property: 'border-block-color',
+    short: 'bdyc'
+  }],
+  valueTransformer: getColor,
+  variableChecker: isColorVar,
+  variables: colors
+}), _defineProperty(_styleConfig, "borderWidthProps", {
+  props: [{
+    propName: 'borderWidth',
+    property: 'border-width',
+    short: 'bdw'
+  }, {
+    propName: 'borderTopWidth',
+    property: 'border-top-width',
+    short: 'bdtw'
+  }, {
+    propName: 'borderRightWidth',
+    property: 'border-right-width',
+    short: 'bdrw'
+  }, {
+    propName: 'borderBottomWidth',
+    property: 'border-bottom-width',
+    short: 'bdbw'
+  }, {
+    propName: 'borderLeftWidth',
+    property: 'border-left-width',
+    short: 'bdlw'
+  }, {
+    propName: 'borderXWidth',
+    property: 'border-inline-width',
+    short: 'bdxw'
+  }, {
+    propName: 'borderYWidth',
+    property: 'border-block-width',
+    short: 'bdyw'
+  }],
+  valueTransformer: function valueTransformer(borderWidth) {
+    return "".concat(borderWidth, "px");
+  },
+  variables: ['1', '2', '3', '4'],
+  variableChecker: function variableChecker(value) {
+    return ['1', '2', '3', '4'].includes(value);
   }
-};
+}), _styleConfig);
 export var propNameToShort = function propNameToShort(propName) {
   var _prop$props$find;
 

package/package.json

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