@flodesk/grain 8.7.1 → 8.8.0

package/es/components/button.js

@@ -1,6 +1,15 @@
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.object.freeze.js";
+import "core-js/modules/es.object.define-properties.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";
 import _styled from "@emotion/styled/base";
 var _excluded = ["children", "variant", "isDisabled", "icon", "iconPosition", "hasFullWidth", "hasSpinner", "type"];
 
+var _templateObject;
+
 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; }
@@ -8,17 +17,19 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.assign.js";
-import { getColor, getRadius } from '../utilities';
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import { getColor, getRadius, getTransition } from '../utilities';
 import { Icon } from './icon';
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { styles, componentVars } from '../foundational';
 import { Spinner } from './spinner';
 import { types } from '../types';
+import { Box } from './box';
+import { Text } from './text';
+import { keyframes } from '@emotion/react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var paddingX = '16px';
 var iconInvert = 'hsl(var(--HS) var(--backgroundL) / var(--fadeA8))';
@@ -47,20 +58,21 @@ var variantColors = {
     background: 'transparent'
   }
 };
+var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from { opacity: 0 }\n"])));
 
 var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1blxzk90"
 } : {
   target: "e1blxzk90",
   label: "Wrapper"
-})(styles.transitions, ";", styles.buttonReset, ";border:none;border-width:", componentVars.strokeSize, ";border-style:solid;border-radius:", getRadius('s'), ";height:", componentVars.textBoxHeight, ";padding:0 ", paddingX, ";background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", function (p) {
+})(styles.transitions, ";", styles.buttonReset, ";position:relative;border:none;border-width:", componentVars.strokeSize, ";border-style:solid;border-radius:", getRadius('s'), ";height:", componentVars.textBoxHeight, ";padding:0 ", paddingX, ";background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", function (p) {
   return p.hasFullWidth && "width: 100%";
 }, ";", function (_ref) {
   var variant = _ref.variant;
   return "\n    ".concat(variantColors[variant].icon && "\n      --grn-color-icon: ".concat(getColor(variantColors[variant].icon), "\n    "), ";\n    border-color: ").concat(getColor(variantColors[variant].border), ";\n    color: ").concat(getColor(variantColors[variant].content), ";\n    background: ").concat(getColor(variantColors[variant].background), ";\n\n    &:hover {\n      --grn-color-icon: currentColor;\n      background: ").concat(getColor(variantColors[variant].backgroundHover), ";\n      border-color: ").concat(getColor(variantColors[variant].borderHover), ";\n    }\n\n    &:active {\n      background: ").concat(getColor(variantColors[variant].backgroundActive), ";\n      border-color: ").concat(getColor(variantColors[variant].borderActive), ";\n    }\n  ");
-}, " &:disabled{color:", getColor('disabledContent'), ";background-color:", getColor('disabledBackground'), ";border-color:transparent;pointer-events:none;}.buttonIcon{", function (p) {
+}, " &:disabled{--grn-color-icon:", getColor('disabledContent'), ";color:", getColor('disabledContent'), ";background-color:", getColor('disabledBackground'), ";border-color:transparent;pointer-events:none;}.buttonIcon{", function (p) {
   return p.iconPosition === 'right' && "order: 1";
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0M2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHN0eWxlcywgY29tcG9uZW50VmFycyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi9zcGlubmVyJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBwYWRkaW5nWCA9ICcxNnB4JztcbmNvbnN0IGljb25JbnZlcnQgPSAnaHNsKHZhcigtLUhTKSB2YXIoLS1iYWNrZ3JvdW5kTCkgLyB2YXIoLS1mYWRlQTgpKSc7XG5cbmNvbnN0IHZhcmlhbnRDb2xvcnMgPSB7XG4gIGFjY2VudDoge1xuICAgIGljb246IGljb25JbnZlcnQsXG4gICAgY29udGVudDogJ3NoYWRlMicsXG4gICAgYm9yZGVyOiAndHJhbnNwYXJlbnQnLFxuICAgIGJhY2tncm91bmQ6ICdzaGFkZTEyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdzaGFkZTknLFxuICAgIGJhY2tncm91bmRBY3RpdmU6ICdzaGFkZTgnLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBpY29uOiAnaHNsKDAgMCUgMTAwJSAvIHZhcigtLWZhZGVBOCkpJyxcbiAgICBjb250ZW50OiAndmFyKC0td2hpdGUpJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ2RhbmdlcicsXG4gICAgYmFja2dyb3VuZEhvdmVyOiAnaHNsKHZhcigtLXJlZEhTKSBjYWxjKHZhcigtLXJlZEwpIC0gMyUpKScsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ2hzbCh2YXIoLS1yZWRIUykgY2FsYyh2YXIoLS1yZWRMKSAtIDclKSknLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgY29udGVudDogJ2NvbnRlbnQnLFxuICAgIGJvcmRlcjogJ2ZhZGU0JyxcbiAgICBib3JkZXJIb3ZlcjogJ2ZhZGU2JyxcbiAgICBib3JkZXJBY3RpdmU6ICdzaGFkZTgnLFxuICAgIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59O1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAke3N0eWxlcy5idXR0b25SZXNldH07XG5cbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBwYWRkaW5nOiAwICR7cGFkZGluZ1h9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuXG4gICR7KHsgdmFyaWFudCB9KSA9PiBgXG4gICAgJHtcbiAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uaWNvbiAmJlxuICAgICAgYFxuICAgICAgLS1ncm4tY29sb3ItaWNvbjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmljb24pfVxuICAgIGBcbiAgICB9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlcil9O1xuICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIC0tZ3JuLWNvbG9yLWljb246IGN1cnJlbnRDb2xvcjtcbiAgICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIpfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckhvdmVyKX07XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRBY3RpdmUpfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckFjdGl2ZSl9O1xuICAgIH1cbiAgYH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQmFja2dyb3VuZCcpfTtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5cbiAgLmJ1dHRvbkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIGhhc0Z1bGxXaWR0aCxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH1cbiAgICAgICAgaGFzU3Bpbm5lcj17aGFzU3Bpbm5lcn1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPn1cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIC8+fVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICB2YXJpYW50OiB0eXBlcy5idXR0b25WYXJpYW50LFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxufTtcbiJdfQ== */"));
+}, ";}.buttonText,.buttonIcon{transition:color ", getTransition('fast'), ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkM2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHN0eWxlcywgY29tcG9uZW50VmFycyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi9zcGlubmVyJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4vdGV4dCc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IHBhZGRpbmdYID0gJzE2cHgnO1xuY29uc3QgaWNvbkludmVydCA9ICdoc2wodmFyKC0tSFMpIHZhcigtLWJhY2tncm91bmRMKSAvIHZhcigtLWZhZGVBOCkpJztcblxuY29uc3QgdmFyaWFudENvbG9ycyA9IHtcbiAgYWNjZW50OiB7XG4gICAgaWNvbjogaWNvbkludmVydCxcbiAgICBjb250ZW50OiAnc2hhZGUyJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ3NoYWRlMTInLFxuICAgIGJhY2tncm91bmRIb3ZlcjogJ3NoYWRlOScsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ3NoYWRlOCcsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGljb246ICdoc2woMCAwJSAxMDAlIC8gdmFyKC0tZmFkZUE4KSknLFxuICAgIGNvbnRlbnQ6ICd2YXIoLS13aGl0ZSknLFxuICAgIGJvcmRlcjogJ3RyYW5zcGFyZW50JyxcbiAgICBiYWNrZ3JvdW5kOiAnZGFuZ2VyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdoc2wodmFyKC0tcmVkSFMpIGNhbGModmFyKC0tcmVkTCkgLSAzJSkpJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnaHNsKHZhcigtLXJlZEhTKSBjYWxjKHZhcigtLXJlZEwpIC0gNyUpKScsXG4gIH0sXG4gIG5ldXRyYWw6IHtcbiAgICBjb250ZW50OiAnY29udGVudCcsXG4gICAgYm9yZGVyOiAnZmFkZTQnLFxuICAgIGJvcmRlckhvdmVyOiAnZmFkZTYnLFxuICAgIGJvcmRlckFjdGl2ZTogJ3NoYWRlOCcsXG4gICAgYmFja2dyb3VuZDogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBwYWRkaW5nOiAwICR7cGFkZGluZ1h9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuXG4gICR7KHsgdmFyaWFudCB9KSA9PiBgXG4gICAgJHtcbiAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uaWNvbiAmJlxuICAgICAgYFxuICAgICAgLS1ncm4tY29sb3ItaWNvbjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmljb24pfVxuICAgIGBcbiAgICB9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlcil9O1xuICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIC0tZ3JuLWNvbG9yLWljb246IGN1cnJlbnRDb2xvcjtcbiAgICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIpfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckhvdmVyKX07XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRBY3RpdmUpfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckFjdGl2ZSl9O1xuICAgIH1cbiAgYH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLWdybi1jb2xvci1pY29uOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIC5idXR0b25JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gIH1cblxuICAuYnV0dG9uVGV4dCxcbiAgLmJ1dHRvbkljb24ge1xuICAgIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuXG4gIC5idXR0b25TcGlubmVyIHtcbiAgICBhbmltYXRpb246ICR7ZmFkZUlufSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgICBoYXNGdWxsV2lkdGgsXG4gICAgICBoYXNTcGlubmVyLFxuICAgICAgdHlwZSA9ICdidXR0b24nLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaWNvbkNvbG9yID0gaGFzU3Bpbm5lciA/ICd0cmFuc3BhcmVudCcgOiAnaWNvbic7XG4gICAgY29uc3QgY29udGVudENvbG9yID0gaGFzU3Bpbm5lciA/ICd0cmFuc3BhcmVudCcgOiAnaW5oZXJpdCc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyXG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgICAgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBjbGFzc05hbWU9XCJidXR0b25TcGlubmVyXCI+XG4gICAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtpY29uICYmIDxJY29uIGNvbG9yPXtpY29uQ29sb3J9IGljb249e2ljb259IGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiAvPn1cbiAgICAgICAgPFRleHQgY29sb3I9e2NvbnRlbnRDb2xvcn0gY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG4gIH0sXG4pO1xuXG5CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgdmFyaWFudDogdHlwZXMuYnV0dG9uVmFyaWFudCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxuICBoYXNTcGlubmVyOiBQcm9wVHlwZXMuYm9vbCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbn07XG4iXX0= */"));
 
 export var Button = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
@@ -76,6 +88,8 @@ export var Button = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       type = _ref2$type === void 0 ? 'button' : _ref2$type,
       props = _objectWithoutProperties(_ref2, _excluded);
 
+  var iconColor = hasSpinner ? 'transparent' : 'icon';
+  var contentColor = hasSpinner ? 'transparent' : 'inherit';
   return ___EmotionJSX(Wrapper, _extends({
     type: type,
     variant: variant,
@@ -85,12 +99,19 @@ export var Button = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     hasFullWidth: hasFullWidth,
     hasSpinner: hasSpinner,
     ref: ref
-  }, props), hasSpinner && ___EmotionJSX(Spinner, {
+  }, props), hasSpinner && ___EmotionJSX(Box, {
+    position: "absolute",
+    className: "buttonSpinner"
+  }, ___EmotionJSX(Spinner, {
     color: "currentColor"
-  }), icon && ___EmotionJSX(Icon, {
+  })), icon && ___EmotionJSX(Icon, {
+    color: iconColor,
     icon: icon,
     className: "buttonIcon"
-  }), children);
+  }), ___EmotionJSX(Text, {
+    color: contentColor,
+    className: "buttonText"
+  }, children));
 });
 Button.propTypes = {
   children: PropTypes.node,

package/es/components/nav.js

@@ -1,33 +1,30 @@
 import _styled from "@emotion/styled/base";
-import "core-js/modules/es.array.concat.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 from 'react';
+import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { getColor, getResponsiveOneOf, getResponsiveTextSize, getSpace, getTransition, getWeight } from '../utilities';
 import { css } from '@emotion/react';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var weightChangeOffset = "0.1em";
-var columnGap = "calc(".concat(getSpace('m'), " - ").concat(weightChangeOffset, " * 2)");
 var directionStyles = {
-  row: /*#__PURE__*/css("flex-direction:row;align-items:baseline;column-gap:", columnGap, ";margin-inline:-", weightChangeOffset, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JVIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIGdldENvbG9yLFxuICBnZXRSZXNwb25zaXZlT25lT2YsXG4gIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgZ2V0U3BhY2UsXG4gIGdldFRyYW5zaXRpb24sXG4gIGdldFdlaWdodCxcbn0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCB3ZWlnaHRDaGFuZ2VPZmZzZXQgPSBgMC4xZW1gO1xuY29uc3QgY29sdW1uR2FwID0gYGNhbGMoJHtnZXRTcGFjZSgnbScpfSAtICR7d2VpZ2h0Q2hhbmdlT2Zmc2V0fSAqIDIpYDtcblxuY29uc3QgZGlyZWN0aW9uU3R5bGVzID0ge1xuICByb3c6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcbiAgICBjb2x1bW4tZ2FwOiAke2NvbHVtbkdhcH07XG4gICAgbWFyZ2luLWlubGluZTogLSR7d2VpZ2h0Q2hhbmdlT2Zmc2V0fTtcbiAgYCxcbiAgY29sdW1uOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGAsXG59O1xuXG5jb25zdCBOYXZSb290ID0gc3R5bGVkLm5hdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICByb3ctZ2FwOiAke2dldFNwYWNlKCdzJyl9O1xuICAkeyh7IGRpcmVjdGlvbiB9KSA9PiBkaXJlY3Rpb25TdHlsZXNbZGlyZWN0aW9uXX07XG4gICR7KHsgc2l6ZSB9KSA9PiBnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICAkeyh7IGp1c3RpZnlDb250ZW50IH0pID0+IGdldFJlc3BvbnNpdmVPbmVPZignanVzdGlmeS1jb250ZW50JywganVzdGlmeUNvbnRlbnQpfTtcbmA7XG5cbmNvbnN0IE5hdkl0ZW1Sb290ID0gc3R5bGVkLmRpdmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBncmlkO1xuICBqdXN0aWZ5LWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1hcmVhczogJ3RleHQnO1xuXG4gIGEge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuY29uc3QgSW5hY3RpdmVUZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGdyaWQtYXJlYTogdGV4dDtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9O1xuICBvcGFjaXR5OiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IDAgOiAxKX07XG4gIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignbGVhdmUnKX07XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gICAgdHJhbnNpdGlvbjogY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdob3ZlcicpfTtcbiAgfVxuXG4gIC5OYXYtY29sdW1uICYge1xuICAgICR7KHsgaXNBY3RpdmUgfSkgPT4gaXNBY3RpdmUgJiYgYGRpc3BsYXk6IG5vbmU7YH1cbiAgfVxuXG4gIC5OYXYtcm93ICYge1xuICAgIHBhZGRpbmctaW5saW5lOiAke3dlaWdodENoYW5nZU9mZnNldH07XG4gIH1cbmA7XG5cbmNvbnN0IEFjdGl2ZVRleHQgPSBzdHlsZWQuc3BhbmBcbiAgZ3JpZC1hcmVhOiB0ZXh0O1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG5cbiAgLk5hdi1yb3cgJiB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SXRlbSA9ICh7IGNoaWxkcmVuLCBpc0FjdGl2ZSB9KSA9PiAoXG4gIDxOYXZJdGVtUm9vdCBpc0FjdGl2ZT17aXNBY3RpdmV9PlxuICAgIDxJbmFjdGl2ZVRleHQgaXNBY3RpdmU9e2lzQWN0aXZlfSBhcmlhLWhpZGRlbj17aXNBY3RpdmUgfHwgdW5kZWZpbmVkfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0luYWN0aXZlVGV4dD5cbiAgICB7aXNBY3RpdmUgJiYgPEFjdGl2ZVRleHQ+e2NoaWxkcmVufTwvQWN0aXZlVGV4dD59XG4gIDwvTmF2SXRlbVJvb3Q+XG4pO1xuXG5leHBvcnQgY29uc3QgTmF2ID0gKHsgY2hpbGRyZW4sIGRpcmVjdGlvbiA9ICdyb3cnLCBqdXN0aWZ5Q29udGVudCwgc2l6ZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE5hdlJvb3RcbiAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIGp1c3RpZnlDb250ZW50PXtqdXN0aWZ5Q29udGVudH1cbiAgICAgIGNsYXNzTmFtZT17J05hdi0nICsgZGlyZWN0aW9ufVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L05hdlJvb3Q+XG4gICk7XG59O1xuXG5OYXZJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuTmF2LnByb3BUeXBlcyA9IHtcbiAgZGlyZWN0aW9uOiBQcm9wVHlwZXMub25lT2YoWydyb3cnLCAnY29sdW1uJ10pLFxuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBQcm9wVHlwZXMub25lT2ZUeXBlKFtcbiAgICBQcm9wVHlwZXMub25lT2YoW1xuICAgICAgJ3N0YXJ0JyxcbiAgICAgICdlbmQnLFxuICAgICAgJ2NlbnRlcicsXG4gICAgICAnc3RyZXRjaCcsXG4gICAgICAnc3BhY2UtYXJvdW5kJyxcbiAgICAgICdzcGFjZS1iZXR3ZWVuJyxcbiAgICAgICdzcGFjZS1ldmVubHknLFxuICAgIF0pLFxuICAgIFByb3BUeXBlcy5vYmplY3QsXG4gIF0pLFxufTtcbiJdfQ== */"),
+  row: /*#__PURE__*/css("flex-direction:row;align-items:baseline;column-gap:", getSpace('m'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZVUiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIGdldENvbG9yLFxuICBnZXRSZXNwb25zaXZlT25lT2YsXG4gIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgZ2V0U3BhY2UsXG4gIGdldFRyYW5zaXRpb24sXG4gIGdldFdlaWdodCxcbn0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBkaXJlY3Rpb25TdHlsZXMgPSB7XG4gIHJvdzogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGNvbHVtbi1nYXA6ICR7Z2V0U3BhY2UoJ20nKX07XG4gIGAsXG4gIGNvbHVtbjogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICBgLFxufTtcblxuY29uc3QgTmF2Um9vdCA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgcm93LWdhcDogJHtnZXRTcGFjZSgncycpfTtcbiAgJHsoeyBkaXJlY3Rpb24gfSkgPT4gZGlyZWN0aW9uU3R5bGVzW2RpcmVjdGlvbl19O1xuICAkeyh7IHNpemUgfSkgPT4gZ2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgJHsoeyBqdXN0aWZ5Q29udGVudCB9KSA9PiBnZXRSZXNwb25zaXZlT25lT2YoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KX07XG5gO1xuXG5jb25zdCBOYXZJdGVtUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6ICR7KHsgaXNBY3RpdmUgfSkgPT4gZ2V0Q29sb3IoaXNBY3RpdmUgPyAnY29udGVudCcgOiAnY29udGVudDInKX07XG4gIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignbGVhdmUnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gIH1cblxuICBhIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJdGVtID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgaXNBY3RpdmUgfSwgcmVmKSA9PiAoXG4gIDxOYXZJdGVtUm9vdCByZWY9e3JlZn0gaXNBY3RpdmU9e2lzQWN0aXZlfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvTmF2SXRlbVJvb3Q+XG4pKTtcblxuZXhwb3J0IGNvbnN0IE5hdiA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGRpcmVjdGlvbiA9ICdyb3cnLCBqdXN0aWZ5Q29udGVudCwgc2l6ZSB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2Um9vdCBkaXJlY3Rpb249e2RpcmVjdGlvbn0gc2l6ZT17c2l6ZX0ganVzdGlmeUNvbnRlbnQ9e2p1c3RpZnlDb250ZW50fSByZWY9e3JlZn0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9OYXZSb290PlxuICApO1xufSk7XG5cbk5hdkl0ZW0ucHJvcFR5cGVzID0ge1xuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5OYXYucHJvcFR5cGVzID0ge1xuICBkaXJlY3Rpb246IFByb3BUeXBlcy5vbmVPZihbJ3JvdycsICdjb2x1bW4nXSksXG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAganVzdGlmeUNvbnRlbnQ6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1xuICAgIFByb3BUeXBlcy5vbmVPZihbXG4gICAgICAnc3RhcnQnLFxuICAgICAgJ2VuZCcsXG4gICAgICAnY2VudGVyJyxcbiAgICAgICdzdHJldGNoJyxcbiAgICAgICdzcGFjZS1hcm91bmQnLFxuICAgICAgJ3NwYWNlLWJldHdlZW4nLFxuICAgICAgJ3NwYWNlLWV2ZW5seScsXG4gICAgXSksXG4gICAgUHJvcFR5cGVzLm9iamVjdCxcbiAgXSksXG59O1xuIl19 */"),
   column: process.env.NODE_ENV === "production" ? {
     name: "nzhg9d",
     styles: "flex-direction:column;align-items:start"
   } : {
     name: "ezccne-column",
     styles: "flex-direction:column;align-items:start;label:column;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JhIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIGdldENvbG9yLFxuICBnZXRSZXNwb25zaXZlT25lT2YsXG4gIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgZ2V0U3BhY2UsXG4gIGdldFRyYW5zaXRpb24sXG4gIGdldFdlaWdodCxcbn0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCB3ZWlnaHRDaGFuZ2VPZmZzZXQgPSBgMC4xZW1gO1xuY29uc3QgY29sdW1uR2FwID0gYGNhbGMoJHtnZXRTcGFjZSgnbScpfSAtICR7d2VpZ2h0Q2hhbmdlT2Zmc2V0fSAqIDIpYDtcblxuY29uc3QgZGlyZWN0aW9uU3R5bGVzID0ge1xuICByb3c6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcbiAgICBjb2x1bW4tZ2FwOiAke2NvbHVtbkdhcH07XG4gICAgbWFyZ2luLWlubGluZTogLSR7d2VpZ2h0Q2hhbmdlT2Zmc2V0fTtcbiAgYCxcbiAgY29sdW1uOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGAsXG59O1xuXG5jb25zdCBOYXZSb290ID0gc3R5bGVkLm5hdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICByb3ctZ2FwOiAke2dldFNwYWNlKCdzJyl9O1xuICAkeyh7IGRpcmVjdGlvbiB9KSA9PiBkaXJlY3Rpb25TdHlsZXNbZGlyZWN0aW9uXX07XG4gICR7KHsgc2l6ZSB9KSA9PiBnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICAkeyh7IGp1c3RpZnlDb250ZW50IH0pID0+IGdldFJlc3BvbnNpdmVPbmVPZignanVzdGlmeS1jb250ZW50JywganVzdGlmeUNvbnRlbnQpfTtcbmA7XG5cbmNvbnN0IE5hdkl0ZW1Sb290ID0gc3R5bGVkLmRpdmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBncmlkO1xuICBqdXN0aWZ5LWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1hcmVhczogJ3RleHQnO1xuXG4gIGEge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuY29uc3QgSW5hY3RpdmVUZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGdyaWQtYXJlYTogdGV4dDtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9O1xuICBvcGFjaXR5OiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IDAgOiAxKX07XG4gIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignbGVhdmUnKX07XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gICAgdHJhbnNpdGlvbjogY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdob3ZlcicpfTtcbiAgfVxuXG4gIC5OYXYtY29sdW1uICYge1xuICAgICR7KHsgaXNBY3RpdmUgfSkgPT4gaXNBY3RpdmUgJiYgYGRpc3BsYXk6IG5vbmU7YH1cbiAgfVxuXG4gIC5OYXYtcm93ICYge1xuICAgIHBhZGRpbmctaW5saW5lOiAke3dlaWdodENoYW5nZU9mZnNldH07XG4gIH1cbmA7XG5cbmNvbnN0IEFjdGl2ZVRleHQgPSBzdHlsZWQuc3BhbmBcbiAgZ3JpZC1hcmVhOiB0ZXh0O1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG5cbiAgLk5hdi1yb3cgJiB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SXRlbSA9ICh7IGNoaWxkcmVuLCBpc0FjdGl2ZSB9KSA9PiAoXG4gIDxOYXZJdGVtUm9vdCBpc0FjdGl2ZT17aXNBY3RpdmV9PlxuICAgIDxJbmFjdGl2ZVRleHQgaXNBY3RpdmU9e2lzQWN0aXZlfSBhcmlhLWhpZGRlbj17aXNBY3RpdmUgfHwgdW5kZWZpbmVkfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0luYWN0aXZlVGV4dD5cbiAgICB7aXNBY3RpdmUgJiYgPEFjdGl2ZVRleHQ+e2NoaWxkcmVufTwvQWN0aXZlVGV4dD59XG4gIDwvTmF2SXRlbVJvb3Q+XG4pO1xuXG5leHBvcnQgY29uc3QgTmF2ID0gKHsgY2hpbGRyZW4sIGRpcmVjdGlvbiA9ICdyb3cnLCBqdXN0aWZ5Q29udGVudCwgc2l6ZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE5hdlJvb3RcbiAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIGp1c3RpZnlDb250ZW50PXtqdXN0aWZ5Q29udGVudH1cbiAgICAgIGNsYXNzTmFtZT17J05hdi0nICsgZGlyZWN0aW9ufVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L05hdlJvb3Q+XG4gICk7XG59O1xuXG5OYXZJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuTmF2LnByb3BUeXBlcyA9IHtcbiAgZGlyZWN0aW9uOiBQcm9wVHlwZXMub25lT2YoWydyb3cnLCAnY29sdW1uJ10pLFxuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBQcm9wVHlwZXMub25lT2ZUeXBlKFtcbiAgICBQcm9wVHlwZXMub25lT2YoW1xuICAgICAgJ3N0YXJ0JyxcbiAgICAgICdlbmQnLFxuICAgICAgJ2NlbnRlcicsXG4gICAgICAnc3RyZXRjaCcsXG4gICAgICAnc3BhY2UtYXJvdW5kJyxcbiAgICAgICdzcGFjZS1iZXR3ZWVuJyxcbiAgICAgICdzcGFjZS1ldmVubHknLFxuICAgIF0pLFxuICAgIFByb3BUeXBlcy5vYmplY3QsXG4gIF0pLFxufTtcbiJdfQ== */",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JhIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICBnZXRDb2xvcixcbiAgZ2V0UmVzcG9uc2l2ZU9uZU9mLFxuICBnZXRSZXNwb25zaXZlVGV4dFNpemUsXG4gIGdldFNwYWNlLFxuICBnZXRUcmFuc2l0aW9uLFxuICBnZXRXZWlnaHQsXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZGlyZWN0aW9uU3R5bGVzID0ge1xuICByb3c6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcbiAgICBjb2x1bW4tZ2FwOiAke2dldFNwYWNlKCdtJyl9O1xuICBgLFxuICBjb2x1bW46IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgYCxcbn07XG5cbmNvbnN0IE5hdlJvb3QgPSBzdHlsZWQubmF2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIHJvdy1nYXA6ICR7Z2V0U3BhY2UoJ3MnKX07XG4gICR7KHsgZGlyZWN0aW9uIH0pID0+IGRpcmVjdGlvblN0eWxlc1tkaXJlY3Rpb25dfTtcbiAgJHsoeyBzaXplIH0pID0+IGdldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG4gICR7KHsganVzdGlmeUNvbnRlbnQgfSkgPT4gZ2V0UmVzcG9uc2l2ZU9uZU9mKCdqdXN0aWZ5LWNvbnRlbnQnLCBqdXN0aWZ5Q29udGVudCl9O1xuYDtcblxuY29uc3QgTmF2SXRlbVJvb3QgPSBzdHlsZWQuZGl2YFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IGlzQWN0aXZlIH0pID0+IGdldENvbG9yKGlzQWN0aXZlID8gJ2NvbnRlbnQnIDogJ2NvbnRlbnQyJyl9O1xuICB0cmFuc2l0aW9uOiBjb2xvciAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgICB0cmFuc2l0aW9uOiBjb2xvciAke2dldFRyYW5zaXRpb24oJ2hvdmVyJyl9O1xuICB9XG5cbiAgYSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SXRlbSA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGlzQWN0aXZlIH0sIHJlZikgPT4gKFxuICA8TmF2SXRlbVJvb3QgcmVmPXtyZWZ9IGlzQWN0aXZlPXtpc0FjdGl2ZX0+XG4gICAge2NoaWxkcmVufVxuICA8L05hdkl0ZW1Sb290PlxuKSk7XG5cbmV4cG9ydCBjb25zdCBOYXYgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBkaXJlY3Rpb24gPSAncm93JywganVzdGlmeUNvbnRlbnQsIHNpemUgfSwgcmVmKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE5hdlJvb3QgZGlyZWN0aW9uPXtkaXJlY3Rpb259IHNpemU9e3NpemV9IGp1c3RpZnlDb250ZW50PXtqdXN0aWZ5Q29udGVudH0gcmVmPXtyZWZ9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTmF2Um9vdD5cbiAgKTtcbn0pO1xuXG5OYXZJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuTmF2LnByb3BUeXBlcyA9IHtcbiAgZGlyZWN0aW9uOiBQcm9wVHlwZXMub25lT2YoWydyb3cnLCAnY29sdW1uJ10pLFxuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBQcm9wVHlwZXMub25lT2ZUeXBlKFtcbiAgICBQcm9wVHlwZXMub25lT2YoW1xuICAgICAgJ3N0YXJ0JyxcbiAgICAgICdlbmQnLFxuICAgICAgJ2NlbnRlcicsXG4gICAgICAnc3RyZXRjaCcsXG4gICAgICAnc3BhY2UtYXJvdW5kJyxcbiAgICAgICdzcGFjZS1iZXR3ZWVuJyxcbiAgICAgICdzcGFjZS1ldmVubHknLFxuICAgIF0pLFxuICAgIFByb3BUeXBlcy5vYmplY3QsXG4gIF0pLFxufTtcbiJdfQ== */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   }
 };
 
 var NavRoot = /*#__PURE__*/_styled("nav", process.env.NODE_ENV === "production" ? {
-  target: "esn928h3"
+  target: "esn928h1"
 } : {
-  target: "esn928h3",
+  target: "esn928h1",
   label: "NavRoot"
 })("display:flex;flex-wrap:wrap;row-gap:", getSpace('s'), ";", function (_ref) {
   var direction = _ref.direction;
@@ -38,66 +35,39 @@ var NavRoot = /*#__PURE__*/_styled("nav", process.env.NODE_ENV === "production"
 }, ";", function (_ref3) {
   var justifyContent = _ref3.justifyContent;
   return getResponsiveOneOf('justify-content', justifyContent);
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEIwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICBnZXRDb2xvcixcbiAgZ2V0UmVzcG9uc2l2ZU9uZU9mLFxuICBnZXRSZXNwb25zaXZlVGV4dFNpemUsXG4gIGdldFNwYWNlLFxuICBnZXRUcmFuc2l0aW9uLFxuICBnZXRXZWlnaHQsXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3Qgd2VpZ2h0Q2hhbmdlT2Zmc2V0ID0gYDAuMWVtYDtcbmNvbnN0IGNvbHVtbkdhcCA9IGBjYWxjKCR7Z2V0U3BhY2UoJ20nKX0gLSAke3dlaWdodENoYW5nZU9mZnNldH0gKiAyKWA7XG5cbmNvbnN0IGRpcmVjdGlvblN0eWxlcyA9IHtcbiAgcm93OiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgY29sdW1uLWdhcDogJHtjb2x1bW5HYXB9O1xuICAgIG1hcmdpbi1pbmxpbmU6IC0ke3dlaWdodENoYW5nZU9mZnNldH07XG4gIGAsXG4gIGNvbHVtbjogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICBgLFxufTtcblxuY29uc3QgTmF2Um9vdCA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgcm93LWdhcDogJHtnZXRTcGFjZSgncycpfTtcbiAgJHsoeyBkaXJlY3Rpb24gfSkgPT4gZGlyZWN0aW9uU3R5bGVzW2RpcmVjdGlvbl19O1xuICAkeyh7IHNpemUgfSkgPT4gZ2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgJHsoeyBqdXN0aWZ5Q29udGVudCB9KSA9PiBnZXRSZXNwb25zaXZlT25lT2YoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KX07XG5gO1xuXG5jb25zdCBOYXZJdGVtUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1pdGVtczogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICd0ZXh0JztcblxuICBhIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IEluYWN0aXZlVGV4dCA9IHN0eWxlZC5zcGFuYFxuICBncmlkLWFyZWE6IHRleHQ7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgb3BhY2l0eTogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAwIDogMSl9O1xuICB0cmFuc2l0aW9uOiBjb2xvciAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gIH1cblxuICAuTmF2LWNvbHVtbiAmIHtcbiAgICAkeyh7IGlzQWN0aXZlIH0pID0+IGlzQWN0aXZlICYmIGBkaXNwbGF5OiBub25lO2B9XG4gIH1cblxuICAuTmF2LXJvdyAmIHtcbiAgICBwYWRkaW5nLWlubGluZTogJHt3ZWlnaHRDaGFuZ2VPZmZzZXR9O1xuICB9XG5gO1xuXG5jb25zdCBBY3RpdmVUZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGdyaWQtYXJlYTogdGV4dDtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuXG4gIC5OYXYtcm93ICYge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkl0ZW0gPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUgfSkgPT4gKFxuICA8TmF2SXRlbVJvb3QgaXNBY3RpdmU9e2lzQWN0aXZlfT5cbiAgICA8SW5hY3RpdmVUZXh0IGlzQWN0aXZlPXtpc0FjdGl2ZX0gYXJpYS1oaWRkZW49e2lzQWN0aXZlIHx8IHVuZGVmaW5lZH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9JbmFjdGl2ZVRleHQ+XG4gICAge2lzQWN0aXZlICYmIDxBY3RpdmVUZXh0PntjaGlsZHJlbn08L0FjdGl2ZVRleHQ+fVxuICA8L05hdkl0ZW1Sb290PlxuKTtcblxuZXhwb3J0IGNvbnN0IE5hdiA9ICh7IGNoaWxkcmVuLCBkaXJlY3Rpb24gPSAncm93JywganVzdGlmeUNvbnRlbnQsIHNpemUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxOYXZSb290XG4gICAgICBkaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBjbGFzc05hbWU9eydOYXYtJyArIGRpcmVjdGlvbn1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9OYXZSb290PlxuICApO1xufTtcblxuTmF2SXRlbS5wcm9wVHlwZXMgPSB7XG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk5hdi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsncm93JywgJ2NvbHVtbiddKSxcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICBqdXN0aWZ5Q29udGVudDogUHJvcFR5cGVzLm9uZU9mVHlwZShbXG4gICAgUHJvcFR5cGVzLm9uZU9mKFtcbiAgICAgICdzdGFydCcsXG4gICAgICAnZW5kJyxcbiAgICAgICdjZW50ZXInLFxuICAgICAgJ3N0cmV0Y2gnLFxuICAgICAgJ3NwYWNlLWFyb3VuZCcsXG4gICAgICAnc3BhY2UtYmV0d2VlbicsXG4gICAgICAnc3BhY2UtZXZlbmx5JyxcbiAgICBdKSxcbiAgICBQcm9wVHlwZXMub2JqZWN0LFxuICBdKSxcbn07XG4iXX0= */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEIwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgZ2V0Q29sb3IsXG4gIGdldFJlc3BvbnNpdmVPbmVPZixcbiAgZ2V0UmVzcG9uc2l2ZVRleHRTaXplLFxuICBnZXRTcGFjZSxcbiAgZ2V0VHJhbnNpdGlvbixcbiAgZ2V0V2VpZ2h0LFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGRpcmVjdGlvblN0eWxlcyA9IHtcbiAgcm93OiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgY29sdW1uLWdhcDogJHtnZXRTcGFjZSgnbScpfTtcbiAgYCxcbiAgY29sdW1uOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGAsXG59O1xuXG5jb25zdCBOYXZSb290ID0gc3R5bGVkLm5hdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICByb3ctZ2FwOiAke2dldFNwYWNlKCdzJyl9O1xuICAkeyh7IGRpcmVjdGlvbiB9KSA9PiBkaXJlY3Rpb25TdHlsZXNbZGlyZWN0aW9uXX07XG4gICR7KHsgc2l6ZSB9KSA9PiBnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICAkeyh7IGp1c3RpZnlDb250ZW50IH0pID0+IGdldFJlc3BvbnNpdmVPbmVPZignanVzdGlmeS1jb250ZW50JywganVzdGlmeUNvbnRlbnQpfTtcbmA7XG5cbmNvbnN0IE5hdkl0ZW1Sb290ID0gc3R5bGVkLmRpdmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyBpc0FjdGl2ZSB9KSA9PiBnZXRDb2xvcihpc0FjdGl2ZSA/ICdjb250ZW50JyA6ICdjb250ZW50MicpfTtcbiAgdHJhbnNpdGlvbjogY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdsZWF2ZScpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gICAgdHJhbnNpdGlvbjogY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdob3ZlcicpfTtcbiAgfVxuXG4gIGEge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkl0ZW0gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBpc0FjdGl2ZSB9LCByZWYpID0+IChcbiAgPE5hdkl0ZW1Sb290IHJlZj17cmVmfSBpc0FjdGl2ZT17aXNBY3RpdmV9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9OYXZJdGVtUm9vdD5cbikpO1xuXG5leHBvcnQgY29uc3QgTmF2ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgZGlyZWN0aW9uID0gJ3JvdycsIGp1c3RpZnlDb250ZW50LCBzaXplIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxOYXZSb290IGRpcmVjdGlvbj17ZGlyZWN0aW9ufSBzaXplPXtzaXplfSBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9IHJlZj17cmVmfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L05hdlJvb3Q+XG4gICk7XG59KTtcblxuTmF2SXRlbS5wcm9wVHlwZXMgPSB7XG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk5hdi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsncm93JywgJ2NvbHVtbiddKSxcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICBqdXN0aWZ5Q29udGVudDogUHJvcFR5cGVzLm9uZU9mVHlwZShbXG4gICAgUHJvcFR5cGVzLm9uZU9mKFtcbiAgICAgICdzdGFydCcsXG4gICAgICAnZW5kJyxcbiAgICAgICdjZW50ZXInLFxuICAgICAgJ3N0cmV0Y2gnLFxuICAgICAgJ3NwYWNlLWFyb3VuZCcsXG4gICAgICAnc3BhY2UtYmV0d2VlbicsXG4gICAgICAnc3BhY2UtZXZlbmx5JyxcbiAgICBdKSxcbiAgICBQcm9wVHlwZXMub2JqZWN0LFxuICBdKSxcbn07XG4iXX0= */"));
 
 var NavItemRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "esn928h2"
-} : {
-  target: "esn928h2",
-  label: "NavItemRoot"
-})(process.env.NODE_ENV === "production" ? {
-  name: "pd2olm",
-  styles: "cursor:pointer;display:grid;justify-items:center;position:relative;display:grid;grid-template-areas:'text';a{color:inherit;text-decoration:none;display:block;}"
-} : {
-  name: "pd2olm",
-  styles: "cursor:pointer;display:grid;justify-items:center;position:relative;display:grid;grid-template-areas:'text';a{color:inherit;text-decoration:none;display:block;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUM4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICBnZXRDb2xvcixcbiAgZ2V0UmVzcG9uc2l2ZU9uZU9mLFxuICBnZXRSZXNwb25zaXZlVGV4dFNpemUsXG4gIGdldFNwYWNlLFxuICBnZXRUcmFuc2l0aW9uLFxuICBnZXRXZWlnaHQsXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3Qgd2VpZ2h0Q2hhbmdlT2Zmc2V0ID0gYDAuMWVtYDtcbmNvbnN0IGNvbHVtbkdhcCA9IGBjYWxjKCR7Z2V0U3BhY2UoJ20nKX0gLSAke3dlaWdodENoYW5nZU9mZnNldH0gKiAyKWA7XG5cbmNvbnN0IGRpcmVjdGlvblN0eWxlcyA9IHtcbiAgcm93OiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgY29sdW1uLWdhcDogJHtjb2x1bW5HYXB9O1xuICAgIG1hcmdpbi1pbmxpbmU6IC0ke3dlaWdodENoYW5nZU9mZnNldH07XG4gIGAsXG4gIGNvbHVtbjogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICBgLFxufTtcblxuY29uc3QgTmF2Um9vdCA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgcm93LWdhcDogJHtnZXRTcGFjZSgncycpfTtcbiAgJHsoeyBkaXJlY3Rpb24gfSkgPT4gZGlyZWN0aW9uU3R5bGVzW2RpcmVjdGlvbl19O1xuICAkeyh7IHNpemUgfSkgPT4gZ2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgJHsoeyBqdXN0aWZ5Q29udGVudCB9KSA9PiBnZXRSZXNwb25zaXZlT25lT2YoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KX07XG5gO1xuXG5jb25zdCBOYXZJdGVtUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1pdGVtczogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICd0ZXh0JztcblxuICBhIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IEluYWN0aXZlVGV4dCA9IHN0eWxlZC5zcGFuYFxuICBncmlkLWFyZWE6IHRleHQ7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgb3BhY2l0eTogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAwIDogMSl9O1xuICB0cmFuc2l0aW9uOiBjb2xvciAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gIH1cblxuICAuTmF2LWNvbHVtbiAmIHtcbiAgICAkeyh7IGlzQWN0aXZlIH0pID0+IGlzQWN0aXZlICYmIGBkaXNwbGF5OiBub25lO2B9XG4gIH1cblxuICAuTmF2LXJvdyAmIHtcbiAgICBwYWRkaW5nLWlubGluZTogJHt3ZWlnaHRDaGFuZ2VPZmZzZXR9O1xuICB9XG5gO1xuXG5jb25zdCBBY3RpdmVUZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGdyaWQtYXJlYTogdGV4dDtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuXG4gIC5OYXYtcm93ICYge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkl0ZW0gPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUgfSkgPT4gKFxuICA8TmF2SXRlbVJvb3QgaXNBY3RpdmU9e2lzQWN0aXZlfT5cbiAgICA8SW5hY3RpdmVUZXh0IGlzQWN0aXZlPXtpc0FjdGl2ZX0gYXJpYS1oaWRkZW49e2lzQWN0aXZlIHx8IHVuZGVmaW5lZH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9JbmFjdGl2ZVRleHQ+XG4gICAge2lzQWN0aXZlICYmIDxBY3RpdmVUZXh0PntjaGlsZHJlbn08L0FjdGl2ZVRleHQ+fVxuICA8L05hdkl0ZW1Sb290PlxuKTtcblxuZXhwb3J0IGNvbnN0IE5hdiA9ICh7IGNoaWxkcmVuLCBkaXJlY3Rpb24gPSAncm93JywganVzdGlmeUNvbnRlbnQsIHNpemUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxOYXZSb290XG4gICAgICBkaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBjbGFzc05hbWU9eydOYXYtJyArIGRpcmVjdGlvbn1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9OYXZSb290PlxuICApO1xufTtcblxuTmF2SXRlbS5wcm9wVHlwZXMgPSB7XG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk5hdi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsncm93JywgJ2NvbHVtbiddKSxcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICBqdXN0aWZ5Q29udGVudDogUHJvcFR5cGVzLm9uZU9mVHlwZShbXG4gICAgUHJvcFR5cGVzLm9uZU9mKFtcbiAgICAgICdzdGFydCcsXG4gICAgICAnZW5kJyxcbiAgICAgICdjZW50ZXInLFxuICAgICAgJ3N0cmV0Y2gnLFxuICAgICAgJ3NwYWNlLWFyb3VuZCcsXG4gICAgICAnc3BhY2UtYmV0d2VlbicsXG4gICAgICAnc3BhY2UtZXZlbmx5JyxcbiAgICBdKSxcbiAgICBQcm9wVHlwZXMub2JqZWN0LFxuICBdKSxcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-var InactiveText = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
-  target: "esn928h1"
-} : {
-  target: "esn928h1",
-  label: "InactiveText"
-})("grid-area:text;color:", getColor('content2'), ";opacity:", function (_ref4) {
-  var isActive = _ref4.isActive;
-  return isActive ? 0 : 1;
-}, ";transition:color ", getTransition('leave'), ";&:hover{color:", getColor('content'), ";transition:color ", getTransition('hover'), ";}.Nav-column &{", function (_ref5) {
-  var isActive = _ref5.isActive;
-  return isActive && "display: none;";
-}, ";}.Nav-row &{padding-inline:", weightChangeOffset, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RnQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICBnZXRDb2xvcixcbiAgZ2V0UmVzcG9uc2l2ZU9uZU9mLFxuICBnZXRSZXNwb25zaXZlVGV4dFNpemUsXG4gIGdldFNwYWNlLFxuICBnZXRUcmFuc2l0aW9uLFxuICBnZXRXZWlnaHQsXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3Qgd2VpZ2h0Q2hhbmdlT2Zmc2V0ID0gYDAuMWVtYDtcbmNvbnN0IGNvbHVtbkdhcCA9IGBjYWxjKCR7Z2V0U3BhY2UoJ20nKX0gLSAke3dlaWdodENoYW5nZU9mZnNldH0gKiAyKWA7XG5cbmNvbnN0IGRpcmVjdGlvblN0eWxlcyA9IHtcbiAgcm93OiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgY29sdW1uLWdhcDogJHtjb2x1bW5HYXB9O1xuICAgIG1hcmdpbi1pbmxpbmU6IC0ke3dlaWdodENoYW5nZU9mZnNldH07XG4gIGAsXG4gIGNvbHVtbjogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICBgLFxufTtcblxuY29uc3QgTmF2Um9vdCA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgcm93LWdhcDogJHtnZXRTcGFjZSgncycpfTtcbiAgJHsoeyBkaXJlY3Rpb24gfSkgPT4gZGlyZWN0aW9uU3R5bGVzW2RpcmVjdGlvbl19O1xuICAkeyh7IHNpemUgfSkgPT4gZ2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgJHsoeyBqdXN0aWZ5Q29udGVudCB9KSA9PiBnZXRSZXNwb25zaXZlT25lT2YoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KX07XG5gO1xuXG5jb25zdCBOYXZJdGVtUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1pdGVtczogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICd0ZXh0JztcblxuICBhIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IEluYWN0aXZlVGV4dCA9IHN0eWxlZC5zcGFuYFxuICBncmlkLWFyZWE6IHRleHQ7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgb3BhY2l0eTogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAwIDogMSl9O1xuICB0cmFuc2l0aW9uOiBjb2xvciAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gIH1cblxuICAuTmF2LWNvbHVtbiAmIHtcbiAgICAkeyh7IGlzQWN0aXZlIH0pID0+IGlzQWN0aXZlICYmIGBkaXNwbGF5OiBub25lO2B9XG4gIH1cblxuICAuTmF2LXJvdyAmIHtcbiAgICBwYWRkaW5nLWlubGluZTogJHt3ZWlnaHRDaGFuZ2VPZmZzZXR9O1xuICB9XG5gO1xuXG5jb25zdCBBY3RpdmVUZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGdyaWQtYXJlYTogdGV4dDtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuXG4gIC5OYXYtcm93ICYge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkl0ZW0gPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUgfSkgPT4gKFxuICA8TmF2SXRlbVJvb3QgaXNBY3RpdmU9e2lzQWN0aXZlfT5cbiAgICA8SW5hY3RpdmVUZXh0IGlzQWN0aXZlPXtpc0FjdGl2ZX0gYXJpYS1oaWRkZW49e2lzQWN0aXZlIHx8IHVuZGVmaW5lZH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9JbmFjdGl2ZVRleHQ+XG4gICAge2lzQWN0aXZlICYmIDxBY3RpdmVUZXh0PntjaGlsZHJlbn08L0FjdGl2ZVRleHQ+fVxuICA8L05hdkl0ZW1Sb290PlxuKTtcblxuZXhwb3J0IGNvbnN0IE5hdiA9ICh7IGNoaWxkcmVuLCBkaXJlY3Rpb24gPSAncm93JywganVzdGlmeUNvbnRlbnQsIHNpemUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxOYXZSb290XG4gICAgICBkaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBjbGFzc05hbWU9eydOYXYtJyArIGRpcmVjdGlvbn1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9OYXZSb290PlxuICApO1xufTtcblxuTmF2SXRlbS5wcm9wVHlwZXMgPSB7XG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk5hdi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsncm93JywgJ2NvbHVtbiddKSxcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICBqdXN0aWZ5Q29udGVudDogUHJvcFR5cGVzLm9uZU9mVHlwZShbXG4gICAgUHJvcFR5cGVzLm9uZU9mKFtcbiAgICAgICdzdGFydCcsXG4gICAgICAnZW5kJyxcbiAgICAgICdjZW50ZXInLFxuICAgICAgJ3N0cmV0Y2gnLFxuICAgICAgJ3NwYWNlLWFyb3VuZCcsXG4gICAgICAnc3BhY2UtYmV0d2VlbicsXG4gICAgICAnc3BhY2UtZXZlbmx5JyxcbiAgICBdKSxcbiAgICBQcm9wVHlwZXMub2JqZWN0LFxuICBdKSxcbn07XG4iXX0= */"));
-
-var ActiveText = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "esn928h0"
 } : {
   target: "esn928h0",
-  label: "ActiveText"
-})("grid-area:text;color:", getColor('content'), ";font-weight:", getWeight('medium'), ";.Nav-row &{position:absolute;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEU4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICBnZXRDb2xvcixcbiAgZ2V0UmVzcG9uc2l2ZU9uZU9mLFxuICBnZXRSZXNwb25zaXZlVGV4dFNpemUsXG4gIGdldFNwYWNlLFxuICBnZXRUcmFuc2l0aW9uLFxuICBnZXRXZWlnaHQsXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3Qgd2VpZ2h0Q2hhbmdlT2Zmc2V0ID0gYDAuMWVtYDtcbmNvbnN0IGNvbHVtbkdhcCA9IGBjYWxjKCR7Z2V0U3BhY2UoJ20nKX0gLSAke3dlaWdodENoYW5nZU9mZnNldH0gKiAyKWA7XG5cbmNvbnN0IGRpcmVjdGlvblN0eWxlcyA9IHtcbiAgcm93OiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgY29sdW1uLWdhcDogJHtjb2x1bW5HYXB9O1xuICAgIG1hcmdpbi1pbmxpbmU6IC0ke3dlaWdodENoYW5nZU9mZnNldH07XG4gIGAsXG4gIGNvbHVtbjogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICBgLFxufTtcblxuY29uc3QgTmF2Um9vdCA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgcm93LWdhcDogJHtnZXRTcGFjZSgncycpfTtcbiAgJHsoeyBkaXJlY3Rpb24gfSkgPT4gZGlyZWN0aW9uU3R5bGVzW2RpcmVjdGlvbl19O1xuICAkeyh7IHNpemUgfSkgPT4gZ2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgJHsoeyBqdXN0aWZ5Q29udGVudCB9KSA9PiBnZXRSZXNwb25zaXZlT25lT2YoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KX07XG5gO1xuXG5jb25zdCBOYXZJdGVtUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1pdGVtczogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICd0ZXh0JztcblxuICBhIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IEluYWN0aXZlVGV4dCA9IHN0eWxlZC5zcGFuYFxuICBncmlkLWFyZWE6IHRleHQ7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgb3BhY2l0eTogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAwIDogMSl9O1xuICB0cmFuc2l0aW9uOiBjb2xvciAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gIH1cblxuICAuTmF2LWNvbHVtbiAmIHtcbiAgICAkeyh7IGlzQWN0aXZlIH0pID0+IGlzQWN0aXZlICYmIGBkaXNwbGF5OiBub25lO2B9XG4gIH1cblxuICAuTmF2LXJvdyAmIHtcbiAgICBwYWRkaW5nLWlubGluZTogJHt3ZWlnaHRDaGFuZ2VPZmZzZXR9O1xuICB9XG5gO1xuXG5jb25zdCBBY3RpdmVUZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGdyaWQtYXJlYTogdGV4dDtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuXG4gIC5OYXYtcm93ICYge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkl0ZW0gPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUgfSkgPT4gKFxuICA8TmF2SXRlbVJvb3QgaXNBY3RpdmU9e2lzQWN0aXZlfT5cbiAgICA8SW5hY3RpdmVUZXh0IGlzQWN0aXZlPXtpc0FjdGl2ZX0gYXJpYS1oaWRkZW49e2lzQWN0aXZlIHx8IHVuZGVmaW5lZH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9JbmFjdGl2ZVRleHQ+XG4gICAge2lzQWN0aXZlICYmIDxBY3RpdmVUZXh0PntjaGlsZHJlbn08L0FjdGl2ZVRleHQ+fVxuICA8L05hdkl0ZW1Sb290PlxuKTtcblxuZXhwb3J0IGNvbnN0IE5hdiA9ICh7IGNoaWxkcmVuLCBkaXJlY3Rpb24gPSAncm93JywganVzdGlmeUNvbnRlbnQsIHNpemUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxOYXZSb290XG4gICAgICBkaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBjbGFzc05hbWU9eydOYXYtJyArIGRpcmVjdGlvbn1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9OYXZSb290PlxuICApO1xufTtcblxuTmF2SXRlbS5wcm9wVHlwZXMgPSB7XG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk5hdi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsncm93JywgJ2NvbHVtbiddKSxcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICBqdXN0aWZ5Q29udGVudDogUHJvcFR5cGVzLm9uZU9mVHlwZShbXG4gICAgUHJvcFR5cGVzLm9uZU9mKFtcbiAgICAgICdzdGFydCcsXG4gICAgICAnZW5kJyxcbiAgICAgICdjZW50ZXInLFxuICAgICAgJ3N0cmV0Y2gnLFxuICAgICAgJ3NwYWNlLWFyb3VuZCcsXG4gICAgICAnc3BhY2UtYmV0d2VlbicsXG4gICAgICAnc3BhY2UtZXZlbmx5JyxcbiAgICBdKSxcbiAgICBQcm9wVHlwZXMub2JqZWN0LFxuICBdKSxcbn07XG4iXX0= */"));
+  label: "NavItemRoot"
+})("cursor:pointer;color:", function (_ref4) {
+  var isActive = _ref4.isActive;
+  return getColor(isActive ? 'content' : 'content2');
+}, ";transition:color ", getTransition('leave'), ";font-weight:", getWeight('medium'), ";&:hover{color:", getColor('content'), ";transition:color ", getTransition('hover'), ";}a{color:inherit;text-decoration:none;display:block;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUM4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgZ2V0Q29sb3IsXG4gIGdldFJlc3BvbnNpdmVPbmVPZixcbiAgZ2V0UmVzcG9uc2l2ZVRleHRTaXplLFxuICBnZXRTcGFjZSxcbiAgZ2V0VHJhbnNpdGlvbixcbiAgZ2V0V2VpZ2h0LFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGRpcmVjdGlvblN0eWxlcyA9IHtcbiAgcm93OiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgY29sdW1uLWdhcDogJHtnZXRTcGFjZSgnbScpfTtcbiAgYCxcbiAgY29sdW1uOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGAsXG59O1xuXG5jb25zdCBOYXZSb290ID0gc3R5bGVkLm5hdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICByb3ctZ2FwOiAke2dldFNwYWNlKCdzJyl9O1xuICAkeyh7IGRpcmVjdGlvbiB9KSA9PiBkaXJlY3Rpb25TdHlsZXNbZGlyZWN0aW9uXX07XG4gICR7KHsgc2l6ZSB9KSA9PiBnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICAkeyh7IGp1c3RpZnlDb250ZW50IH0pID0+IGdldFJlc3BvbnNpdmVPbmVPZignanVzdGlmeS1jb250ZW50JywganVzdGlmeUNvbnRlbnQpfTtcbmA7XG5cbmNvbnN0IE5hdkl0ZW1Sb290ID0gc3R5bGVkLmRpdmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyBpc0FjdGl2ZSB9KSA9PiBnZXRDb2xvcihpc0FjdGl2ZSA/ICdjb250ZW50JyA6ICdjb250ZW50MicpfTtcbiAgdHJhbnNpdGlvbjogY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdsZWF2ZScpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gICAgdHJhbnNpdGlvbjogY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdob3ZlcicpfTtcbiAgfVxuXG4gIGEge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkl0ZW0gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBpc0FjdGl2ZSB9LCByZWYpID0+IChcbiAgPE5hdkl0ZW1Sb290IHJlZj17cmVmfSBpc0FjdGl2ZT17aXNBY3RpdmV9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9OYXZJdGVtUm9vdD5cbikpO1xuXG5leHBvcnQgY29uc3QgTmF2ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgZGlyZWN0aW9uID0gJ3JvdycsIGp1c3RpZnlDb250ZW50LCBzaXplIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxOYXZSb290IGRpcmVjdGlvbj17ZGlyZWN0aW9ufSBzaXplPXtzaXplfSBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9IHJlZj17cmVmfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L05hdlJvb3Q+XG4gICk7XG59KTtcblxuTmF2SXRlbS5wcm9wVHlwZXMgPSB7XG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk5hdi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsncm93JywgJ2NvbHVtbiddKSxcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICBqdXN0aWZ5Q29udGVudDogUHJvcFR5cGVzLm9uZU9mVHlwZShbXG4gICAgUHJvcFR5cGVzLm9uZU9mKFtcbiAgICAgICdzdGFydCcsXG4gICAgICAnZW5kJyxcbiAgICAgICdjZW50ZXInLFxuICAgICAgJ3N0cmV0Y2gnLFxuICAgICAgJ3NwYWNlLWFyb3VuZCcsXG4gICAgICAnc3BhY2UtYmV0d2VlbicsXG4gICAgICAnc3BhY2UtZXZlbmx5JyxcbiAgICBdKSxcbiAgICBQcm9wVHlwZXMub2JqZWN0LFxuICBdKSxcbn07XG4iXX0= */"));
 
-export var NavItem = function NavItem(_ref6) {
-  var children = _ref6.children,
-      isActive = _ref6.isActive;
+export var NavItem = /*#__PURE__*/forwardRef(function (_ref5, ref) {
+  var children = _ref5.children,
+      isActive = _ref5.isActive;
   return ___EmotionJSX(NavItemRoot, {
+    ref: ref,
     isActive: isActive
-  }, ___EmotionJSX(InactiveText, {
-    isActive: isActive,
-    "aria-hidden": isActive || undefined
-  }, children), isActive && ___EmotionJSX(ActiveText, null, children));
-};
-export var Nav = function Nav(_ref7) {
-  var children = _ref7.children,
-      _ref7$direction = _ref7.direction,
-      direction = _ref7$direction === void 0 ? 'row' : _ref7$direction,
-      justifyContent = _ref7.justifyContent,
-      size = _ref7.size;
+  }, children);
+});
+export var Nav = /*#__PURE__*/forwardRef(function (_ref6, ref) {
+  var children = _ref6.children,
+      _ref6$direction = _ref6.direction,
+      direction = _ref6$direction === void 0 ? 'row' : _ref6$direction,
+      justifyContent = _ref6.justifyContent,
+      size = _ref6.size;
   return ___EmotionJSX(NavRoot, {
     direction: direction,
     size: size,
     justifyContent: justifyContent,
-    className: 'Nav-' + direction
+    ref: ref
   }, children);
-};
+});
 NavItem.propTypes = {
   isActive: PropTypes.bool
 };

package/es/components/text-button.js

@@ -1,9 +1,14 @@
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.object.freeze.js";
+import "core-js/modules/es.object.define-properties.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";
 import _styled from "@emotion/styled/base";
-var _excluded = ["children", "isDisabled", "icon", "iconPosition", "variant", "type", "trimSide"];
+var _excluded = ["children", "isDisabled", "icon", "iconPosition", "variant", "type", "trimSide", "hasSpinner"];
+
+var _templateObject;
 
 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); }
 
@@ -11,27 +16,31 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import { Icon, Text } from '../components';
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import { Box, Icon, Spinner, Text } from '../components';
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { getClearButtonStyles } from '../foundational';
 import { types } from '../types';
-import { css } from '@emotion/react';
+import { css, keyframes } from '@emotion/react';
+import { getTransition } from '../utilities';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var xPadding = "8px";
 var xPaddingNegative = "-".concat(xPadding);
 var trimSideStyles = {
-  left: /*#__PURE__*/css("margin-left:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:left;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZVyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWJ1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3QgeFBhZGRpbmcgPSBgOHB4YDtcbmNvbnN0IHhQYWRkaW5nTmVnYXRpdmUgPSBgLSR7eFBhZGRpbmd9YDtcblxuY29uc3QgdHJpbVNpZGVTdHlsZXMgPSB7XG4gIGxlZnQ6IGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9KTtcbiAgYCxcbiAgcmlnaHQ6IGNzc2BcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHg6IGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSAqIDIpO1xuICBgLFxufTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7KHsgdmFyaWFudCB9KSA9PiBnZXRDbGVhckJ1dHRvblN0eWxlcyh7IHZhcmlhbnQgfSl9O1xuICBwYWRkaW5nOiAwICR7eFBhZGRpbmd9O1xuICBnYXA6IDhweDtcbiAgbWluLXdpZHRoOiAwO1xuICAkeyh7IHRyaW1TaWRlIH0pID0+ICh0cmltU2lkZSA/IHRyaW1TaWRlU3R5bGVzW3RyaW1TaWRlXSA6IGBtYXgtd2lkdGg6IDEwMCVgKX07XG5cbiAgLmJ1dHRvbkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRCdXR0b24gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICB0cmltU2lkZSxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxXcmFwcGVyXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB0cmltU2lkZT17dHJpbVNpZGV9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIC8+fVxuICAgICAge2NoaWxkcmVuICYmIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+fVxuICAgIDwvV3JhcHBlcj5cbiAgKSxcbik7XG5cblRleHRCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiB0eXBlcy5jbGVhckJ1dHRvblZhcmlhbnQsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRyaW1TaWRlOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0JywgJ3gnXSksXG59O1xuIl19 */"),
-  right: /*#__PURE__*/css("margin-right:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:right;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQlkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IHhQYWRkaW5nID0gYDhweGA7XG5jb25zdCB4UGFkZGluZ05lZ2F0aXZlID0gYC0ke3hQYWRkaW5nfWA7XG5cbmNvbnN0IHRyaW1TaWRlU3R5bGVzID0ge1xuICBsZWZ0OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHJpZ2h0OiBjc3NgXG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICB4OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30gKiAyKTtcbiAgYCxcbn07XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAkeyh7IHZhcmlhbnQgfSkgPT4gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50IH0pfTtcbiAgcGFkZGluZzogMCAke3hQYWRkaW5nfTtcbiAgZ2FwOiA4cHg7XG4gIG1pbi13aWR0aDogMDtcbiAgJHsoeyB0cmltU2lkZSB9KSA9PiAodHJpbVNpZGUgPyB0cmltU2lkZVN0eWxlc1t0cmltU2lkZV0gOiBgbWF4LXdpZHRoOiAxMDAlYCl9O1xuXG4gIC5idXR0b25JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgdHlwZSA9ICdidXR0b24nLFxuICAgICAgdHJpbVNpZGUsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8V3JhcHBlclxuICAgICAgdHlwZT17dHlwZX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgaWNvbj17aWNvbn1cbiAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHJpbVNpZGU9e3RyaW1TaWRlfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiAvPn1cbiAgICAgIHtjaGlsZHJlbiAmJiA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0Pn1cbiAgICA8L1dyYXBwZXI+XG4gICksXG4pO1xuXG5UZXh0QnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0cmltU2lkZTogUHJvcFR5cGVzLm9uZU9mKFsnbGVmdCcsICdyaWdodCcsICd4J10pLFxufTtcbiJdfQ== */"),
-  x: /*#__PURE__*/css("margin-left:", xPaddingNegative, ";margin-right:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, " * 2);" + (process.env.NODE_ENV === "production" ? "" : ";label:x;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQlEiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IHhQYWRkaW5nID0gYDhweGA7XG5jb25zdCB4UGFkZGluZ05lZ2F0aXZlID0gYC0ke3hQYWRkaW5nfWA7XG5cbmNvbnN0IHRyaW1TaWRlU3R5bGVzID0ge1xuICBsZWZ0OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHJpZ2h0OiBjc3NgXG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICB4OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30gKiAyKTtcbiAgYCxcbn07XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAkeyh7IHZhcmlhbnQgfSkgPT4gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50IH0pfTtcbiAgcGFkZGluZzogMCAke3hQYWRkaW5nfTtcbiAgZ2FwOiA4cHg7XG4gIG1pbi13aWR0aDogMDtcbiAgJHsoeyB0cmltU2lkZSB9KSA9PiAodHJpbVNpZGUgPyB0cmltU2lkZVN0eWxlc1t0cmltU2lkZV0gOiBgbWF4LXdpZHRoOiAxMDAlYCl9O1xuXG4gIC5idXR0b25JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgdHlwZSA9ICdidXR0b24nLFxuICAgICAgdHJpbVNpZGUsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8V3JhcHBlclxuICAgICAgdHlwZT17dHlwZX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgaWNvbj17aWNvbn1cbiAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHJpbVNpZGU9e3RyaW1TaWRlfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiAvPn1cbiAgICAgIHtjaGlsZHJlbiAmJiA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0Pn1cbiAgICA8L1dyYXBwZXI+XG4gICksXG4pO1xuXG5UZXh0QnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0cmltU2lkZTogUHJvcFR5cGVzLm9uZU9mKFsnbGVmdCcsICdyaWdodCcsICd4J10pLFxufTtcbiJdfQ== */")
+  left: /*#__PURE__*/css("margin-left:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:left;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhVyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWJ1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEljb24sIFNwaW5uZXIsIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgeFBhZGRpbmcgPSBgOHB4YDtcbmNvbnN0IHhQYWRkaW5nTmVnYXRpdmUgPSBgLSR7eFBhZGRpbmd9YDtcblxuY29uc3QgdHJpbVNpZGVTdHlsZXMgPSB7XG4gIGxlZnQ6IGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9KTtcbiAgYCxcbiAgcmlnaHQ6IGNzc2BcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHg6IGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSAqIDIpO1xuICBgLFxufTtcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzYFxuICBmcm9tIHsgb3BhY2l0eTogMCB9XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAkeyh7IHZhcmlhbnQgfSkgPT4gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50IH0pfTtcbiAgcGFkZGluZzogMCAke3hQYWRkaW5nfTtcbiAgZ2FwOiA4cHg7XG4gIG1pbi13aWR0aDogMDtcbiAgJHsoeyB0cmltU2lkZSB9KSA9PiAodHJpbVNpZGUgPyB0cmltU2lkZVN0eWxlc1t0cmltU2lkZV0gOiBgbWF4LXdpZHRoOiAxMDAlYCl9O1xuXG4gIC5idXR0b25JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gIH1cblxuICAuYnV0dG9uVGV4dCxcbiAgLmJ1dHRvbkljb24ge1xuICAgIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuXG4gIC5idXR0b25TcGlubmVyIHtcbiAgICBhbmltYXRpb246ICR7ZmFkZUlufSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgdHlwZSA9ICdidXR0b24nLFxuICAgICAgdHJpbVNpZGUsXG4gICAgICBoYXNTcGlubmVyLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaWNvbkNvbG9yID0gaGFzU3Bpbm5lciA/ICd0cmFuc3BhcmVudCcgOiAnaWNvbic7XG4gICAgY29uc3QgY29udGVudENvbG9yID0gaGFzU3Bpbm5lciA/ICd0cmFuc3BhcmVudCcgOiAnaW5oZXJpdCc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyXG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRyaW1TaWRlPXt0cmltU2lkZX1cbiAgICAgICAgaGFzU3Bpbm5lcj17aGFzU3Bpbm5lcn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjbGFzc05hbWU9XCJidXR0b25JY29uXCIgY29sb3I9e2ljb25Db2xvcn0gLz59XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXMgY29sb3I9e2NvbnRlbnRDb2xvcn0gY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgKFxuICAgICAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIGNsYXNzTmFtZT1cImJ1dHRvblNwaW5uZXJcIj5cbiAgICAgICAgICAgIDxTcGlubmVyIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9LFxuKTtcblxuVGV4dEJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IHR5cGVzLmNsZWFyQnV0dG9uVmFyaWFudCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbiAgdHJpbVNpZGU6IFByb3BUeXBlcy5vbmVPZihbJ2xlZnQnLCAncmlnaHQnLCAneCddKSxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"),
+  right: /*#__PURE__*/css("margin-right:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:right;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQlkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBJY29uLCBTcGlubmVyLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmNvbnN0IHhQYWRkaW5nID0gYDhweGA7XG5jb25zdCB4UGFkZGluZ05lZ2F0aXZlID0gYC0ke3hQYWRkaW5nfWA7XG5cbmNvbnN0IHRyaW1TaWRlU3R5bGVzID0ge1xuICBsZWZ0OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHJpZ2h0OiBjc3NgXG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICB4OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30gKiAyKTtcbiAgYCxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJHsoeyB2YXJpYW50IH0pID0+IGdldENsZWFyQnV0dG9uU3R5bGVzKHsgdmFyaWFudCB9KX07XG4gIHBhZGRpbmc6IDAgJHt4UGFkZGluZ307XG4gIGdhcDogOHB4O1xuICBtaW4td2lkdGg6IDA7XG4gICR7KHsgdHJpbVNpZGUgfSkgPT4gKHRyaW1TaWRlID8gdHJpbVNpZGVTdHlsZXNbdHJpbVNpZGVdIDogYG1heC13aWR0aDogMTAwJWApfTtcblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5idXR0b25JY29uIHtcbiAgICB0cmFuc2l0aW9uOiBjb2xvciAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cblxuICAuYnV0dG9uU3Bpbm5lciB7XG4gICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIHRyaW1TaWRlLFxuICAgICAgaGFzU3Bpbm5lcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGljb25Db2xvciA9IGhhc1NwaW5uZXIgPyAndHJhbnNwYXJlbnQnIDogJ2ljb24nO1xuICAgIGNvbnN0IGNvbnRlbnRDb2xvciA9IGhhc1NwaW5uZXIgPyAndHJhbnNwYXJlbnQnIDogJ2luaGVyaXQnO1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0cmltU2lkZT17dHJpbVNpZGV9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIGNvbG9yPXtpY29uQ29sb3J9IC8+fVxuICAgICAgICB7Y2hpbGRyZW4gJiYgKFxuICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzIGNvbG9yPXtjb250ZW50Q29sb3J9IGNsYXNzTmFtZT1cImJ1dHRvblRleHRcIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBjbGFzc05hbWU9XCJidXR0b25TcGlubmVyXCI+XG4gICAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiB0eXBlcy5jbGVhckJ1dHRvblZhcmlhbnQsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRyaW1TaWRlOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0JywgJ3gnXSksXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */"),
+  x: /*#__PURE__*/css("margin-left:", xPaddingNegative, ";margin-right:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, " * 2);" + (process.env.NODE_ENV === "production" ? "" : ";label:x;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQlEiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBJY29uLCBTcGlubmVyLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmNvbnN0IHhQYWRkaW5nID0gYDhweGA7XG5jb25zdCB4UGFkZGluZ05lZ2F0aXZlID0gYC0ke3hQYWRkaW5nfWA7XG5cbmNvbnN0IHRyaW1TaWRlU3R5bGVzID0ge1xuICBsZWZ0OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHJpZ2h0OiBjc3NgXG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICB4OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30gKiAyKTtcbiAgYCxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJHsoeyB2YXJpYW50IH0pID0+IGdldENsZWFyQnV0dG9uU3R5bGVzKHsgdmFyaWFudCB9KX07XG4gIHBhZGRpbmc6IDAgJHt4UGFkZGluZ307XG4gIGdhcDogOHB4O1xuICBtaW4td2lkdGg6IDA7XG4gICR7KHsgdHJpbVNpZGUgfSkgPT4gKHRyaW1TaWRlID8gdHJpbVNpZGVTdHlsZXNbdHJpbVNpZGVdIDogYG1heC13aWR0aDogMTAwJWApfTtcblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5idXR0b25JY29uIHtcbiAgICB0cmFuc2l0aW9uOiBjb2xvciAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cblxuICAuYnV0dG9uU3Bpbm5lciB7XG4gICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIHRyaW1TaWRlLFxuICAgICAgaGFzU3Bpbm5lcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGljb25Db2xvciA9IGhhc1NwaW5uZXIgPyAndHJhbnNwYXJlbnQnIDogJ2ljb24nO1xuICAgIGNvbnN0IGNvbnRlbnRDb2xvciA9IGhhc1NwaW5uZXIgPyAndHJhbnNwYXJlbnQnIDogJ2luaGVyaXQnO1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0cmltU2lkZT17dHJpbVNpZGV9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIGNvbG9yPXtpY29uQ29sb3J9IC8+fVxuICAgICAgICB7Y2hpbGRyZW4gJiYgKFxuICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzIGNvbG9yPXtjb250ZW50Q29sb3J9IGNsYXNzTmFtZT1cImJ1dHRvblRleHRcIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBjbGFzc05hbWU9XCJidXR0b25TcGlubmVyXCI+XG4gICAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiB0eXBlcy5jbGVhckJ1dHRvblZhcmlhbnQsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRyaW1TaWRlOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0JywgJ3gnXSksXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */")
 };
+var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from { opacity: 0 }\n"])));
 
 var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1jnb1460"
 } : {
   target: "e1jnb1460",
   label: "Wrapper"
-})(function (_ref) {
+})("position:relative;", function (_ref) {
   var variant = _ref.variant;
   return getClearButtonStyles({
     variant: variant
@@ -41,7 +50,7 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
   return trimSide ? trimSideStyles[trimSide] : "max-width: 100%";
 }, ";.buttonIcon{", function (p) {
   return p.iconPosition === 'right' && "order: 1";
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjZCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCB4UGFkZGluZyA9IGA4cHhgO1xuY29uc3QgeFBhZGRpbmdOZWdhdGl2ZSA9IGAtJHt4UGFkZGluZ31gO1xuXG5jb25zdCB0cmltU2lkZVN0eWxlcyA9IHtcbiAgbGVmdDogY3NzYFxuICAgIG1hcmdpbi1sZWZ0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICByaWdodDogY3NzYFxuICAgIG1hcmdpbi1yaWdodDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9KTtcbiAgYCxcbiAgeDogY3NzYFxuICAgIG1hcmdpbi1sZWZ0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1hcmdpbi1yaWdodDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9ICogMik7XG4gIGAsXG59O1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHsoeyB2YXJpYW50IH0pID0+IGdldENsZWFyQnV0dG9uU3R5bGVzKHsgdmFyaWFudCB9KX07XG4gIHBhZGRpbmc6IDAgJHt4UGFkZGluZ307XG4gIGdhcDogOHB4O1xuICBtaW4td2lkdGg6IDA7XG4gICR7KHsgdHJpbVNpZGUgfSkgPT4gKHRyaW1TaWRlID8gdHJpbVNpZGVTdHlsZXNbdHJpbVNpZGVdIDogYG1heC13aWR0aDogMTAwJWApfTtcblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIHRyaW1TaWRlLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPFdyYXBwZXJcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIGljb249e2ljb259XG4gICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIHRyaW1TaWRlPXt0cmltU2lkZX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjbGFzc05hbWU9XCJidXR0b25JY29uXCIgLz59XG4gICAgICB7Y2hpbGRyZW4gJiYgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD59XG4gICAgPC9XcmFwcGVyPlxuICApLFxuKTtcblxuVGV4dEJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IHR5cGVzLmNsZWFyQnV0dG9uVmFyaWFudCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbiAgdHJpbVNpZGU6IFByb3BUeXBlcy5vbmVPZihbJ2xlZnQnLCAncmlnaHQnLCAneCddKSxcbn07XG4iXX0= */"));
+}, ";}.buttonText,.buttonIcon{transition:color ", getTransition('fast'), ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzZCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgSWNvbiwgU3Bpbm5lciwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuXG5jb25zdCB4UGFkZGluZyA9IGA4cHhgO1xuY29uc3QgeFBhZGRpbmdOZWdhdGl2ZSA9IGAtJHt4UGFkZGluZ31gO1xuXG5jb25zdCB0cmltU2lkZVN0eWxlcyA9IHtcbiAgbGVmdDogY3NzYFxuICAgIG1hcmdpbi1sZWZ0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICByaWdodDogY3NzYFxuICAgIG1hcmdpbi1yaWdodDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9KTtcbiAgYCxcbiAgeDogY3NzYFxuICAgIG1hcmdpbi1sZWZ0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1hcmdpbi1yaWdodDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9ICogMik7XG4gIGAsXG59O1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIGZyb20geyBvcGFjaXR5OiAwIH1cbmA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICR7KHsgdmFyaWFudCB9KSA9PiBnZXRDbGVhckJ1dHRvblN0eWxlcyh7IHZhcmlhbnQgfSl9O1xuICBwYWRkaW5nOiAwICR7eFBhZGRpbmd9O1xuICBnYXA6IDhweDtcbiAgbWluLXdpZHRoOiAwO1xuICAkeyh7IHRyaW1TaWRlIH0pID0+ICh0cmltU2lkZSA/IHRyaW1TaWRlU3R5bGVzW3RyaW1TaWRlXSA6IGBtYXgtd2lkdGg6IDEwMCVgKX07XG5cbiAgLmJ1dHRvbkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgfVxuXG4gIC5idXR0b25UZXh0LFxuICAuYnV0dG9uSWNvbiB7XG4gICAgdHJhbnNpdGlvbjogY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5cbiAgLmJ1dHRvblNwaW5uZXIge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlSW59ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRCdXR0b24gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICB0cmltU2lkZSxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBpY29uQ29sb3IgPSBoYXNTcGlubmVyID8gJ3RyYW5zcGFyZW50JyA6ICdpY29uJztcbiAgICBjb25zdCBjb250ZW50Q29sb3IgPSBoYXNTcGlubmVyID8gJ3RyYW5zcGFyZW50JyA6ICdpbmhlcml0JztcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdHJpbVNpZGU9e3RyaW1TaWRlfVxuICAgICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiBjb2xvcj17aWNvbkNvbG9yfSAvPn1cbiAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcyBjb2xvcj17Y29udGVudENvbG9yfSBjbGFzc05hbWU9XCJidXR0b25UZXh0XCI+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApfVxuICAgICAgICB7aGFzU3Bpbm5lciAmJiAoXG4gICAgICAgICAgPEJveCBwb3NpdGlvbj1cImFic29sdXRlXCIgY2xhc3NOYW1lPVwiYnV0dG9uU3Bpbm5lclwiPlxuICAgICAgICAgICAgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG4gIH0sXG4pO1xuXG5UZXh0QnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0cmltU2lkZTogUHJvcFR5cGVzLm9uZU9mKFsnbGVmdCcsICdyaWdodCcsICd4J10pLFxuICBoYXNTcGlubmVyOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */"));
 
 export var TextButton = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
@@ -54,8 +63,11 @@ export var TextButton = /*#__PURE__*/forwardRef(function (_ref3, ref) {
       _ref3$type = _ref3.type,
       type = _ref3$type === void 0 ? 'button' : _ref3$type,
       trimSide = _ref3.trimSide,
+      hasSpinner = _ref3.hasSpinner,
       props = _objectWithoutProperties(_ref3, _excluded);
 
+  var iconColor = hasSpinner ? 'transparent' : 'icon';
+  var contentColor = hasSpinner ? 'transparent' : 'inherit';
   return ___EmotionJSX(Wrapper, _extends({
     type: type,
     disabled: isDisabled,
@@ -63,13 +75,22 @@ export var TextButton = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     iconPosition: iconPosition,
     variant: variant,
     ref: ref,
-    trimSide: trimSide
+    trimSide: trimSide,
+    hasSpinner: hasSpinner
   }, props), icon && ___EmotionJSX(Icon, {
     icon: icon,
-    className: "buttonIcon"
+    className: "buttonIcon",
+    color: iconColor
   }), children && ___EmotionJSX(Text, {
-    hasEllipsis: true
-  }, children));
+    hasEllipsis: true,
+    color: contentColor,
+    className: "buttonText"
+  }, children), hasSpinner && ___EmotionJSX(Box, {
+    position: "absolute",
+    className: "buttonSpinner"
+  }, ___EmotionJSX(Spinner, {
+    color: "currentColor"
+  })));
 });
 TextButton.propTypes = {
   children: PropTypes.node,
@@ -79,5 +100,6 @@ TextButton.propTypes = {
   isDisabled: PropTypes.bool,
   variant: types.clearButtonVariant,
   type: types.buttonType,
-  trimSide: PropTypes.oneOf(['left', 'right', 'x'])
+  trimSide: PropTypes.oneOf(['left', 'right', 'x']),
+  hasSpinner: PropTypes.bool
 };

package/package.json

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