@flodesk/grain 6.3.11 → 6.5.0

package/es/components/autocomplete.js

@@ -29,11 +29,11 @@ import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.regexp.exec.js";
 import PropTypes from 'prop-types';
 import React, { forwardRef, Fragment, useState } from 'react';
-import { Icon, Box, Text, Stack } from '.';
+import { Icon, Box, Text } from '.';
 import { IconChevronDown } from '../icons';
 import { Combobox } from '@headlessui/react';
 import { types } from '../types';
-import { InputField, MenuCard, MenuItem, MenuGroupTitle, FieldLabel, MenuTransition, fieldVars } from '../foundational';
+import { InputField, MenuCard, MenuItem, MenuGroupTitle, FieldLabel, MenuTransition, fieldVars, FieldHint } from '../foundational';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var props = Object.assign({}, _ref);
@@ -89,7 +89,8 @@ export var Autocomplete = function Autocomplete(_ref2) {
       menuWidth = _ref2$menuWidth === void 0 ? '100%' : _ref2$menuWidth,
       menuZIndex = _ref2.menuZIndex,
       placeholder = _ref2.placeholder,
-      label = _ref2.label;
+      label = _ref2.label,
+      hint = _ref2.hint;
 
   var _useState = useState(defaultOption),
       _useState2 = _slicedToArray(_useState, 2),
@@ -109,15 +110,15 @@ export var Autocomplete = function Autocomplete(_ref2) {
 
   var filteredOptions = getFilteredOptions(query, options);
   var noResults = !Boolean(filteredOptions.length);
-  return ___EmotionJSX(Stack, {
-    gap: fieldVars.gap
-  }, ___EmotionJSX(Combobox, {
+  var fieldMarginTop = label || hint ? fieldVars.gap : undefined;
+  return ___EmotionJSX(Combobox, {
     value: selectedOption,
     onChange: handleChange
   }, label && ___EmotionJSX(Combobox.Label, {
     as: FieldLabel
-  }, label), ___EmotionJSX(Box, {
-    position: "relative"
+  }, label), hint && ___EmotionJSX(FieldHint, null, hint), ___EmotionJSX(Box, {
+    position: "relative",
+    marginTop: fieldMarginTop
   }, ___EmotionJSX(Combobox.Button, {
     as: Trigger
   }, ___EmotionJSX(Combobox.Input, {
@@ -155,7 +156,7 @@ export var Autocomplete = function Autocomplete(_ref2) {
         isDisabled: option.isDisabled
       }, option.content);
     }));
-  }), noResults && ___EmotionJSX(EmptyState, null))))));
+  }), noResults && ___EmotionJSX(EmptyState, null)))));
 };
 Autocomplete.propTypes = {
   options: PropTypes.array,
@@ -164,5 +165,6 @@ Autocomplete.propTypes = {
   menuPlacement: types.menuPlacement,
   menuWidth: types.dimension,
   menuZIndex: types.zIndex,
-  label: types.label
+  label: types.label,
+  hint: types.hint
 };

package/es/components/button.js

@@ -3,7 +3,7 @@ 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"];
+var _excluded = ["children", "variant", "isDisabled", "icon", "iconPosition", "hasFullWidth", "hasSpinner", "type"];
 
 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); }
 
@@ -83,7 +83,7 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
   return variantStyles[p.variant].active;
 }, ";}&:disabled{color:", getColor('contentDisabled'), ";background-color:", getColor('backgroundDisabled'), ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUQ2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHN0eWxlcywgY29tcG9uZW50VmFycyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi9zcGlubmVyJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBwYWRkaW5nWCA9ICcxNnB4JztcbmNvbnN0IGJvcmRlckNvbG9yID0gJ3ZhcigtLWdybi1jb2xvci1mYWRlNCknO1xuY29uc3QgYm9yZGVyQ29sb3JIb3ZlciA9ICd2YXIoLS1ncm4tY29sb3ItZmFkZTYpJztcbmNvbnN0IGJvcmRlckNvbG9yQWN0aXZlID0gJ3ZhcigtLWdybi1jb2xvci1ncmV5OCknO1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBhY2NlbnQ6IHtcbiAgICBpY29uQ29sb3I6IGdldENvbG9yKCdpY29uSW52ZXJ0JyksXG4gICAgY29sb3I6IGdldENvbG9yKCdjb250ZW50SW52ZXJ0JyksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignYWNjZW50JyksXG4gICAgYm9yZGVyQ29sb3I6ICd0cmFuc3BhcmVudCcsXG5cbiAgICBob3Zlcjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignZ3JleTcnKSxcbiAgICB9LFxuICAgIGFjdGl2ZToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignZ3JleTYnKSxcbiAgICB9LFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBpY29uQ29sb3I6IGdldENvbG9yKCdpY29uSW52ZXJ0JyksXG4gICAgY29sb3I6IGdldENvbG9yKCdjb250ZW50SW52ZXJ0JyksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgYm9yZGVyQ29sb3I6ICd0cmFuc3BhcmVudCcsXG5cbiAgICBob3Zlcjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBjb21wb25lbnRWYXJzLmJ1dHRvbkRhbmdlckJhY2tncm91bmRIb3ZlcixcbiAgICB9LFxuICAgIGFjdGl2ZToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBjb21wb25lbnRWYXJzLmJ1dHRvbkRhbmdlckJhY2tncm91bmRBY3RpdmUsXG4gICAgfSxcbiAgfSxcbiAgbmV1dHJhbDoge1xuICAgIGNvbG9yOiAnaW5oZXJpdCcsXG4gICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgIGJvcmRlckNvbG9yOiBib3JkZXJDb2xvcixcblxuICAgIGhvdmVyOiB7XG4gICAgICBib3JkZXJDb2xvcjogYm9yZGVyQ29sb3JIb3ZlcixcbiAgICB9LFxuICAgIGFjdGl2ZToge1xuICAgICAgYm9yZGVyQ29sb3I6IGJvcmRlckNvbG9yQWN0aXZlLFxuICAgIH0sXG4gIH0sXG59O1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAke3N0eWxlcy5idXR0b25SZXNldH07XG5cbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6ICR7c3Ryb2tlU2l6ZX07XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBoZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgcGFkZGluZzogMCAke3BhZGRpbmdYfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDEycHg7XG4gICR7cCA9PiBwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IDEwMCVgfTtcblxuICAtLWdybi1jb2xvci1pY29uOiAke3AgPT4gdmFyaWFudFN0eWxlc1twLnZhcmlhbnRdLmljb25Db2xvcn07XG4gIGJvcmRlci1jb2xvcjogJHtwID0+IHZhcmlhbnRTdHlsZXNbcC52YXJpYW50XS5ib3JkZXJDb2xvcn07XG4gIGNvbG9yOiAke3AgPT4gdmFyaWFudFN0eWxlc1twLnZhcmlhbnRdLmNvbG9yfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwID0+IHZhcmlhbnRTdHlsZXNbcC52YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3J9O1xuXG4gICY6aG92ZXIge1xuICAgIC0tZ3JuLWNvbG9yLWljb246IGN1cnJlbnRDb2xvcjtcbiAgICAke3AgPT4gdmFyaWFudFN0eWxlc1twLnZhcmlhbnRdLmhvdmVyfTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICAke3AgPT4gdmFyaWFudFN0eWxlc1twLnZhcmlhbnRdLmFjdGl2ZX07XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2JhY2tncm91bmREaXNhYmxlZCcpfTtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5cbiAgLmJ1dHRvbkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIGhhc0Z1bGxXaWR0aCxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH1cbiAgICAgICAgaGFzU3Bpbm5lcj17aGFzU3Bpbm5lcn1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPn1cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIC8+fVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICB2YXJpYW50OiB0eXBlcy5idXR0b25WYXJpYW50LFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */"));
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUQ2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHN0eWxlcywgY29tcG9uZW50VmFycyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi9zcGlubmVyJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBwYWRkaW5nWCA9ICcxNnB4JztcbmNvbnN0IGJvcmRlckNvbG9yID0gJ3ZhcigtLWdybi1jb2xvci1mYWRlNCknO1xuY29uc3QgYm9yZGVyQ29sb3JIb3ZlciA9ICd2YXIoLS1ncm4tY29sb3ItZmFkZTYpJztcbmNvbnN0IGJvcmRlckNvbG9yQWN0aXZlID0gJ3ZhcigtLWdybi1jb2xvci1ncmV5OCknO1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBhY2NlbnQ6IHtcbiAgICBpY29uQ29sb3I6IGdldENvbG9yKCdpY29uSW52ZXJ0JyksXG4gICAgY29sb3I6IGdldENvbG9yKCdjb250ZW50SW52ZXJ0JyksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignYWNjZW50JyksXG4gICAgYm9yZGVyQ29sb3I6ICd0cmFuc3BhcmVudCcsXG5cbiAgICBob3Zlcjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignZ3JleTcnKSxcbiAgICB9LFxuICAgIGFjdGl2ZToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignZ3JleTYnKSxcbiAgICB9LFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBpY29uQ29sb3I6IGdldENvbG9yKCdpY29uSW52ZXJ0JyksXG4gICAgY29sb3I6IGdldENvbG9yKCdjb250ZW50SW52ZXJ0JyksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgYm9yZGVyQ29sb3I6ICd0cmFuc3BhcmVudCcsXG5cbiAgICBob3Zlcjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBjb21wb25lbnRWYXJzLmJ1dHRvbkRhbmdlckJhY2tncm91bmRIb3ZlcixcbiAgICB9LFxuICAgIGFjdGl2ZToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBjb21wb25lbnRWYXJzLmJ1dHRvbkRhbmdlckJhY2tncm91bmRBY3RpdmUsXG4gICAgfSxcbiAgfSxcbiAgbmV1dHJhbDoge1xuICAgIGNvbG9yOiAnaW5oZXJpdCcsXG4gICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgIGJvcmRlckNvbG9yOiBib3JkZXJDb2xvcixcblxuICAgIGhvdmVyOiB7XG4gICAgICBib3JkZXJDb2xvcjogYm9yZGVyQ29sb3JIb3ZlcixcbiAgICB9LFxuICAgIGFjdGl2ZToge1xuICAgICAgYm9yZGVyQ29sb3I6IGJvcmRlckNvbG9yQWN0aXZlLFxuICAgIH0sXG4gIH0sXG59O1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAke3N0eWxlcy5idXR0b25SZXNldH07XG5cbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6ICR7c3Ryb2tlU2l6ZX07XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBoZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgcGFkZGluZzogMCAke3BhZGRpbmdYfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDEycHg7XG4gICR7cCA9PiBwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IDEwMCVgfTtcblxuICAtLWdybi1jb2xvci1pY29uOiAke3AgPT4gdmFyaWFudFN0eWxlc1twLnZhcmlhbnRdLmljb25Db2xvcn07XG4gIGJvcmRlci1jb2xvcjogJHtwID0+IHZhcmlhbnRTdHlsZXNbcC52YXJpYW50XS5ib3JkZXJDb2xvcn07XG4gIGNvbG9yOiAke3AgPT4gdmFyaWFudFN0eWxlc1twLnZhcmlhbnRdLmNvbG9yfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwID0+IHZhcmlhbnRTdHlsZXNbcC52YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3J9O1xuXG4gICY6aG92ZXIge1xuICAgIC0tZ3JuLWNvbG9yLWljb246IGN1cnJlbnRDb2xvcjtcbiAgICAke3AgPT4gdmFyaWFudFN0eWxlc1twLnZhcmlhbnRdLmhvdmVyfTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICAke3AgPT4gdmFyaWFudFN0eWxlc1twLnZhcmlhbnRdLmFjdGl2ZX07XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2JhY2tncm91bmREaXNhYmxlZCcpfTtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5cbiAgLmJ1dHRvbkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIGhhc0Z1bGxXaWR0aCxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH1cbiAgICAgICAgaGFzU3Bpbm5lcj17aGFzU3Bpbm5lcn1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPn1cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIC8+fVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICB2YXJpYW50OiB0eXBlcy5idXR0b25WYXJpYW50LFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxufTtcbiJdfQ== */"));
 
 export var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -95,9 +95,12 @@ export var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
       iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
       hasFullWidth = _ref.hasFullWidth,
       hasSpinner = _ref.hasSpinner,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'button' : _ref$type,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return ___EmotionJSX(Wrapper, _extends({
+    type: type,
     variant: variant,
     disabled: isDisabled,
     icon: icon,
@@ -120,5 +123,6 @@ Button.propTypes = {
   onClick: PropTypes.func,
   isDisabled: PropTypes.bool,
   hasFullWidth: PropTypes.bool,
-  hasSpinner: PropTypes.bool
+  hasSpinner: PropTypes.bool,
+  type: types.buttonType
 };

package/es/components/checkbox.js

@@ -2,7 +2,7 @@ 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 _styled from "@emotion/styled/base";
-var _excluded = ["isDisabled", "isChecked", "label", "id", "onChange"];
+var _excluded = ["isDisabled", "isChecked", "label", "hint", "id", "onChange"];
 
 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; }
 
@@ -13,7 +13,8 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { getColor, getRadius } from '../utilities';
 import React from 'react';
 import PropTypes from 'prop-types';
-import { componentVars, InlineFieldLabel } from '../foundational';
+import { componentVars, FieldHint, InlineFieldLabel } from '../foundational';
+import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var size = 16;
 var checkHeight = size / 1.6;
@@ -26,7 +27,7 @@ var Input = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production"
 } : {
   target: "erxmy1h1",
   label: "Input"
-})("--checkColor:", getColor('contentInvert'), ";--backgroundColor:transparent;--backgroundColorActive:", getColor('content'), ";--borderColor:", getColor('grey4'), ";appearance:none;height:", size, "px;width:", size, "px;display:block;border-radius:", getRadius('s'), ";cursor:pointer;margin:0;position:relative;background-color:var(--backgroundColor);border:", strokeSize, " solid var(--borderColor);transition:border-color ", componentVars.transitionDefault, ";&:hover{--borderColor:", getColor('grey7'), ";transition:border-color ", componentVars.transitionHover, ";}&:checked{--borderColor:var(--backgroundColorActive);--backgroundColor:var(--backgroundColorActive);}&:after{content:'';position:absolute;left:0;right:0;top:0;margin:auto;height:", checkHeight, "px;width:", checkWidth, "px;box-shadow:inset -", checkStroke, "px -", checkStroke, "px 0 var(--checkColor);display:block;transform:rotate(45deg);pointer-events:none;opacity:0;}&:checked:after{opacity:1;}&:disabled{--checkColor:", getColor('contentDisabled'), ";--backgroundColor:", getColor('backgroundDisabled'), ";--backgroundColorActive:", getColor('backgroundDisabled'), ";--borderColor:transparent;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIElubGluZUZpZWxkTGFiZWwgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBzaXplID0gMTY7XG5jb25zdCBjaGVja0hlaWdodCA9IHNpemUgLyAxLjY7XG5jb25zdCBjaGVja1dpZHRoID0gY2hlY2tIZWlnaHQgLyAxLjg7XG5jb25zdCBjaGVja1N0cm9rZSA9IDEuNTtcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC0tY2hlY2tDb2xvcjogJHtnZXRDb2xvcignY29udGVudEludmVydCcpfTtcbiAgLS1iYWNrZ3JvdW5kQ29sb3I6IHRyYW5zcGFyZW50O1xuICAtLWJhY2tncm91bmRDb2xvckFjdGl2ZTogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignZ3JleTQnKX07XG5cbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgaGVpZ2h0OiAke3NpemV9cHg7XG4gIHdpZHRoOiAke3NpemV9cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yKTtcbiAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkIHZhcigtLWJvcmRlckNvbG9yKTtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uRGVmYXVsdH07XG5cbiAgJjpob3ZlciB7XG4gICAgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignZ3JleTcnKX07XG4gICAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uSG92ZXJ9O1xuICB9XG5cbiAgJjpjaGVja2VkIHtcbiAgICAtLWJvcmRlckNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICAgIC0tYmFja2dyb3VuZENvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgdG9wOiAwO1xuICAgIG1hcmdpbjogYXV0bztcbiAgICBoZWlnaHQ6ICR7Y2hlY2tIZWlnaHR9cHg7XG4gICAgd2lkdGg6ICR7Y2hlY2tXaWR0aH1weDtcbiAgICBib3gtc2hhZG93OiBpbnNldCAtJHtjaGVja1N0cm9rZX1weCAtJHtjaGVja1N0cm9rZX1weCAwIHZhcigtLWNoZWNrQ29sb3IpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5cbiAgJjpjaGVja2VkOmFmdGVyIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgLS1jaGVja0NvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX07XG4gICAgLS1iYWNrZ3JvdW5kQ29sb3I6ICR7Z2V0Q29sb3IoJ2JhY2tncm91bmREaXNhYmxlZCcpfTtcbiAgICAtLWJhY2tncm91bmRDb2xvckFjdGl2ZTogJHtnZXRDb2xvcignYmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIC0tYm9yZGVyQ29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBnYXA6IDhweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDaGVja2JveCA9ICh7IGlzRGlzYWJsZWQsIGlzQ2hlY2tlZCwgbGFiZWwsIGlkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxSb290IHsuLi5wcm9wc30+XG4gICAgICA8SW5wdXRcbiAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17aXNDaGVja2VkfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAvPlxuICAgICAge2xhYmVsICYmIDxJbmxpbmVGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9JbmxpbmVGaWVsZExhYmVsPn1cbiAgICA8L1Jvb3Q+XG4gICk7XG59O1xuXG5DaGVja2JveC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQ2hlY2tlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdfQ== */"));
+})("--checkColor:", getColor('contentInvert'), ";--backgroundColor:transparent;--backgroundColorActive:", getColor('content'), ";--borderColor:", getColor('grey4'), ";appearance:none;height:", size, "px;width:", size, "px;display:block;border-radius:", getRadius('s'), ";cursor:pointer;margin:0;position:relative;background-color:var(--backgroundColor);border:", strokeSize, " solid var(--borderColor);transition:border-color ", componentVars.transitionDefault, ";grid-row:1/3;&:hover{--borderColor:", getColor('grey7'), ";transition:border-color ", componentVars.transitionHover, ";}&:checked{--borderColor:var(--backgroundColorActive);--backgroundColor:var(--backgroundColorActive);}&:after{content:'';position:absolute;left:0;right:0;top:0;margin:auto;height:", checkHeight, "px;width:", checkWidth, "px;box-shadow:inset -", checkStroke, "px -", checkStroke, "px 0 var(--checkColor);display:block;transform:rotate(45deg);pointer-events:none;opacity:0;}&:checked:after{opacity:1;}&:disabled{--checkColor:", getColor('contentDisabled'), ";--backgroundColor:", getColor('backgroundDisabled'), ";--backgroundColorActive:", getColor('backgroundDisabled'), ";--borderColor:transparent;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIEZpZWxkSGludCwgSW5saW5lRmllbGRMYWJlbCB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3Qgc2l6ZSA9IDE2O1xuY29uc3QgY2hlY2tIZWlnaHQgPSBzaXplIC8gMS42O1xuY29uc3QgY2hlY2tXaWR0aCA9IGNoZWNrSGVpZ2h0IC8gMS44O1xuY29uc3QgY2hlY2tTdHJva2UgPSAxLjU7XG5cbmNvbnN0IHN0cm9rZVNpemUgPSBjb21wb25lbnRWYXJzLnN0cm9rZVNpemU7XG5cbmNvbnN0IElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAtLWNoZWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnRJbnZlcnQnKX07XG4gIC0tYmFja2dyb3VuZENvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmU6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk0Jyl9O1xuXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogJHtzaXplfXB4O1xuICB3aWR0aDogJHtzaXplfXB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvcik7XG4gIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCB2YXIoLS1ib3JkZXJDb2xvcik7XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkRlZmF1bHR9O1xuICBncmlkLXJvdzogMSAvIDM7XG5cbiAgJjpob3ZlciB7XG4gICAgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignZ3JleTcnKX07XG4gICAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uSG92ZXJ9O1xuICB9XG5cbiAgJjpjaGVja2VkIHtcbiAgICAtLWJvcmRlckNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICAgIC0tYmFja2dyb3VuZENvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgdG9wOiAwO1xuICAgIG1hcmdpbjogYXV0bztcbiAgICBoZWlnaHQ6ICR7Y2hlY2tIZWlnaHR9cHg7XG4gICAgd2lkdGg6ICR7Y2hlY2tXaWR0aH1weDtcbiAgICBib3gtc2hhZG93OiBpbnNldCAtJHtjaGVja1N0cm9rZX1weCAtJHtjaGVja1N0cm9rZX1weCAwIHZhcigtLWNoZWNrQ29sb3IpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5cbiAgJjpjaGVja2VkOmFmdGVyIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgLS1jaGVja0NvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX07XG4gICAgLS1iYWNrZ3JvdW5kQ29sb3I6ICR7Z2V0Q29sb3IoJ2JhY2tncm91bmREaXNhYmxlZCcpfTtcbiAgICAtLWJhY2tncm91bmRDb2xvckFjdGl2ZTogJHtnZXRDb2xvcignYmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIC0tYm9yZGVyQ29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBjb2x1bW4tZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3ggPSAoeyBpc0Rpc2FibGVkLCBpc0NoZWNrZWQsIGxhYmVsLCBoaW50LCBpZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Um9vdCB7Li4ucHJvcHN9PlxuICAgICAgPElucHV0XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGNoZWNrZWQ9e2lzQ2hlY2tlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgLz5cbiAgICAgIHtsYWJlbCAmJiA8SW5saW5lRmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvSW5saW5lRmllbGRMYWJlbD59XG4gICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICA8L1Jvb3Q+XG4gICk7XG59O1xuXG5DaGVja2JveC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQ2hlY2tlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBoaW50OiB0eXBlcy5oaW50LFxufTtcbiJdfQ== */"));
 
 var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "erxmy1h0"
@@ -34,12 +35,12 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "erxmy1h0",
   label: "Root"
 })(process.env.NODE_ENV === "production" ? {
-  name: "1nsltal",
-  styles: "display:grid;grid-auto-flow:column;align-items:center;width:fit-content;gap:8px"
+  name: "1y2k6ax",
+  styles: "display:grid;grid-auto-flow:column;align-items:center;width:fit-content;column-gap:8px"
 } : {
-  name: "1nsltal",
-  styles: "display:grid;grid-auto-flow:column;align-items:center;width:fit-content;gap:8px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRXVCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBJbmxpbmVGaWVsZExhYmVsIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3Qgc2l6ZSA9IDE2O1xuY29uc3QgY2hlY2tIZWlnaHQgPSBzaXplIC8gMS42O1xuY29uc3QgY2hlY2tXaWR0aCA9IGNoZWNrSGVpZ2h0IC8gMS44O1xuY29uc3QgY2hlY2tTdHJva2UgPSAxLjU7XG5cbmNvbnN0IHN0cm9rZVNpemUgPSBjb21wb25lbnRWYXJzLnN0cm9rZVNpemU7XG5cbmNvbnN0IElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAtLWNoZWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnRJbnZlcnQnKX07XG4gIC0tYmFja2dyb3VuZENvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmU6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk0Jyl9O1xuXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogJHtzaXplfXB4O1xuICB3aWR0aDogJHtzaXplfXB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvcik7XG4gIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCB2YXIoLS1ib3JkZXJDb2xvcik7XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkRlZmF1bHR9O1xuXG4gICY6aG92ZXIge1xuICAgIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk3Jyl9O1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkhvdmVyfTtcbiAgfVxuXG4gICY6Y2hlY2tlZCB7XG4gICAgLS1ib3JkZXJDb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yQWN0aXZlKTtcbiAgICAtLWJhY2tncm91bmRDb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yQWN0aXZlKTtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW46IGF1dG87XG4gICAgaGVpZ2h0OiAke2NoZWNrSGVpZ2h0fXB4O1xuICAgIHdpZHRoOiAke2NoZWNrV2lkdGh9cHg7XG4gICAgYm94LXNoYWRvdzogaW5zZXQgLSR7Y2hlY2tTdHJva2V9cHggLSR7Y2hlY2tTdHJva2V9cHggMCB2YXIoLS1jaGVja0NvbG9yKTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gICY6Y2hlY2tlZDphZnRlciB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIC0tY2hlY2tDb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9O1xuICAgIC0tYmFja2dyb3VuZENvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmU6ICR7Z2V0Q29sb3IoJ2JhY2tncm91bmREaXNhYmxlZCcpfTtcbiAgICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3ggPSAoeyBpc0Rpc2FibGVkLCBpc0NoZWNrZWQsIGxhYmVsLCBpZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Um9vdCB7Li4ucHJvcHN9PlxuICAgICAgPElucHV0XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGNoZWNrZWQ9e2lzQ2hlY2tlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgLz5cbiAgICAgIHtsYWJlbCAmJiA8SW5saW5lRmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvSW5saW5lRmllbGRMYWJlbD59XG4gICAgPC9Sb290PlxuICApO1xufTtcblxuQ2hlY2tib3gucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0NoZWNrZWQ6IFByb3BUeXBlcy5ib29sLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */",
+  name: "1y2k6ax",
+  styles: "display:grid;grid-auto-flow:column;align-items:center;width:fit-content;column-gap:8px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RXVCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBGaWVsZEhpbnQsIElubGluZUZpZWxkTGFiZWwgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHNpemUgPSAxNjtcbmNvbnN0IGNoZWNrSGVpZ2h0ID0gc2l6ZSAvIDEuNjtcbmNvbnN0IGNoZWNrV2lkdGggPSBjaGVja0hlaWdodCAvIDEuODtcbmNvbnN0IGNoZWNrU3Ryb2tlID0gMS41O1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgLS1jaGVja0NvbG9yOiAke2dldENvbG9yKCdjb250ZW50SW52ZXJ0Jyl9O1xuICAtLWJhY2tncm91bmRDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC0tYmFja2dyb3VuZENvbG9yQWN0aXZlOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAtLWJvcmRlckNvbG9yOiAke2dldENvbG9yKCdncmV5NCcpfTtcblxuICBhcHBlYXJhbmNlOiBub25lO1xuICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgd2lkdGg6ICR7c2l6ZX1weDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3IpO1xuICBib3JkZXI6ICR7c3Ryb2tlU2l6ZX0gc29saWQgdmFyKC0tYm9yZGVyQ29sb3IpO1xuICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25EZWZhdWx0fTtcbiAgZ3JpZC1yb3c6IDEgLyAzO1xuXG4gICY6aG92ZXIge1xuICAgIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk3Jyl9O1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkhvdmVyfTtcbiAgfVxuXG4gICY6Y2hlY2tlZCB7XG4gICAgLS1ib3JkZXJDb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yQWN0aXZlKTtcbiAgICAtLWJhY2tncm91bmRDb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yQWN0aXZlKTtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW46IGF1dG87XG4gICAgaGVpZ2h0OiAke2NoZWNrSGVpZ2h0fXB4O1xuICAgIHdpZHRoOiAke2NoZWNrV2lkdGh9cHg7XG4gICAgYm94LXNoYWRvdzogaW5zZXQgLSR7Y2hlY2tTdHJva2V9cHggLSR7Y2hlY2tTdHJva2V9cHggMCB2YXIoLS1jaGVja0NvbG9yKTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gICY6Y2hlY2tlZDphZnRlciB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIC0tY2hlY2tDb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9O1xuICAgIC0tYmFja2dyb3VuZENvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmU6ICR7Z2V0Q29sb3IoJ2JhY2tncm91bmREaXNhYmxlZCcpfTtcbiAgICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgY29sdW1uLWdhcDogOHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENoZWNrYm94ID0gKHsgaXNEaXNhYmxlZCwgaXNDaGVja2VkLCBsYWJlbCwgaGludCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFJvb3Qgey4uLnByb3BzfT5cbiAgICAgIDxJbnB1dFxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBjaGVja2VkPXtpc0NoZWNrZWR9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgIC8+XG4gICAgICB7bGFiZWwgJiYgPElubGluZUZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0lubGluZUZpZWxkTGFiZWw+fVxuICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG4gICAgPC9Sb290PlxuICApO1xufTtcblxuQ2hlY2tib3gucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0NoZWNrZWQ6IFByb3BUeXBlcy5ib29sLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgaGludDogdHlwZXMuaGludCxcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -47,6 +48,7 @@ export var Checkbox = function Checkbox(_ref) {
   var isDisabled = _ref.isDisabled,
       isChecked = _ref.isChecked,
       label = _ref.label,
+      hint = _ref.hint,
       id = _ref.id,
       onChange = _ref.onChange,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -59,12 +61,13 @@ export var Checkbox = function Checkbox(_ref) {
     onChange: onChange
   }), label && ___EmotionJSX(InlineFieldLabel, {
     htmlFor: id
-  }, label));
+  }, label), hint && ___EmotionJSX(FieldHint, null, hint));
 };
 Checkbox.propTypes = {
   id: PropTypes.string.isRequired,
   onChange: PropTypes.func,
   isDisabled: PropTypes.bool,
   isChecked: PropTypes.bool,
-  label: PropTypes.string
+  label: PropTypes.string,
+  hint: types.hint
 };

package/es/components/icon-button.js

@@ -3,7 +3,7 @@ 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", "color", "variant"];
+var _excluded = ["children", "isDisabled", "icon", "color", "variant", "type"];
 
 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); }
 
@@ -28,7 +28,7 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
   return getClearButtonStyles({
     variant: variant
   });
-}, ";width:", componentVars.clearButtonHeight, ";&:hover{--grn-color-icon:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7KHsgdmFyaWFudCB9KSA9PiBnZXRDbGVhckJ1dHRvblN0eWxlcyh7IHZhcmlhbnQgfSl9O1xuICB3aWR0aDogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fTtcblxuICAmOmhvdmVyIHtcbiAgICAtLWdybi1jb2xvci1pY29uOiBjdXJyZW50Q29sb3I7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzRGlzYWJsZWQsIGljb24sIGNvbG9yLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8V3JhcHBlciBkaXNhYmxlZD17aXNEaXNhYmxlZH0gaWNvbj17aWNvbn0gY29sb3I9e2NvbG9yfSByZWY9e3JlZn0gdmFyaWFudD17dmFyaWFudH0gey4uLnByb3BzfT5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKSxcbik7XG5cbkljb25CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxufTtcbiJdfQ== */"));
+}, ";width:", componentVars.clearButtonHeight, ";&:hover{--grn-color-icon:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7KHsgdmFyaWFudCB9KSA9PiBnZXRDbGVhckJ1dHRvblN0eWxlcyh7IHZhcmlhbnQgfSl9O1xuICB3aWR0aDogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fTtcblxuICAmOmhvdmVyIHtcbiAgICAtLWdybi1jb2xvci1pY29uOiBjdXJyZW50Q29sb3I7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzRGlzYWJsZWQsIGljb24sIGNvbG9yLCB2YXJpYW50ID0gJ25ldXRyYWwnLCB0eXBlID0gJ2J1dHRvbicsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxXcmFwcGVyXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKSxcbik7XG5cbkljb25CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxufTtcbiJdfQ== */"));
 
 export var IconButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
@@ -37,9 +37,12 @@ export var IconButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       color = _ref2.color,
       _ref2$variant = _ref2.variant,
       variant = _ref2$variant === void 0 ? 'neutral' : _ref2$variant,
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? 'button' : _ref2$type,
       props = _objectWithoutProperties(_ref2, _excluded);
 
   return ___EmotionJSX(Wrapper, _extends({
+    type: type,
     disabled: isDisabled,
     icon: icon,
     color: color,
@@ -55,5 +58,6 @@ IconButton.propTypes = {
   onClick: PropTypes.func,
   isDisabled: PropTypes.bool,
   color: types.color,
-  variant: types.clearButtonVariant
+  variant: types.clearButtonVariant,
+  type: types.buttonType
 };

package/es/components/icon-toggle.js

@@ -29,7 +29,7 @@ var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
 } : {
   target: "e9umpvt1",
   label: "Wrapper"
-})("display:flex;border:", strokeSize, " solid ", getColor('border2'), ";border-radius:var(--grn-radius-s);width:fit-content;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuY29uc3Qgd2lkdGggPSBgY2FsYygke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH0gKyAycHgpYDtcbmNvbnN0IGhlaWdodCA9IGBjYWxjKCR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fSAtIGNhbGMoJHtzdHJva2VTaXplfSAqIDIpKWA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXI6ICR7c3Ryb2tlU2l6ZX0gc29saWQgJHtnZXRDb2xvcignYm9yZGVyMicpfTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3JuLXJhZGl1cy1zKTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgSXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIC0tYm9yZGVyQ29sb3I6IHRyYW5zcGFyZW50O1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLWxlZnQ6ICR7c3Ryb2tlU2l6ZX0gc29saWQgdmFyKC0tYm9yZGVyQ29sb3IpO1xuICBwYWRkaW5nOiAwO1xuICBtaW4td2lkdGg6ICR7d2lkdGh9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItaWNvbik7XG4gIHRyYW5zaXRpb246ICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uRGVmYXVsdH07XG5cbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiBpc0FjdGl2ZSAmJiBgLS1ncm4tY29sb3ItaWNvbjogJHtnZXRDb2xvcignY29udGVudCcpfWB9O1xuXG4gICY6aG92ZXIge1xuICAgIC0tZ3JuLWNvbG9yLWljb246ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cblxuICAmICsgLkljb25Ub2dnbGUge1xuICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWJvcmRlcjIpO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkRlZmF1bHR9O1xuICAgIGJveC1zaGFkb3c6IDAgMCAwICR7c3Ryb2tlU2l6ZX0gdmFyKC0tYm9yZGVyQ29sb3IpO1xuXG4gICAgJHtwID0+XG4gICAgICBwLmlzQWN0aXZlICYmXG4gICAgICBgXG4gICAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG4gICAgICAtLWJvcmRlckNvbG9yOiAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgIGB9O1xuICB9XG5cbiAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICBtaW4td2lkdGg6IGNhbGMoJHt3aWR0aH0gLSAke3N0cm9rZVNpemV9KTtcbiAgfVxuXG4gICY6Zmlyc3Qtb2YtdHlwZTphZnRlciB7XG4gICAgd2lkdGg6IGNhbGMoMTAwJSArICR7c3Ryb2tlU2l6ZX0pO1xuICAgIGxlZnQ6IC0ke3N0cm9rZVNpemV9O1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi1yYWRpdXMtcykgMCAwIHZhcigtLWdybi1yYWRpdXMtcyk7XG4gIH1cblxuICAmOmxhc3QtY2hpbGQ6YWZ0ZXIge1xuICAgIGJvcmRlci1yYWRpdXM6IDAgdmFyKC0tZ3JuLXJhZGl1cy1zKSB2YXIoLS1ncm4tcmFkaXVzLXMpIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgaWNvbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlciByZWY9e3JlZn0gY2xhc3NOYW1lPVwiSWNvblRvZ2dsZVwiIGlzQWN0aXZlPXtpc0FjdGl2ZX0gb25DbGljaz17b25DbGlja30gey4uLnByb3BzfT5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IEljb25Ub2dnbGVHcm91cCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8V3JhcHBlciByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbikpO1xuXG5JY29uVG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5JY29uVG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiB0eXBlcy5pY29uLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
+})("display:flex;border:", strokeSize, " solid ", getColor('border2'), ";border-radius:var(--grn-radius-s);width:fit-content;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuY29uc3Qgd2lkdGggPSBgY2FsYygke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH0gKyAycHgpYDtcbmNvbnN0IGhlaWdodCA9IGBjYWxjKCR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fSAtIGNhbGMoJHtzdHJva2VTaXplfSAqIDIpKWA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXI6ICR7c3Ryb2tlU2l6ZX0gc29saWQgJHtnZXRDb2xvcignYm9yZGVyMicpfTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3JuLXJhZGl1cy1zKTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgSXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIC0tYm9yZGVyQ29sb3I6IHRyYW5zcGFyZW50O1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLWxlZnQ6ICR7c3Ryb2tlU2l6ZX0gc29saWQgdmFyKC0tYm9yZGVyQ29sb3IpO1xuICBwYWRkaW5nOiAwO1xuICBtaW4td2lkdGg6ICR7d2lkdGh9O1xuICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItaWNvbik7XG4gIHRyYW5zaXRpb246ICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uRGVmYXVsdH07XG5cbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiBpc0FjdGl2ZSAmJiBgLS1ncm4tY29sb3ItaWNvbjogJHtnZXRDb2xvcignY29udGVudCcpfWB9O1xuXG4gICY6aG92ZXIge1xuICAgIC0tZ3JuLWNvbG9yLWljb246ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cblxuICAmICsgLkljb25Ub2dnbGUge1xuICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWJvcmRlcjIpO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkRlZmF1bHR9O1xuICAgIGJveC1zaGFkb3c6IDAgMCAwICR7c3Ryb2tlU2l6ZX0gdmFyKC0tYm9yZGVyQ29sb3IpO1xuXG4gICAgJHtwID0+XG4gICAgICBwLmlzQWN0aXZlICYmXG4gICAgICBgXG4gICAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG4gICAgICAtLWJvcmRlckNvbG9yOiAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgIGB9O1xuICB9XG5cbiAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICBtaW4td2lkdGg6IGNhbGMoJHt3aWR0aH0gLSAke3N0cm9rZVNpemV9KTtcbiAgfVxuXG4gICY6Zmlyc3Qtb2YtdHlwZTphZnRlciB7XG4gICAgd2lkdGg6IGNhbGMoMTAwJSArICR7c3Ryb2tlU2l6ZX0pO1xuICAgIGxlZnQ6IC0ke3N0cm9rZVNpemV9O1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi1yYWRpdXMtcykgMCAwIHZhcigtLWdybi1yYWRpdXMtcyk7XG4gIH1cblxuICAmOmxhc3QtY2hpbGQ6YWZ0ZXIge1xuICAgIGJvcmRlci1yYWRpdXM6IDAgdmFyKC0tZ3JuLXJhZGl1cy1zKSB2YXIoLS1ncm4tcmFkaXVzLXMpIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgaWNvbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlclxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNsYXNzTmFtZT1cIkljb25Ub2dnbGVcIlxuICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSAvPn1cbiAgICAgIHtjaGlsZHJlbiAmJiBjaGlsZHJlbn1cbiAgICA8L0l0ZW1XcmFwcGVyPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlR3JvdXAgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFdyYXBwZXIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pKTtcblxuSWNvblRvZ2dsZUdyb3VwLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuSWNvblRvZ2dsZS5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogdHlwZXMuaWNvbixcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
 
 var ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e9umpvt0"
@@ -41,7 +41,7 @@ var ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "produ
   return isActive && "--grn-color-icon: ".concat(getColor('content'));
 }, ";&:hover{--grn-color-icon:", getColor('content'), ";}&+.IconToggle{border-color:var(--grn-color-border2);}&:after{content:'';pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;transition:", componentVars.transitionDefault, ";box-shadow:0 0 0 ", strokeSize, " var(--borderColor);", function (p) {
   return p.isActive && "\n      transition: ".concat(componentVars.transitionActive, ";\n      --borderColor: ").concat(componentVars.activeBorderColor, ";\n    ");
-}, ";}&:first-of-type{min-width:calc(", width, " - ", strokeSize, ");}&:first-of-type:after{width:calc(100% + ", strokeSize, ");left:-", strokeSize, ";border-radius:var(--grn-radius-s) 0 0 var(--grn-radius-s);}&:last-child:after{border-radius:0 var(--grn-radius-s) var(--grn-radius-s) 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcbmNvbnN0IHdpZHRoID0gYGNhbGMoJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9ICsgMnB4KWA7XG5jb25zdCBoZWlnaHQgPSBgY2FsYygke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH0gLSBjYWxjKCR7c3Ryb2tlU2l6ZX0gKiAyKSlgO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkICR7Z2V0Q29sb3IoJ2JvcmRlcjInKX07XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi1yYWRpdXMtcyk7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5cbmNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcblxuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1sZWZ0OiAke3N0cm9rZVNpemV9IHNvbGlkIHZhcigtLWJvcmRlckNvbG9yKTtcbiAgcGFkZGluZzogMDtcbiAgbWluLXdpZHRoOiAke3dpZHRofTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWljb24pO1xuICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkRlZmF1bHR9O1xuXG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gaXNBY3RpdmUgJiYgYC0tZ3JuLWNvbG9yLWljb246ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX1gfTtcblxuICAmOmhvdmVyIHtcbiAgICAtLWdybi1jb2xvci1pY29uOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG5cbiAgJiArIC5JY29uVG9nZ2xlIHtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1jb2xvci1ib3JkZXIyKTtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25EZWZhdWx0fTtcbiAgICBib3gtc2hhZG93OiAwIDAgMCAke3N0cm9rZVNpemV9IHZhcigtLWJvcmRlckNvbG9yKTtcblxuICAgICR7cCA9PlxuICAgICAgcC5pc0FjdGl2ZSAmJlxuICAgICAgYFxuICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgLS1ib3JkZXJDb2xvcjogJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICBgfTtcbiAgfVxuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgbWluLXdpZHRoOiBjYWxjKCR7d2lkdGh9IC0gJHtzdHJva2VTaXplfSk7XG4gIH1cblxuICAmOmZpcnN0LW9mLXR5cGU6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgKyAke3N0cm9rZVNpemV9KTtcbiAgICBsZWZ0OiAtJHtzdHJva2VTaXplfTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tcmFkaXVzLXMpIDAgMCB2YXIoLS1ncm4tcmFkaXVzLXMpO1xuICB9XG5cbiAgJjpsYXN0LWNoaWxkOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAwIHZhcigtLWdybi1yYWRpdXMtcykgdmFyKC0tZ3JuLXJhZGl1cy1zKSAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvblRvZ2dsZSA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGljb24sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXIgcmVmPXtyZWZ9IGNsYXNzTmFtZT1cIkljb25Ub2dnbGVcIiBpc0FjdGl2ZT17aXNBY3RpdmV9IG9uQ2xpY2s9e29uQ2xpY2t9IHsuLi5wcm9wc30+XG4gICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSAvPn1cbiAgICAgIHtjaGlsZHJlbiAmJiBjaGlsZHJlbn1cbiAgICA8L0l0ZW1XcmFwcGVyPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlR3JvdXAgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFdyYXBwZXIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pKTtcblxuSWNvblRvZ2dsZUdyb3VwLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuSWNvblRvZ2dsZS5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogdHlwZXMuaWNvbixcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
+}, ";}&:first-of-type{min-width:calc(", width, " - ", strokeSize, ");}&:first-of-type:after{width:calc(100% + ", strokeSize, ");left:-", strokeSize, ";border-radius:var(--grn-radius-s) 0 0 var(--grn-radius-s);}&:last-child:after{border-radius:0 var(--grn-radius-s) var(--grn-radius-s) 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcbmNvbnN0IHdpZHRoID0gYGNhbGMoJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9ICsgMnB4KWA7XG5jb25zdCBoZWlnaHQgPSBgY2FsYygke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH0gLSBjYWxjKCR7c3Ryb2tlU2l6ZX0gKiAyKSlgO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkICR7Z2V0Q29sb3IoJ2JvcmRlcjInKX07XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi1yYWRpdXMtcyk7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5cbmNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcblxuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1sZWZ0OiAke3N0cm9rZVNpemV9IHNvbGlkIHZhcigtLWJvcmRlckNvbG9yKTtcbiAgcGFkZGluZzogMDtcbiAgbWluLXdpZHRoOiAke3dpZHRofTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWljb24pO1xuICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkRlZmF1bHR9O1xuXG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gaXNBY3RpdmUgJiYgYC0tZ3JuLWNvbG9yLWljb246ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX1gfTtcblxuICAmOmhvdmVyIHtcbiAgICAtLWdybi1jb2xvci1pY29uOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG5cbiAgJiArIC5JY29uVG9nZ2xlIHtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1jb2xvci1ib3JkZXIyKTtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25EZWZhdWx0fTtcbiAgICBib3gtc2hhZG93OiAwIDAgMCAke3N0cm9rZVNpemV9IHZhcigtLWJvcmRlckNvbG9yKTtcblxuICAgICR7cCA9PlxuICAgICAgcC5pc0FjdGl2ZSAmJlxuICAgICAgYFxuICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgLS1ib3JkZXJDb2xvcjogJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICBgfTtcbiAgfVxuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgbWluLXdpZHRoOiBjYWxjKCR7d2lkdGh9IC0gJHtzdHJva2VTaXplfSk7XG4gIH1cblxuICAmOmZpcnN0LW9mLXR5cGU6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgKyAke3N0cm9rZVNpemV9KTtcbiAgICBsZWZ0OiAtJHtzdHJva2VTaXplfTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tcmFkaXVzLXMpIDAgMCB2YXIoLS1ncm4tcmFkaXVzLXMpO1xuICB9XG5cbiAgJjpsYXN0LWNoaWxkOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAwIHZhcigtLWdybi1yYWRpdXMtcykgdmFyKC0tZ3JuLXJhZGl1cy1zKSAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvblRvZ2dsZSA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGljb24sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBjbGFzc05hbWU9XCJJY29uVG9nZ2xlXCJcbiAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gLz59XG4gICAgICB7Y2hpbGRyZW4gJiYgY2hpbGRyZW59XG4gICAgPC9JdGVtV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgSWNvblRvZ2dsZUdyb3VwID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxXcmFwcGVyIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9XcmFwcGVyPlxuKSk7XG5cbkljb25Ub2dnbGVHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbkljb25Ub2dnbGUucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IHR5cGVzLmljb24sXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
 
 export var IconToggle = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
@@ -52,6 +52,7 @@ export var IconToggle = /*#__PURE__*/forwardRef(function (_ref2, ref) {
 
   return ___EmotionJSX(ItemWrapper, _extends({
     ref: ref,
+    type: "button",
     className: "IconToggle",
     isActive: isActive,
     onClick: onClick

package/es/components/link.js

@@ -16,12 +16,12 @@ import { getColor } from '../utilities';
 import { styles } from '../foundational';
 import PropTypes from 'prop-types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var baseStyles = /*#__PURE__*/css(styles.transitions, ";text-underline-position:under;text-underline-offset:calc(2px - 0.1em);color:inherit;cursor:pointer;&:hover{text-decoration-color:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1zQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxpbmtTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhZzogUHJvcFR5cGVzLm9uZU9mKFsnYScsICdidXR0b24nXSksXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */");
+var baseStyles = /*#__PURE__*/css(styles.transitions, ";text-underline-position:under;text-underline-offset:calc(2px - 0.1em);color:inherit;cursor:pointer;&:hover{text-decoration-color:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1zQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxpbmtTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgY29uc3QgdHlwZSA9IHRhZyA9PT0gJ2J1dHRvbicgPyAnYnV0dG9uJyA6IHVuZGVmaW5lZDtcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7dGFnID09PSAnYnV0dG9uJyAmJiBidXR0b25TdHlsZXN9O1xuICAgICAgICAke2xpbmtTdHlsZXNbdmFyaWFudF19O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59KTtcblxuTGluay5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFyZ2V0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YWc6IFByb3BUeXBlcy5vbmVPZihbJ2EnLCAnYnV0dG9uJ10pLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */");
 export var linkStyles = {
-  neutral: /*#__PURE__*/css(baseStyles, ";text-decoration-color:", getColor('fade3'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:neutral;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxpbmtTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhZzogUHJvcFR5cGVzLm9uZU9mKFsnYScsICdidXR0b24nXSksXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"),
-  subtle: /*#__PURE__*/css(baseStyles, ";text-decoration-color:transparent;" + (process.env.NODE_ENV === "production" ? "" : ";label:subtle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCYSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxpbmtTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhZzogUHJvcFR5cGVzLm9uZU9mKFsnYScsICdidXR0b24nXSksXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */")
+  neutral: /*#__PURE__*/css(baseStyles, ";text-decoration-color:", getColor('fade3'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:neutral;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxpbmtTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgY29uc3QgdHlwZSA9IHRhZyA9PT0gJ2J1dHRvbicgPyAnYnV0dG9uJyA6IHVuZGVmaW5lZDtcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7dGFnID09PSAnYnV0dG9uJyAmJiBidXR0b25TdHlsZXN9O1xuICAgICAgICAke2xpbmtTdHlsZXNbdmFyaWFudF19O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59KTtcblxuTGluay5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFyZ2V0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YWc6IFByb3BUeXBlcy5vbmVPZihbJ2EnLCAnYnV0dG9uJ10pLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"),
+  subtle: /*#__PURE__*/css(baseStyles, ";text-decoration-color:transparent;" + (process.env.NODE_ENV === "production" ? "" : ";label:subtle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCYSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxpbmtTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgY29uc3QgdHlwZSA9IHRhZyA9PT0gJ2J1dHRvbicgPyAnYnV0dG9uJyA6IHVuZGVmaW5lZDtcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7dGFnID09PSAnYnV0dG9uJyAmJiBidXR0b25TdHlsZXN9O1xuICAgICAgICAke2xpbmtTdHlsZXNbdmFyaWFudF19O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59KTtcblxuTGluay5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFyZ2V0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YWc6IFByb3BUeXBlcy5vbmVPZihbJ2EnLCAnYnV0dG9uJ10pLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */")
 };
-var buttonStyles = /*#__PURE__*/css(styles.buttonReset, ";border:none;background:transparent;padding:0;text-decoration:underline;font-weight:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCd0IiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbGluay5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuXG5jb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gIHRleHQtdW5kZXJsaW5lLXBvc2l0aW9uOiB1bmRlcjtcbiAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiBjYWxjKDJweCAtIDAuMWVtKTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgJjpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsaW5rU3R5bGVzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6ICR7Z2V0Q29sb3IoJ2ZhZGUzJyl9O1xuICBgLFxuXG4gIHN1YnRsZTogY3NzYFxuICAgICR7YmFzZVN0eWxlc307XG4gICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYCxcbn07XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgZm9udC13ZWlnaHQ6IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7dGFnID09PSAnYnV0dG9uJyAmJiBidXR0b25TdHlsZXN9O1xuICAgICAgICAke2xpbmtTdHlsZXNbdmFyaWFudF19O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59KTtcblxuTGluay5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFyZ2V0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YWc6IFByb3BUeXBlcy5vbmVPZihbJ2EnLCAnYnV0dG9uJ10pLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */");
+var buttonStyles = /*#__PURE__*/css(styles.buttonReset, ";border:none;background:transparent;padding:0;text-decoration:underline;font-weight:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCd0IiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbGluay5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuXG5jb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gIHRleHQtdW5kZXJsaW5lLXBvc2l0aW9uOiB1bmRlcjtcbiAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiBjYWxjKDJweCAtIDAuMWVtKTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgJjpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsaW5rU3R5bGVzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6ICR7Z2V0Q29sb3IoJ2ZhZGUzJyl9O1xuICBgLFxuXG4gIHN1YnRsZTogY3NzYFxuICAgICR7YmFzZVN0eWxlc307XG4gICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYCxcbn07XG5cbmNvbnN0IGJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgZm9udC13ZWlnaHQ6IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IExpbmsgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0YWcgPSAnYScsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIGNvbnN0IHR5cGUgPSB0YWcgPT09ICdidXR0b24nID8gJ2J1dHRvbicgOiB1bmRlZmluZWQ7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgdHlwZT17dHlwZX1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgYXM9e3RhZ31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3RhZyA9PT0gJ2J1dHRvbicgJiYgYnV0dG9uU3R5bGVzfTtcbiAgICAgICAgJHtsaW5rU3R5bGVzW3ZhcmlhbnRdfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufSk7XG5cbkxpbmsucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhyZWY6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhcmdldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFnOiBQcm9wVHlwZXMub25lT2YoWydhJywgJ2J1dHRvbiddKSxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */");
 export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       _ref$tag = _ref.tag,
@@ -31,10 +31,12 @@ export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   var Tag = tag;
+  var type = tag === 'button' ? 'button' : undefined;
   return ___EmotionJSX(Tag, _extends({
+    type: type,
     ref: ref,
     as: tag,
-    css: /*#__PURE__*/css(tag === 'button' && buttonStyles, ";", linkStyles[variant], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Link;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxpbmtTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhZzogUHJvcFR5cGVzLm9uZU9mKFsnYScsICdidXR0b24nXSksXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */")
+    css: /*#__PURE__*/css(tag === 'button' && buttonStyles, ";", linkStyles[variant], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Link;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGxpbmtTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtnZXRDb2xvcignZmFkZTMnKX07XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgY29uc3QgdHlwZSA9IHRhZyA9PT0gJ2J1dHRvbicgPyAnYnV0dG9uJyA6IHVuZGVmaW5lZDtcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7dGFnID09PSAnYnV0dG9uJyAmJiBidXR0b25TdHlsZXN9O1xuICAgICAgICAke2xpbmtTdHlsZXNbdmFyaWFudF19O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59KTtcblxuTGluay5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFyZ2V0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YWc6IFByb3BUeXBlcy5vbmVPZihbJ2EnLCAnYnV0dG9uJ10pLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */")
   }, props), children);
 });
 Link.propTypes = {

package/es/components/multi-autocomplete.js

@@ -76,7 +76,7 @@ var Tags = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   name: "1l3dtim",
   styles: "display:flex;align-items:start;gap:4px;margin-bottom:8px;flex-wrap:wrap",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL211bHRpLWF1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9tdWx0aS1hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgTWVudUNhcmQsIE1lbnVJdGVtLCBJbnB1dEZpZWxkLCBnZXRDbGVhckJ1dHRvblN0eWxlcywgZmllbGRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgUm9vdCA9ICh7IC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIDxCb3ggey4uLnByb3BzfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgLz47XG59O1xuXG5jb25zdCBUcmlnZ2VyID0gZm9yd2FyZFJlZigoeyAuLi5wcm9wcyB9LCByZWYpID0+IDxCb3ggcmVmPXtyZWZ9IHsuLi5wcm9wc30gcG9zaXRpb249XCJyZWxhdGl2ZVwiIC8+KTtcblxuY29uc3QgRW1wdHlTdGF0ZSA9ICgpID0+IChcbiAgPEJveCBwYWRkaW5nPVwic1wiPlxuICAgIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIj5ObyByZXN1bHRzPC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFRhZ3MgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGdhcDogNHB4O1xuICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbmA7XG5cbmNvbnN0IFJlbW92ZUJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICR7Z2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50OiAnbmV1dHJhbCcgfSl9O1xuICB3aWR0aDogMjRweDtcbiAgaGVpZ2h0OiAyNHB4O1xuYDtcblxuY29uc3QgVGFnID0gKHsgY2hpbGRyZW4sIG9uUmVtb3ZlQ2xpY2sgfSkgPT4gKFxuICA8Qm94IGJhY2tncm91bmRDb2xvcj1cImZhZGUxXCIgcmFkaXVzPVwic1wiIGhlaWdodD1cIjMycHhcIiBwYWRkaW5nTGVmdD1cIjEycHhcIiBwYWRkaW5nUmlnaHQ9XCI4cHhcIj5cbiAgICA8QXJyYW5nZSBnYXA9XCI0cHhcIiBoZWlnaHQ9XCIxMDAlXCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8UmVtb3ZlQnV0dG9uIG9uQ2xpY2s9eygpID0+IG9uUmVtb3ZlQ2xpY2soKX0+XG4gICAgICAgIDxJY29uIGljb249ezxJY29uQ3Jvc3MgLz59IHNpemU9XCJzXCIgLz5cbiAgICAgIDwvUmVtb3ZlQnV0dG9uPlxuICAgIDwvQXJyYW5nZT5cbiAgPC9Cb3g+XG4pO1xuXG5leHBvcnQgY29uc3QgTXVsdGlBdXRvY29tcGxldGUgPSAoe1xuICBvcHRpb25zLFxuICBkZWZhdWx0T3B0aW9ucyA9IFtdLFxuICBvbkNoYW5nZSxcbiAgbWVudVdpZHRoID0gJzEwMCUnLFxuICBtZW51WkluZGV4ID0gMSxcbiAgcGxhY2Vob2xkZXIsXG59KSA9PiB7XG4gIGNvbnN0IFtzZWxlY3RlZE9wdGlvbnMsIHNldFNlbGVjdGVkT3B0aW9uc10gPSB1c2VTdGF0ZShkZWZhdWx0T3B0aW9ucyk7XG4gIGNvbnN0IFtxdWVyeSwgc2V0UXVlcnldID0gdXNlU3RhdGUoJycpO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IG9wdGlvbiA9PiB7XG4gICAgc2V0U2VsZWN0ZWRPcHRpb25zKG9wdGlvbik7XG4gICAgb25DaGFuZ2UgJiYgb25DaGFuZ2Uob3B0aW9uKTtcbiAgICBzZXRRdWVyeSgnJyk7XG4gIH07XG5cbiAgY29uc3QgZmlsdGVyZWRPcHRpb25zID1cbiAgICBxdWVyeSA9PT0gJydcbiAgICAgID8gb3B0aW9uc1xuICAgICAgOiBvcHRpb25zLmZpbHRlcihvcHRpb24gPT4ge1xuICAgICAgICAgIHJldHVybiBvcHRpb24uY29udGVudC50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHF1ZXJ5LnRvTG93ZXJDYXNlKCkpO1xuICAgICAgICB9KTtcblxuICBjb25zdCBkZXNlbGVjdE9wdGlvbiA9IG9wdGlvbiA9PiB7XG4gICAgY29uc3QgcmVtYWluaW5nID0gc2VsZWN0ZWRPcHRpb25zLmZpbHRlcihpdGVtID0+IGl0ZW0gIT09IG9wdGlvbik7XG4gICAgc2V0U2VsZWN0ZWRPcHRpb25zKHJlbWFpbmluZyk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8Q29tYm9ib3ggYXM9e1Jvb3R9IHZhbHVlPXtzZWxlY3RlZE9wdGlvbnN9IG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9IG11bHRpcGxlPlxuICAgICAge3NlbGVjdGVkT3B0aW9ucy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgPFRhZ3M+XG4gICAgICAgICAge3NlbGVjdGVkT3B0aW9ucy5tYXAob3B0aW9uID0+IChcbiAgICAgICAgICAgIDxUYWcgb25SZW1vdmVDbGljaz17KCkgPT4gZGVzZWxlY3RPcHRpb24ob3B0aW9uKX0ga2V5PXtvcHRpb24uaWR9PlxuICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICA8L1RhZz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9UYWdzPlxuICAgICAgKX1cblxuICAgICAgPENvbWJvYm94LkJ1dHRvbiBhcz17VHJpZ2dlcn0+XG4gICAgICAgIDxJbnB1dEZpZWxkXG4gICAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gc2V0UXVlcnkoZXZlbnQudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgIC8+XG5cbiAgICAgICAgPEJveFxuICAgICAgICAgIHJpZ2h0PXtmaWVsZFZhcnMueFBhZGRpbmd9XG4gICAgICAgICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgICAgICAgdG9wPVwiMHB4XCJcbiAgICAgICAgICBib3R0b209XCIwcHhcIlxuICAgICAgICAgIG1hcmdpbj1cImF1dG9cIlxuICAgICAgICAgIGhlaWdodD1cImZpdC1jb250ZW50XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uIGljb249ezxJY29uQ2hldnJvbkRvd24gLz59IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9Db21ib2JveC5CdXR0b24+XG5cbiAgICAgIDxDb21ib2JveC5PcHRpb25zIHdpZHRoPXttZW51V2lkdGh9IGFzPXtNZW51Q2FyZH0gekluZGV4PXttZW51WkluZGV4fT5cbiAgICAgICAge2ZpbHRlcmVkT3B0aW9ucy5tYXAoKG9wdGlvbiwgaW5kZXgpID0+IChcbiAgICAgICAgICA8Q29tYm9ib3guT3B0aW9uIGtleT17aW5kZXh9IHZhbHVlPXtvcHRpb259IGFzPXtSZWFjdC5GcmFnbWVudH0+XG4gICAgICAgICAgICB7KHsgYWN0aXZlLCBzZWxlY3RlZCB9KSA9PiAoXG4gICAgICAgICAgICAgIDxNZW51SXRlbSBpc1NlbGVjdGVkPXtzZWxlY3RlZH0gaXNBY3RpdmU9e2FjdGl2ZX0+XG4gICAgICAgICAgICAgICAge29wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgICA8L01lbnVJdGVtPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0NvbWJvYm94Lk9wdGlvbj5cbiAgICAgICAgKSl9XG4gICAgICAgIHshQm9vbGVhbihmaWx0ZXJlZE9wdGlvbnMubGVuZ3RoKSAmJiA8RW1wdHlTdGF0ZSAvPn1cbiAgICAgIDwvQ29tYm9ib3guT3B0aW9ucz5cbiAgICA8L0NvbWJvYm94PlxuICApO1xufTtcblxuTXVsdGlBdXRvY29tcGxldGUucHJvcFR5cGVzID0ge1xuICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXksXG4gIGRlZmF1bHRPcHRpb246IFByb3BUeXBlcy5vYmplY3QsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgbWVudVdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIG1lbnVaSW5kZXg6IHR5cGVzLnpJbmRleCxcbn07XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL211bHRpLWF1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9tdWx0aS1hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgTWVudUNhcmQsIE1lbnVJdGVtLCBJbnB1dEZpZWxkLCBnZXRDbGVhckJ1dHRvblN0eWxlcywgZmllbGRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgUm9vdCA9ICh7IC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIDxCb3ggey4uLnByb3BzfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgLz47XG59O1xuXG5jb25zdCBUcmlnZ2VyID0gZm9yd2FyZFJlZigoeyAuLi5wcm9wcyB9LCByZWYpID0+IDxCb3ggcmVmPXtyZWZ9IHsuLi5wcm9wc30gcG9zaXRpb249XCJyZWxhdGl2ZVwiIC8+KTtcblxuY29uc3QgRW1wdHlTdGF0ZSA9ICgpID0+IChcbiAgPEJveCBwYWRkaW5nPVwic1wiPlxuICAgIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIj5ObyByZXN1bHRzPC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFRhZ3MgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGdhcDogNHB4O1xuICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbmA7XG5cbmNvbnN0IFJlbW92ZUJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICR7Z2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50OiAnbmV1dHJhbCcgfSl9O1xuICB3aWR0aDogMjRweDtcbiAgaGVpZ2h0OiAyNHB4O1xuYDtcblxuY29uc3QgVGFnID0gKHsgY2hpbGRyZW4sIG9uUmVtb3ZlQ2xpY2sgfSkgPT4gKFxuICA8Qm94IGJhY2tncm91bmRDb2xvcj1cImZhZGUxXCIgcmFkaXVzPVwic1wiIGhlaWdodD1cIjMycHhcIiBwYWRkaW5nTGVmdD1cIjEycHhcIiBwYWRkaW5nUmlnaHQ9XCI4cHhcIj5cbiAgICA8QXJyYW5nZSBnYXA9XCI0cHhcIiBoZWlnaHQ9XCIxMDAlXCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8UmVtb3ZlQnV0dG9uIHR5cGU9XCJidXR0b25cIiBvbkNsaWNrPXsoKSA9PiBvblJlbW92ZUNsaWNrKCl9PlxuICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBzaXplPVwic1wiIC8+XG4gICAgICA8L1JlbW92ZUJ1dHRvbj5cbiAgICA8L0FycmFuZ2U+XG4gIDwvQm94PlxuKTtcblxuZXhwb3J0IGNvbnN0IE11bHRpQXV0b2NvbXBsZXRlID0gKHtcbiAgb3B0aW9ucyxcbiAgZGVmYXVsdE9wdGlvbnMgPSBbXSxcbiAgb25DaGFuZ2UsXG4gIG1lbnVXaWR0aCA9ICcxMDAlJyxcbiAgbWVudVpJbmRleCA9IDEsXG4gIHBsYWNlaG9sZGVyLFxufSkgPT4ge1xuICBjb25zdCBbc2VsZWN0ZWRPcHRpb25zLCBzZXRTZWxlY3RlZE9wdGlvbnNdID0gdXNlU3RhdGUoZGVmYXVsdE9wdGlvbnMpO1xuICBjb25zdCBbcXVlcnksIHNldFF1ZXJ5XSA9IHVzZVN0YXRlKCcnKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSBvcHRpb24gPT4ge1xuICAgIHNldFNlbGVjdGVkT3B0aW9ucyhvcHRpb24pO1xuICAgIG9uQ2hhbmdlICYmIG9uQ2hhbmdlKG9wdGlvbik7XG4gICAgc2V0UXVlcnkoJycpO1xuICB9O1xuXG4gIGNvbnN0IGZpbHRlcmVkT3B0aW9ucyA9XG4gICAgcXVlcnkgPT09ICcnXG4gICAgICA/IG9wdGlvbnNcbiAgICAgIDogb3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IHtcbiAgICAgICAgICByZXR1cm4gb3B0aW9uLmNvbnRlbnQudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhxdWVyeS50b0xvd2VyQ2FzZSgpKTtcbiAgICAgICAgfSk7XG5cbiAgY29uc3QgZGVzZWxlY3RPcHRpb24gPSBvcHRpb24gPT4ge1xuICAgIGNvbnN0IHJlbWFpbmluZyA9IHNlbGVjdGVkT3B0aW9ucy5maWx0ZXIoaXRlbSA9PiBpdGVtICE9PSBvcHRpb24pO1xuICAgIHNldFNlbGVjdGVkT3B0aW9ucyhyZW1haW5pbmcpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENvbWJvYm94IGFzPXtSb290fSB2YWx1ZT17c2VsZWN0ZWRPcHRpb25zfSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSBtdWx0aXBsZT5cbiAgICAgIHtzZWxlY3RlZE9wdGlvbnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxUYWdzPlxuICAgICAgICAgIHtzZWxlY3RlZE9wdGlvbnMubWFwKG9wdGlvbiA9PiAoXG4gICAgICAgICAgICA8VGFnIG9uUmVtb3ZlQ2xpY2s9eygpID0+IGRlc2VsZWN0T3B0aW9uKG9wdGlvbil9IGtleT17b3B0aW9uLmlkfT5cbiAgICAgICAgICAgICAge29wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgPC9UYWc+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvVGFncz5cbiAgICAgICl9XG5cbiAgICAgIDxDb21ib2JveC5CdXR0b24gYXM9e1RyaWdnZXJ9PlxuICAgICAgICA8SW5wdXRGaWVsZFxuICAgICAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgb25DaGFuZ2U9e2V2ZW50ID0+IHNldFF1ZXJ5KGV2ZW50LnRhcmdldC52YWx1ZSl9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAvPlxuXG4gICAgICAgIDxCb3hcbiAgICAgICAgICByaWdodD17ZmllbGRWYXJzLnhQYWRkaW5nfVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD1cIjBweFwiXG4gICAgICAgICAgYm90dG9tPVwiMHB4XCJcbiAgICAgICAgICBtYXJnaW49XCJhdXRvXCJcbiAgICAgICAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29tYm9ib3guQnV0dG9uPlxuXG4gICAgICA8Q29tYm9ib3guT3B0aW9ucyB3aWR0aD17bWVudVdpZHRofSBhcz17TWVudUNhcmR9IHpJbmRleD17bWVudVpJbmRleH0+XG4gICAgICAgIHtmaWx0ZXJlZE9wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPENvbWJvYm94Lk9wdGlvbiBrZXk9e2luZGV4fSB2YWx1ZT17b3B0aW9ufSBhcz17UmVhY3QuRnJhZ21lbnR9PlxuICAgICAgICAgICAgeyh7IGFjdGl2ZSwgc2VsZWN0ZWQgfSkgPT4gKFxuICAgICAgICAgICAgICA8TWVudUl0ZW0gaXNTZWxlY3RlZD17c2VsZWN0ZWR9IGlzQWN0aXZlPXthY3RpdmV9PlxuICAgICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgICAgPC9NZW51SXRlbT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Db21ib2JveC5PcHRpb24+XG4gICAgICAgICkpfVxuICAgICAgICB7IUJvb2xlYW4oZmlsdGVyZWRPcHRpb25zLmxlbmd0aCkgJiYgPEVtcHR5U3RhdGUgLz59XG4gICAgICA8L0NvbWJvYm94Lk9wdGlvbnM+XG4gICAgPC9Db21ib2JveD5cbiAgKTtcbn07XG5cbk11bHRpQXV0b2NvbXBsZXRlLnByb3BUeXBlcyA9IHtcbiAgb3B0aW9uczogUHJvcFR5cGVzLmFycmF5LFxuICBkZWZhdWx0T3B0aW9uOiBQcm9wVHlwZXMub2JqZWN0LFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIG1lbnVXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBtZW51WkluZGV4OiB0eXBlcy56SW5kZXgsXG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -87,7 +87,7 @@ var RemoveButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "prod
   label: "RemoveButton"
 })(getClearButtonStyles({
   variant: 'neutral'
-}), ";width:24px;height:24px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL211bHRpLWF1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJrQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9tdWx0aS1hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgTWVudUNhcmQsIE1lbnVJdGVtLCBJbnB1dEZpZWxkLCBnZXRDbGVhckJ1dHRvblN0eWxlcywgZmllbGRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgUm9vdCA9ICh7IC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIDxCb3ggey4uLnByb3BzfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgLz47XG59O1xuXG5jb25zdCBUcmlnZ2VyID0gZm9yd2FyZFJlZigoeyAuLi5wcm9wcyB9LCByZWYpID0+IDxCb3ggcmVmPXtyZWZ9IHsuLi5wcm9wc30gcG9zaXRpb249XCJyZWxhdGl2ZVwiIC8+KTtcblxuY29uc3QgRW1wdHlTdGF0ZSA9ICgpID0+IChcbiAgPEJveCBwYWRkaW5nPVwic1wiPlxuICAgIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIj5ObyByZXN1bHRzPC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFRhZ3MgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGdhcDogNHB4O1xuICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbmA7XG5cbmNvbnN0IFJlbW92ZUJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICR7Z2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50OiAnbmV1dHJhbCcgfSl9O1xuICB3aWR0aDogMjRweDtcbiAgaGVpZ2h0OiAyNHB4O1xuYDtcblxuY29uc3QgVGFnID0gKHsgY2hpbGRyZW4sIG9uUmVtb3ZlQ2xpY2sgfSkgPT4gKFxuICA8Qm94IGJhY2tncm91bmRDb2xvcj1cImZhZGUxXCIgcmFkaXVzPVwic1wiIGhlaWdodD1cIjMycHhcIiBwYWRkaW5nTGVmdD1cIjEycHhcIiBwYWRkaW5nUmlnaHQ9XCI4cHhcIj5cbiAgICA8QXJyYW5nZSBnYXA9XCI0cHhcIiBoZWlnaHQ9XCIxMDAlXCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8UmVtb3ZlQnV0dG9uIG9uQ2xpY2s9eygpID0+IG9uUmVtb3ZlQ2xpY2soKX0+XG4gICAgICAgIDxJY29uIGljb249ezxJY29uQ3Jvc3MgLz59IHNpemU9XCJzXCIgLz5cbiAgICAgIDwvUmVtb3ZlQnV0dG9uPlxuICAgIDwvQXJyYW5nZT5cbiAgPC9Cb3g+XG4pO1xuXG5leHBvcnQgY29uc3QgTXVsdGlBdXRvY29tcGxldGUgPSAoe1xuICBvcHRpb25zLFxuICBkZWZhdWx0T3B0aW9ucyA9IFtdLFxuICBvbkNoYW5nZSxcbiAgbWVudVdpZHRoID0gJzEwMCUnLFxuICBtZW51WkluZGV4ID0gMSxcbiAgcGxhY2Vob2xkZXIsXG59KSA9PiB7XG4gIGNvbnN0IFtzZWxlY3RlZE9wdGlvbnMsIHNldFNlbGVjdGVkT3B0aW9uc10gPSB1c2VTdGF0ZShkZWZhdWx0T3B0aW9ucyk7XG4gIGNvbnN0IFtxdWVyeSwgc2V0UXVlcnldID0gdXNlU3RhdGUoJycpO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IG9wdGlvbiA9PiB7XG4gICAgc2V0U2VsZWN0ZWRPcHRpb25zKG9wdGlvbik7XG4gICAgb25DaGFuZ2UgJiYgb25DaGFuZ2Uob3B0aW9uKTtcbiAgICBzZXRRdWVyeSgnJyk7XG4gIH07XG5cbiAgY29uc3QgZmlsdGVyZWRPcHRpb25zID1cbiAgICBxdWVyeSA9PT0gJydcbiAgICAgID8gb3B0aW9uc1xuICAgICAgOiBvcHRpb25zLmZpbHRlcihvcHRpb24gPT4ge1xuICAgICAgICAgIHJldHVybiBvcHRpb24uY29udGVudC50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHF1ZXJ5LnRvTG93ZXJDYXNlKCkpO1xuICAgICAgICB9KTtcblxuICBjb25zdCBkZXNlbGVjdE9wdGlvbiA9IG9wdGlvbiA9PiB7XG4gICAgY29uc3QgcmVtYWluaW5nID0gc2VsZWN0ZWRPcHRpb25zLmZpbHRlcihpdGVtID0+IGl0ZW0gIT09IG9wdGlvbik7XG4gICAgc2V0U2VsZWN0ZWRPcHRpb25zKHJlbWFpbmluZyk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8Q29tYm9ib3ggYXM9e1Jvb3R9IHZhbHVlPXtzZWxlY3RlZE9wdGlvbnN9IG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9IG11bHRpcGxlPlxuICAgICAge3NlbGVjdGVkT3B0aW9ucy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgPFRhZ3M+XG4gICAgICAgICAge3NlbGVjdGVkT3B0aW9ucy5tYXAob3B0aW9uID0+IChcbiAgICAgICAgICAgIDxUYWcgb25SZW1vdmVDbGljaz17KCkgPT4gZGVzZWxlY3RPcHRpb24ob3B0aW9uKX0ga2V5PXtvcHRpb24uaWR9PlxuICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICA8L1RhZz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9UYWdzPlxuICAgICAgKX1cblxuICAgICAgPENvbWJvYm94LkJ1dHRvbiBhcz17VHJpZ2dlcn0+XG4gICAgICAgIDxJbnB1dEZpZWxkXG4gICAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gc2V0UXVlcnkoZXZlbnQudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgIC8+XG5cbiAgICAgICAgPEJveFxuICAgICAgICAgIHJpZ2h0PXtmaWVsZFZhcnMueFBhZGRpbmd9XG4gICAgICAgICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgICAgICAgdG9wPVwiMHB4XCJcbiAgICAgICAgICBib3R0b209XCIwcHhcIlxuICAgICAgICAgIG1hcmdpbj1cImF1dG9cIlxuICAgICAgICAgIGhlaWdodD1cImZpdC1jb250ZW50XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uIGljb249ezxJY29uQ2hldnJvbkRvd24gLz59IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9Db21ib2JveC5CdXR0b24+XG5cbiAgICAgIDxDb21ib2JveC5PcHRpb25zIHdpZHRoPXttZW51V2lkdGh9IGFzPXtNZW51Q2FyZH0gekluZGV4PXttZW51WkluZGV4fT5cbiAgICAgICAge2ZpbHRlcmVkT3B0aW9ucy5tYXAoKG9wdGlvbiwgaW5kZXgpID0+IChcbiAgICAgICAgICA8Q29tYm9ib3guT3B0aW9uIGtleT17aW5kZXh9IHZhbHVlPXtvcHRpb259IGFzPXtSZWFjdC5GcmFnbWVudH0+XG4gICAgICAgICAgICB7KHsgYWN0aXZlLCBzZWxlY3RlZCB9KSA9PiAoXG4gICAgICAgICAgICAgIDxNZW51SXRlbSBpc1NlbGVjdGVkPXtzZWxlY3RlZH0gaXNBY3RpdmU9e2FjdGl2ZX0+XG4gICAgICAgICAgICAgICAge29wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgICA8L01lbnVJdGVtPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0NvbWJvYm94Lk9wdGlvbj5cbiAgICAgICAgKSl9XG4gICAgICAgIHshQm9vbGVhbihmaWx0ZXJlZE9wdGlvbnMubGVuZ3RoKSAmJiA8RW1wdHlTdGF0ZSAvPn1cbiAgICAgIDwvQ29tYm9ib3guT3B0aW9ucz5cbiAgICA8L0NvbWJvYm94PlxuICApO1xufTtcblxuTXVsdGlBdXRvY29tcGxldGUucHJvcFR5cGVzID0ge1xuICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXksXG4gIGRlZmF1bHRPcHRpb246IFByb3BUeXBlcy5vYmplY3QsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgbWVudVdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIG1lbnVaSW5kZXg6IHR5cGVzLnpJbmRleCxcbn07XG4iXX0= */"));
+}), ";width:24px;height:24px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL211bHRpLWF1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJrQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9tdWx0aS1hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgTWVudUNhcmQsIE1lbnVJdGVtLCBJbnB1dEZpZWxkLCBnZXRDbGVhckJ1dHRvblN0eWxlcywgZmllbGRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgUm9vdCA9ICh7IC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIDxCb3ggey4uLnByb3BzfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgLz47XG59O1xuXG5jb25zdCBUcmlnZ2VyID0gZm9yd2FyZFJlZigoeyAuLi5wcm9wcyB9LCByZWYpID0+IDxCb3ggcmVmPXtyZWZ9IHsuLi5wcm9wc30gcG9zaXRpb249XCJyZWxhdGl2ZVwiIC8+KTtcblxuY29uc3QgRW1wdHlTdGF0ZSA9ICgpID0+IChcbiAgPEJveCBwYWRkaW5nPVwic1wiPlxuICAgIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIj5ObyByZXN1bHRzPC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFRhZ3MgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGdhcDogNHB4O1xuICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbmA7XG5cbmNvbnN0IFJlbW92ZUJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICR7Z2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50OiAnbmV1dHJhbCcgfSl9O1xuICB3aWR0aDogMjRweDtcbiAgaGVpZ2h0OiAyNHB4O1xuYDtcblxuY29uc3QgVGFnID0gKHsgY2hpbGRyZW4sIG9uUmVtb3ZlQ2xpY2sgfSkgPT4gKFxuICA8Qm94IGJhY2tncm91bmRDb2xvcj1cImZhZGUxXCIgcmFkaXVzPVwic1wiIGhlaWdodD1cIjMycHhcIiBwYWRkaW5nTGVmdD1cIjEycHhcIiBwYWRkaW5nUmlnaHQ9XCI4cHhcIj5cbiAgICA8QXJyYW5nZSBnYXA9XCI0cHhcIiBoZWlnaHQ9XCIxMDAlXCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8UmVtb3ZlQnV0dG9uIHR5cGU9XCJidXR0b25cIiBvbkNsaWNrPXsoKSA9PiBvblJlbW92ZUNsaWNrKCl9PlxuICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBzaXplPVwic1wiIC8+XG4gICAgICA8L1JlbW92ZUJ1dHRvbj5cbiAgICA8L0FycmFuZ2U+XG4gIDwvQm94PlxuKTtcblxuZXhwb3J0IGNvbnN0IE11bHRpQXV0b2NvbXBsZXRlID0gKHtcbiAgb3B0aW9ucyxcbiAgZGVmYXVsdE9wdGlvbnMgPSBbXSxcbiAgb25DaGFuZ2UsXG4gIG1lbnVXaWR0aCA9ICcxMDAlJyxcbiAgbWVudVpJbmRleCA9IDEsXG4gIHBsYWNlaG9sZGVyLFxufSkgPT4ge1xuICBjb25zdCBbc2VsZWN0ZWRPcHRpb25zLCBzZXRTZWxlY3RlZE9wdGlvbnNdID0gdXNlU3RhdGUoZGVmYXVsdE9wdGlvbnMpO1xuICBjb25zdCBbcXVlcnksIHNldFF1ZXJ5XSA9IHVzZVN0YXRlKCcnKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSBvcHRpb24gPT4ge1xuICAgIHNldFNlbGVjdGVkT3B0aW9ucyhvcHRpb24pO1xuICAgIG9uQ2hhbmdlICYmIG9uQ2hhbmdlKG9wdGlvbik7XG4gICAgc2V0UXVlcnkoJycpO1xuICB9O1xuXG4gIGNvbnN0IGZpbHRlcmVkT3B0aW9ucyA9XG4gICAgcXVlcnkgPT09ICcnXG4gICAgICA/IG9wdGlvbnNcbiAgICAgIDogb3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IHtcbiAgICAgICAgICByZXR1cm4gb3B0aW9uLmNvbnRlbnQudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhxdWVyeS50b0xvd2VyQ2FzZSgpKTtcbiAgICAgICAgfSk7XG5cbiAgY29uc3QgZGVzZWxlY3RPcHRpb24gPSBvcHRpb24gPT4ge1xuICAgIGNvbnN0IHJlbWFpbmluZyA9IHNlbGVjdGVkT3B0aW9ucy5maWx0ZXIoaXRlbSA9PiBpdGVtICE9PSBvcHRpb24pO1xuICAgIHNldFNlbGVjdGVkT3B0aW9ucyhyZW1haW5pbmcpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENvbWJvYm94IGFzPXtSb290fSB2YWx1ZT17c2VsZWN0ZWRPcHRpb25zfSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSBtdWx0aXBsZT5cbiAgICAgIHtzZWxlY3RlZE9wdGlvbnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxUYWdzPlxuICAgICAgICAgIHtzZWxlY3RlZE9wdGlvbnMubWFwKG9wdGlvbiA9PiAoXG4gICAgICAgICAgICA8VGFnIG9uUmVtb3ZlQ2xpY2s9eygpID0+IGRlc2VsZWN0T3B0aW9uKG9wdGlvbil9IGtleT17b3B0aW9uLmlkfT5cbiAgICAgICAgICAgICAge29wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgPC9UYWc+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvVGFncz5cbiAgICAgICl9XG5cbiAgICAgIDxDb21ib2JveC5CdXR0b24gYXM9e1RyaWdnZXJ9PlxuICAgICAgICA8SW5wdXRGaWVsZFxuICAgICAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgb25DaGFuZ2U9e2V2ZW50ID0+IHNldFF1ZXJ5KGV2ZW50LnRhcmdldC52YWx1ZSl9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAvPlxuXG4gICAgICAgIDxCb3hcbiAgICAgICAgICByaWdodD17ZmllbGRWYXJzLnhQYWRkaW5nfVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD1cIjBweFwiXG4gICAgICAgICAgYm90dG9tPVwiMHB4XCJcbiAgICAgICAgICBtYXJnaW49XCJhdXRvXCJcbiAgICAgICAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29tYm9ib3guQnV0dG9uPlxuXG4gICAgICA8Q29tYm9ib3guT3B0aW9ucyB3aWR0aD17bWVudVdpZHRofSBhcz17TWVudUNhcmR9IHpJbmRleD17bWVudVpJbmRleH0+XG4gICAgICAgIHtmaWx0ZXJlZE9wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPENvbWJvYm94Lk9wdGlvbiBrZXk9e2luZGV4fSB2YWx1ZT17b3B0aW9ufSBhcz17UmVhY3QuRnJhZ21lbnR9PlxuICAgICAgICAgICAgeyh7IGFjdGl2ZSwgc2VsZWN0ZWQgfSkgPT4gKFxuICAgICAgICAgICAgICA8TWVudUl0ZW0gaXNTZWxlY3RlZD17c2VsZWN0ZWR9IGlzQWN0aXZlPXthY3RpdmV9PlxuICAgICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgICAgPC9NZW51SXRlbT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Db21ib2JveC5PcHRpb24+XG4gICAgICAgICkpfVxuICAgICAgICB7IUJvb2xlYW4oZmlsdGVyZWRPcHRpb25zLmxlbmd0aCkgJiYgPEVtcHR5U3RhdGUgLz59XG4gICAgICA8L0NvbWJvYm94Lk9wdGlvbnM+XG4gICAgPC9Db21ib2JveD5cbiAgKTtcbn07XG5cbk11bHRpQXV0b2NvbXBsZXRlLnByb3BUeXBlcyA9IHtcbiAgb3B0aW9uczogUHJvcFR5cGVzLmFycmF5LFxuICBkZWZhdWx0T3B0aW9uOiBQcm9wVHlwZXMub2JqZWN0LFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIG1lbnVXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBtZW51WkluZGV4OiB0eXBlcy56SW5kZXgsXG59O1xuIl19 */"));
 
 var Tag = function Tag(_ref3) {
   var children = _ref3.children,
@@ -102,6 +102,7 @@ var Tag = function Tag(_ref3) {
     gap: "4px",
     height: "100%"
   }, children, ___EmotionJSX(RemoveButton, {
+    type: "button",
     onClick: function onClick() {
       return onRemoveClick();
     }

package/es/components/select.js

@@ -41,7 +41,7 @@ import { IconChevronDown } from '../icons';
 import { Listbox } from '@headlessui/react';
 import { getColor, getRadius } from '../utilities';
 import { types } from '../types';
-import { FieldLabel, MenuCard, MenuItem, styles, componentVars, MenuTransition, fieldVars } from '../foundational';
+import { FieldLabel, MenuCard, MenuItem, styles, componentVars, MenuTransition, fieldVars, FieldHint } from '../foundational';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var TriggerButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
@@ -49,7 +49,7 @@ var TriggerButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "pro
 } : {
   target: "e17qd7kh0",
   label: "TriggerButton"
-})(styles.buttonReset, ";", styles.transitions, ";color:inherit;display:flex;align-items:center;gap:8px;border:none;background:", getColor('fade1'), ";padding:0 ", fieldVars.xPadding, ";min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";width:100%;text-align:left;&:hover{background:", getColor('fade2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JtQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zZWxlY3QuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgZm9yd2FyZFJlZiwgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBJY29uLCBCb3gsIFRleHQsIFRleHRCdXR0b24gfSBmcm9tICcuJztcbmltcG9ydCB7IEljb25DaGV2cm9uRG93biB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IExpc3Rib3ggfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgRmllbGRMYWJlbCxcbiAgTWVudUNhcmQsXG4gIE1lbnVJdGVtLFxuICBzdHlsZXMsXG4gIGNvbXBvbmVudFZhcnMsXG4gIE1lbnVUcmFuc2l0aW9uLFxuICBmaWVsZFZhcnMsXG59IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IFRyaWdnZXJCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICBjb2xvcjogaW5oZXJpdDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA4cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmFkZTEnKX07XG4gIHBhZGRpbmc6IDAgJHtmaWVsZFZhcnMueFBhZGRpbmd9O1xuICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmYWRlMicpfTtcbiAgfVxuYDtcblxuY29uc3QgVHJpZ2dlciA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRyaWdnZXJWYXJpYW50LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPD5cbiAgICB7dHJpZ2dlclZhcmlhbnQgPT09ICdib3gnICYmIChcbiAgICAgIDxUcmlnZ2VyQnV0dG9uIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICA8Qm94IG1hcmdpbkxlZnQ9XCJhdXRvXCI+XG4gICAgICAgICAgPEljb24gaWNvbj17PEljb25DaGV2cm9uRG93biAvPn0gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L1RyaWdnZXJCdXR0b24+XG4gICAgKX1cbiAgICB7dHJpZ2dlclZhcmlhbnQgPT09ICd0ZXh0JyAmJiAoXG4gICAgICA8VGV4dEJ1dHRvbiByZWY9e3JlZn0gaWNvbj17PEljb25DaGV2cm9uRG93biAvPn0gaWNvblBvc2l0aW9uPVwicmlnaHRcIiB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHRCdXR0b24+XG4gICAgKX1cbiAgPC8+XG4pKTtcblxuY29uc3QgU2VsZWN0Um9vdCA9ICh7IC4uLnByb3BzIH0pID0+IDxCb3ggey4uLnByb3BzfSBtaW5XaWR0aD1cIjBweFwiIC8+O1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gKHtcbiAgb3B0aW9ucyxcbiAgZGVmYXVsdE9wdGlvbixcbiAgb25DaGFuZ2UsXG4gIG1lbnVQbGFjZW1lbnQgPSAnYm90dG9tU3RhcnQnLFxuICBtZW51V2lkdGggPSAnMTAwJScsXG4gIHRyaWdnZXI6IGN1c3RvbVRyaWdnZXIsXG4gIHRyaWdnZXJWYXJpYW50ID0gJ2JveCcsXG4gIGxhYmVsLFxuICBtZW51WkluZGV4LFxufSkgPT4ge1xuICBjb25zdCBbc2VsZWN0ZWRPcHRpb24sIHNldFNlbGVjdGVkT3B0aW9uXSA9IHVzZVN0YXRlKGRlZmF1bHRPcHRpb24gfHwge30pO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IG9wdGlvbiA9PiB7XG4gICAgc2V0U2VsZWN0ZWRPcHRpb24ob3B0aW9uKTtcbiAgICBvbkNoYW5nZSAmJiBvbkNoYW5nZShvcHRpb24pO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPExpc3Rib3ggYXM9e1NlbGVjdFJvb3R9IHZhbHVlPXtzZWxlY3RlZE9wdGlvbn0gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0+XG4gICAgICB7bGFiZWwgJiYgPExpc3Rib3guTGFiZWwgYXM9e0ZpZWxkTGFiZWx9PntsYWJlbH08L0xpc3Rib3guTGFiZWw+fVxuICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCIgbWFyZ2luVG9wPXtmaWVsZFZhcnMuZ2FwfT5cbiAgICAgICAgPExpc3Rib3guQnV0dG9uIGFzPXtGcmFnbWVudH0+XG4gICAgICAgICAge2N1c3RvbVRyaWdnZXIgPyAoXG4gICAgICAgICAgICBjdXN0b21UcmlnZ2VyKHNlbGVjdGVkT3B0aW9uKVxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8VHJpZ2dlciB0cmlnZ2VyVmFyaWFudD17dHJpZ2dlclZhcmlhbnR9PntzZWxlY3RlZE9wdGlvbi5jb250ZW50fTwvVHJpZ2dlcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L0xpc3Rib3guQnV0dG9uPlxuXG4gICAgICAgIDxNZW51VHJhbnNpdGlvbj5cbiAgICAgICAgICA8TGlzdGJveC5PcHRpb25zXG4gICAgICAgICAgICBwbGFjZW1lbnQ9e21lbnVQbGFjZW1lbnR9XG4gICAgICAgICAgICB3aWR0aD17bWVudVdpZHRofVxuICAgICAgICAgICAgYXM9e01lbnVDYXJkfVxuICAgICAgICAgICAgekluZGV4PXttZW51WkluZGV4fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtvcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8TGlzdGJveC5PcHRpb24ga2V5PXtpbmRleH0gdmFsdWU9e29wdGlvbn0gYXM9e0ZyYWdtZW50fSBkaXNhYmxlZD17b3B0aW9uLmlzRGlzYWJsZWR9PlxuICAgICAgICAgICAgICAgIHsoeyBhY3RpdmUsIHNlbGVjdGVkIH0pID0+IChcbiAgICAgICAgICAgICAgICAgIDxNZW51SXRlbSBpc1NlbGVjdGVkPXtzZWxlY3RlZH0gaXNBY3RpdmU9e2FjdGl2ZX0gaXNEaXNhYmxlZD17b3B0aW9uLmlzRGlzYWJsZWR9PlxuICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgICAgICA8L01lbnVJdGVtPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvTGlzdGJveC5PcHRpb24+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L0xpc3Rib3guT3B0aW9ucz5cbiAgICAgICAgPC9NZW51VHJhbnNpdGlvbj5cbiAgICAgIDwvQm94PlxuICAgIDwvTGlzdGJveD5cbiAgKTtcbn07XG5cblNlbGVjdC5wcm9wVHlwZXMgPSB7XG4gIG9wdGlvbnM6IFByb3BUeXBlcy5hcnJheSxcbiAgZGVmYXVsdE9wdGlvbjogUHJvcFR5cGVzLm9iamVjdCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBtZW51UGxhY2VtZW50OiB0eXBlcy5tZW51UGxhY2VtZW50LFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbiAgbWVudVpJbmRleDogdHlwZXMuekluZGV4LFxuICB0cmlnZ2VyOiBQcm9wVHlwZXMuZnVuYyxcbiAgdHJpZ2dlclZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2JveCcsICd0ZXh0J10pLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG59O1xuIl19 */"));
+})(styles.buttonReset, ";", styles.transitions, ";color:inherit;display:flex;align-items:center;gap:8px;border:none;background:", getColor('fade1'), ";padding:0 ", fieldVars.xPadding, ";min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";width:100%;text-align:left;&:hover{background:", getColor('fade2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJtQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zZWxlY3QuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgZm9yd2FyZFJlZiwgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBJY29uLCBCb3gsIFRleHQsIFRleHRCdXR0b24gfSBmcm9tICcuJztcbmltcG9ydCB7IEljb25DaGV2cm9uRG93biB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IExpc3Rib3ggfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgRmllbGRMYWJlbCxcbiAgTWVudUNhcmQsXG4gIE1lbnVJdGVtLFxuICBzdHlsZXMsXG4gIGNvbXBvbmVudFZhcnMsXG4gIE1lbnVUcmFuc2l0aW9uLFxuICBmaWVsZFZhcnMsXG4gIEZpZWxkSGludCxcbn0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgVHJpZ2dlckJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuXG4gIGNvbG9yOiBpbmhlcml0O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDhweDtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmYWRlMScpfTtcbiAgcGFkZGluZzogMCAke2ZpZWxkVmFycy54UGFkZGluZ307XG4gIG1pbi1oZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIHdpZHRoOiAxMDAlO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2ZhZGUyJyl9O1xuICB9XG5gO1xuXG5jb25zdCBUcmlnZ2VyID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdHJpZ2dlclZhcmlhbnQsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8PlxuICAgIHt0cmlnZ2VyVmFyaWFudCA9PT0gJ2JveCcgJiYgKFxuICAgICAgPFRyaWdnZXJCdXR0b24gcmVmPXtyZWZ9IHR5cGU9XCJidXR0b25cIiB7Li4ucHJvcHN9PlxuICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICA8Qm94IG1hcmdpbkxlZnQ9XCJhdXRvXCI+XG4gICAgICAgICAgPEljb24gaWNvbj17PEljb25DaGV2cm9uRG93biAvPn0gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L1RyaWdnZXJCdXR0b24+XG4gICAgKX1cbiAgICB7dHJpZ2dlclZhcmlhbnQgPT09ICd0ZXh0JyAmJiAoXG4gICAgICA8VGV4dEJ1dHRvbiByZWY9e3JlZn0gaWNvbj17PEljb25DaGV2cm9uRG93biAvPn0gaWNvblBvc2l0aW9uPVwicmlnaHRcIiB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHRCdXR0b24+XG4gICAgKX1cbiAgPC8+XG4pKTtcblxuY29uc3QgU2VsZWN0Um9vdCA9ICh7IC4uLnByb3BzIH0pID0+IDxCb3ggey4uLnByb3BzfSBtaW5XaWR0aD1cIjBweFwiIC8+O1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gKHtcbiAgb3B0aW9ucyxcbiAgZGVmYXVsdE9wdGlvbixcbiAgb25DaGFuZ2UsXG4gIG1lbnVQbGFjZW1lbnQgPSAnYm90dG9tU3RhcnQnLFxuICBtZW51V2lkdGggPSAnMTAwJScsXG4gIHRyaWdnZXI6IGN1c3RvbVRyaWdnZXIsXG4gIHRyaWdnZXJWYXJpYW50ID0gJ2JveCcsXG4gIGxhYmVsLFxuICBoaW50LFxuICBtZW51WkluZGV4LFxufSkgPT4ge1xuICBjb25zdCBbc2VsZWN0ZWRPcHRpb24sIHNldFNlbGVjdGVkT3B0aW9uXSA9IHVzZVN0YXRlKGRlZmF1bHRPcHRpb24gfHwge30pO1xuICBjb25zdCBmaWVsZE1hcmdpblRvcCA9IGxhYmVsIHx8IGhpbnQgPyBmaWVsZFZhcnMuZ2FwIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IG9wdGlvbiA9PiB7XG4gICAgc2V0U2VsZWN0ZWRPcHRpb24ob3B0aW9uKTtcbiAgICBvbkNoYW5nZSAmJiBvbkNoYW5nZShvcHRpb24pO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPExpc3Rib3ggYXM9e1NlbGVjdFJvb3R9IHZhbHVlPXtzZWxlY3RlZE9wdGlvbn0gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0+XG4gICAgICB7bGFiZWwgJiYgPExpc3Rib3guTGFiZWwgYXM9e0ZpZWxkTGFiZWx9PntsYWJlbH08L0xpc3Rib3guTGFiZWw+fVxuICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG5cbiAgICAgIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiIG1hcmdpblRvcD17ZmllbGRNYXJnaW5Ub3B9PlxuICAgICAgICA8TGlzdGJveC5CdXR0b24gYXM9e0ZyYWdtZW50fT5cbiAgICAgICAgICB7Y3VzdG9tVHJpZ2dlciA/IChcbiAgICAgICAgICAgIGN1c3RvbVRyaWdnZXIoc2VsZWN0ZWRPcHRpb24pXG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxUcmlnZ2VyIHRyaWdnZXJWYXJpYW50PXt0cmlnZ2VyVmFyaWFudH0+e3NlbGVjdGVkT3B0aW9uLmNvbnRlbnR9PC9UcmlnZ2VyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTGlzdGJveC5CdXR0b24+XG5cbiAgICAgICAgPE1lbnVUcmFuc2l0aW9uPlxuICAgICAgICAgIDxMaXN0Ym94Lk9wdGlvbnNcbiAgICAgICAgICAgIHBsYWNlbWVudD17bWVudVBsYWNlbWVudH1cbiAgICAgICAgICAgIHdpZHRoPXttZW51V2lkdGh9XG4gICAgICAgICAgICBhcz17TWVudUNhcmR9XG4gICAgICAgICAgICB6SW5kZXg9e21lbnVaSW5kZXh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge29wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgIDxMaXN0Ym94Lk9wdGlvbiBrZXk9e2luZGV4fSB2YWx1ZT17b3B0aW9ufSBhcz17RnJhZ21lbnR9IGRpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH0+XG4gICAgICAgICAgICAgICAgeyh7IGFjdGl2ZSwgc2VsZWN0ZWQgfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgPE1lbnVJdGVtIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkfSBpc0FjdGl2ZT17YWN0aXZlfSBpc0Rpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH0+XG4gICAgICAgICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgICAgICAgIDwvTWVudUl0ZW0+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9MaXN0Ym94Lk9wdGlvbj5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvTGlzdGJveC5PcHRpb25zPlxuICAgICAgICA8L01lbnVUcmFuc2l0aW9uPlxuICAgICAgPC9Cb3g+XG4gICAgPC9MaXN0Ym94PlxuICApO1xufTtcblxuU2VsZWN0LnByb3BUeXBlcyA9IHtcbiAgb3B0aW9uczogUHJvcFR5cGVzLmFycmF5LFxuICBkZWZhdWx0T3B0aW9uOiBQcm9wVHlwZXMub2JqZWN0LFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIG1lbnVQbGFjZW1lbnQ6IHR5cGVzLm1lbnVQbGFjZW1lbnQsXG4gIG1lbnVXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBtZW51WkluZGV4OiB0eXBlcy56SW5kZXgsXG4gIHRyaWdnZXI6IFByb3BUeXBlcy5mdW5jLFxuICB0cmlnZ2VyVmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnYm94JywgJ3RleHQnXSksXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaGludDogdHlwZXMuaGludCxcbn07XG4iXX0= */"));
 
 var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -57,7 +57,8 @@ var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   return ___EmotionJSX(React.Fragment, null, triggerVariant === 'box' && ___EmotionJSX(TriggerButton, _extends({
-    ref: ref
+    ref: ref,
+    type: "button"
   }, props), ___EmotionJSX(Text, {
     hasEllipsis: true
   }, children), ___EmotionJSX(Box, {
@@ -90,6 +91,7 @@ export var Select = function Select(_ref3) {
       _ref3$triggerVariant = _ref3.triggerVariant,
       triggerVariant = _ref3$triggerVariant === void 0 ? 'box' : _ref3$triggerVariant,
       label = _ref3.label,
+      hint = _ref3.hint,
       menuZIndex = _ref3.menuZIndex;
 
   var _useState = useState(defaultOption || {}),
@@ -97,6 +99,8 @@ export var Select = function Select(_ref3) {
       selectedOption = _useState2[0],
       setSelectedOption = _useState2[1];
 
+  var fieldMarginTop = label || hint ? fieldVars.gap : undefined;
+
   var handleChange = function handleChange(option) {
     setSelectedOption(option);
     onChange && onChange(option);
@@ -108,9 +112,9 @@ export var Select = function Select(_ref3) {
     onChange: handleChange
   }, label && ___EmotionJSX(Listbox.Label, {
     as: FieldLabel
-  }, label), ___EmotionJSX(Box, {
+  }, label), hint && ___EmotionJSX(FieldHint, null, hint), ___EmotionJSX(Box, {
     position: "relative",
-    marginTop: fieldVars.gap
+    marginTop: fieldMarginTop
   }, ___EmotionJSX(Listbox.Button, {
     as: Fragment
   }, customTrigger ? customTrigger(selectedOption) : ___EmotionJSX(Trigger, {
@@ -146,5 +150,6 @@ Select.propTypes = {
   menuZIndex: types.zIndex,
   trigger: PropTypes.func,
   triggerVariant: PropTypes.oneOf(['box', 'text']),
-  label: types.label
+  label: types.label,
+  hint: types.hint
 };

package/es/components/switch.js

@@ -2,7 +2,7 @@ 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 _styled from "@emotion/styled/base";
-var _excluded = ["isDisabled", "isActive", "label", "id", "onChange"];
+var _excluded = ["isDisabled", "isActive", "label", "hint", "id", "onChange"];
 
 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; }
 
@@ -13,7 +13,8 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { getColor, getTransition } from '../utilities';
 import React from 'react';
 import PropTypes from 'prop-types';
-import { InlineFieldLabel } from '../foundational';
+import { FieldHint, InlineFieldLabel } from '../foundational';
+import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var knobSizePx = 16;
 var trackOffsetPx = 2;
@@ -26,7 +27,7 @@ var Input = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production"
 } : {
   target: "ez8kn7b1",
   label: "Input"
-})("--trackColor:", getColor('grey3'), ";--knobColor:", getColor('white'), ";appearance:none;height:", trackHeightPx, "px;width:", trackWidthPx, "px;display:block;border-radius:", trackHeightPx / 2, "px;transition:background-color ", getTransition('xFast'), ";cursor:pointer;margin:0;position:relative;background-color:var(--trackColor);&:after{content:'';position:absolute;left:", trackOffsetPx, "px;top:", trackOffsetPx, "px;height:", knobSizePx, "px;width:", knobSizePx, "px;border-radius:100%;background-color:var(--knobColor);display:block;transition:transform ", getTransition('xFast'), ";pointer-events:none;}&:checked{--trackColor:", getColor('content'), ";}&:checked:after{transform:translateX(", knobActivePositionPx, "px);}&:disabled{--trackColor:", getColor('backgroundDisabled'), ";--knobColor:", getColor('contentDisabled'), ";pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IElubGluZUZpZWxkTGFiZWwgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBrbm9iU2l6ZVB4ID0gMTY7XG5jb25zdCB0cmFja09mZnNldFB4ID0gMjtcbmNvbnN0IHRyYWNrV2lkdGhQeCA9IDQwO1xuY29uc3QgdHJhY2tIZWlnaHRQeCA9IGtub2JTaXplUHggKyB0cmFja09mZnNldFB4ICogMjtcbmNvbnN0IGtub2JBY3RpdmVQb3NpdGlvblB4ID0gdHJhY2tXaWR0aFB4IC0ga25vYlNpemVQeCAtIHRyYWNrT2Zmc2V0UHggKiAyO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdncmV5MycpfTtcbiAgLS1rbm9iQ29sb3I6ICR7Z2V0Q29sb3IoJ3doaXRlJyl9O1xuXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogJHt0cmFja0hlaWdodFB4fXB4O1xuICB3aWR0aDogJHt0cmFja1dpZHRoUHh9cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAke3RyYWNrSGVpZ2h0UHggLyAyfXB4O1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRyYWNrQ29sb3IpO1xuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAke3RyYWNrT2Zmc2V0UHh9cHg7XG4gICAgdG9wOiAke3RyYWNrT2Zmc2V0UHh9cHg7XG4gICAgaGVpZ2h0OiAke2tub2JTaXplUHh9cHg7XG4gICAgd2lkdGg6ICR7a25vYlNpemVQeH1weDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWtub2JDb2xvcik7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAmOmNoZWNrZWQge1xuICAgIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuXG4gICY6Y2hlY2tlZDphZnRlciB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7a25vYkFjdGl2ZVBvc2l0aW9uUHh9cHgpO1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgLS1rbm9iQ29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHsgaXNEaXNhYmxlZCwgaXNBY3RpdmUsIGxhYmVsLCBpZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciB7Li4ucHJvcHN9PlxuICAgICAgPElucHV0IHR5cGU9XCJjaGVja2JveFwiIGRpc2FibGVkPXtpc0Rpc2FibGVkfSBpZD17aWR9IGNoZWNrZWQ9e2lzQWN0aXZlfSBvbkNoYW5nZT17b25DaGFuZ2V9IC8+XG4gICAgICB7bGFiZWwgJiYgPElubGluZUZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0lubGluZUZpZWxkTGFiZWw+fVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cblN3aXRjaC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuIl19 */"));
+})("--trackColor:", getColor('grey3'), ";--knobColor:", getColor('white'), ";appearance:none;height:", trackHeightPx, "px;width:", trackWidthPx, "px;display:block;border-radius:", trackHeightPx / 2, "px;transition:background-color ", getTransition('xFast'), ";cursor:pointer;margin:0;position:relative;background-color:var(--trackColor);grid-row:1/3;&:after{content:'';position:absolute;left:", trackOffsetPx, "px;top:", trackOffsetPx, "px;height:", knobSizePx, "px;width:", knobSizePx, "px;border-radius:100%;background-color:var(--knobColor);display:block;transition:transform ", getTransition('xFast'), ";pointer-events:none;}&:checked{--trackColor:", getColor('content'), ";}&:checked:after{transform:translateX(", knobActivePositionPx, "px);}&:disabled{--trackColor:", getColor('backgroundDisabled'), ";--knobColor:", getColor('contentDisabled'), ";pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgSW5saW5lRmllbGRMYWJlbCB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3Qga25vYlNpemVQeCA9IDE2O1xuY29uc3QgdHJhY2tPZmZzZXRQeCA9IDI7XG5jb25zdCB0cmFja1dpZHRoUHggPSA0MDtcbmNvbnN0IHRyYWNrSGVpZ2h0UHggPSBrbm9iU2l6ZVB4ICsgdHJhY2tPZmZzZXRQeCAqIDI7XG5jb25zdCBrbm9iQWN0aXZlUG9zaXRpb25QeCA9IHRyYWNrV2lkdGhQeCAtIGtub2JTaXplUHggLSB0cmFja09mZnNldFB4ICogMjtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignZ3JleTMnKX07XG4gIC0ta25vYkNvbG9yOiAke2dldENvbG9yKCd3aGl0ZScpfTtcblxuICBhcHBlYXJhbmNlOiBub25lO1xuICBoZWlnaHQ6ICR7dHJhY2tIZWlnaHRQeH1weDtcbiAgd2lkdGg6ICR7dHJhY2tXaWR0aFB4fXB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgYm9yZGVyLXJhZGl1czogJHt0cmFja0hlaWdodFB4IC8gMn1weDtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10cmFja0NvbG9yKTtcbiAgZ3JpZC1yb3c6IDEgLyAzO1xuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAke3RyYWNrT2Zmc2V0UHh9cHg7XG4gICAgdG9wOiAke3RyYWNrT2Zmc2V0UHh9cHg7XG4gICAgaGVpZ2h0OiAke2tub2JTaXplUHh9cHg7XG4gICAgd2lkdGg6ICR7a25vYlNpemVQeH1weDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWtub2JDb2xvcik7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAmOmNoZWNrZWQge1xuICAgIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuXG4gICY6Y2hlY2tlZDphZnRlciB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7a25vYkFjdGl2ZVBvc2l0aW9uUHh9cHgpO1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgLS1rbm9iQ29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgY29sdW1uLWdhcDogOHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN3aXRjaCA9ICh7IGlzRGlzYWJsZWQsIGlzQWN0aXZlLCBsYWJlbCwgaGludCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgey4uLnByb3BzfT5cbiAgICAgIDxJbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBkaXNhYmxlZD17aXNEaXNhYmxlZH0gaWQ9e2lkfSBjaGVja2VkPXtpc0FjdGl2ZX0gb25DaGFuZ2U9e29uQ2hhbmdlfSAvPlxuICAgICAge2xhYmVsICYmIDxJbmxpbmVGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9JbmxpbmVGaWVsZExhYmVsPn1cbiAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cblN3aXRjaC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG59O1xuIl19 */"));
 
 var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ez8kn7b0"
@@ -34,12 +35,12 @@ var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
   target: "ez8kn7b0",
   label: "Wrapper"
 })(process.env.NODE_ENV === "production" ? {
-  name: "1nsltal",
-  styles: "display:grid;grid-auto-flow:column;align-items:center;width:fit-content;gap:8px"
+  name: "1y2k6ax",
+  styles: "display:grid;grid-auto-flow:column;align-items:center;width:fit-content;column-gap:8px"
 } : {
-  name: "1nsltal",
-  styles: "display:grid;grid-auto-flow:column;align-items:center;width:fit-content;gap:8px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0QwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zd2l0Y2guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBJbmxpbmVGaWVsZExhYmVsIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3Qga25vYlNpemVQeCA9IDE2O1xuY29uc3QgdHJhY2tPZmZzZXRQeCA9IDI7XG5jb25zdCB0cmFja1dpZHRoUHggPSA0MDtcbmNvbnN0IHRyYWNrSGVpZ2h0UHggPSBrbm9iU2l6ZVB4ICsgdHJhY2tPZmZzZXRQeCAqIDI7XG5jb25zdCBrbm9iQWN0aXZlUG9zaXRpb25QeCA9IHRyYWNrV2lkdGhQeCAtIGtub2JTaXplUHggLSB0cmFja09mZnNldFB4ICogMjtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignZ3JleTMnKX07XG4gIC0ta25vYkNvbG9yOiAke2dldENvbG9yKCd3aGl0ZScpfTtcblxuICBhcHBlYXJhbmNlOiBub25lO1xuICBoZWlnaHQ6ICR7dHJhY2tIZWlnaHRQeH1weDtcbiAgd2lkdGg6ICR7dHJhY2tXaWR0aFB4fXB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgYm9yZGVyLXJhZGl1czogJHt0cmFja0hlaWdodFB4IC8gMn1weDtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10cmFja0NvbG9yKTtcblxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogJHt0cmFja09mZnNldFB4fXB4O1xuICAgIHRvcDogJHt0cmFja09mZnNldFB4fXB4O1xuICAgIGhlaWdodDogJHtrbm9iU2l6ZVB4fXB4O1xuICAgIHdpZHRoOiAke2tub2JTaXplUHh9cHg7XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1rbm9iQ29sb3IpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5cbiAgJjpjaGVja2VkIHtcbiAgICAtLXRyYWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cblxuICAmOmNoZWNrZWQ6YWZ0ZXIge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgke2tub2JBY3RpdmVQb3NpdGlvblB4fXB4KTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignYmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIC0ta25vYkNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGdhcDogOHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN3aXRjaCA9ICh7IGlzRGlzYWJsZWQsIGlzQWN0aXZlLCBsYWJlbCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgey4uLnByb3BzfT5cbiAgICAgIDxJbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBkaXNhYmxlZD17aXNEaXNhYmxlZH0gaWQ9e2lkfSBjaGVja2VkPXtpc0FjdGl2ZX0gb25DaGFuZ2U9e29uQ2hhbmdlfSAvPlxuICAgICAge2xhYmVsICYmIDxJbmxpbmVGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9JbmxpbmVGaWVsZExhYmVsPn1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5Td2l0Y2gucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdfQ== */",
+  name: "1y2k6ax",
+  styles: "display:grid;grid-auto-flow:column;align-items:center;width:fit-content;column-gap:8px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEQwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zd2l0Y2guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBGaWVsZEhpbnQsIElubGluZUZpZWxkTGFiZWwgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGtub2JTaXplUHggPSAxNjtcbmNvbnN0IHRyYWNrT2Zmc2V0UHggPSAyO1xuY29uc3QgdHJhY2tXaWR0aFB4ID0gNDA7XG5jb25zdCB0cmFja0hlaWdodFB4ID0ga25vYlNpemVQeCArIHRyYWNrT2Zmc2V0UHggKiAyO1xuY29uc3Qga25vYkFjdGl2ZVBvc2l0aW9uUHggPSB0cmFja1dpZHRoUHggLSBrbm9iU2l6ZVB4IC0gdHJhY2tPZmZzZXRQeCAqIDI7XG5cbmNvbnN0IElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAtLXRyYWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXkzJyl9O1xuICAtLWtub2JDb2xvcjogJHtnZXRDb2xvcignd2hpdGUnKX07XG5cbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgaGVpZ2h0OiAke3RyYWNrSGVpZ2h0UHh9cHg7XG4gIHdpZHRoOiAke3RyYWNrV2lkdGhQeH1weDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJvcmRlci1yYWRpdXM6ICR7dHJhY2tIZWlnaHRQeCAvIDJ9cHg7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHJhY2tDb2xvcik7XG4gIGdyaWQtcm93OiAxIC8gMztcblxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogJHt0cmFja09mZnNldFB4fXB4O1xuICAgIHRvcDogJHt0cmFja09mZnNldFB4fXB4O1xuICAgIGhlaWdodDogJHtrbm9iU2l6ZVB4fXB4O1xuICAgIHdpZHRoOiAke2tub2JTaXplUHh9cHg7XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1rbm9iQ29sb3IpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5cbiAgJjpjaGVja2VkIHtcbiAgICAtLXRyYWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cblxuICAmOmNoZWNrZWQ6YWZ0ZXIge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgke2tub2JBY3RpdmVQb3NpdGlvblB4fXB4KTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignYmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIC0ta25vYkNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGNvbHVtbi1nYXA6IDhweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSAoeyBpc0Rpc2FibGVkLCBpc0FjdGl2ZSwgbGFiZWwsIGhpbnQsIGlkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHsuLi5wcm9wc30+XG4gICAgICA8SW5wdXQgdHlwZT1cImNoZWNrYm94XCIgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9IGlkPXtpZH0gY2hlY2tlZD17aXNBY3RpdmV9IG9uQ2hhbmdlPXtvbkNoYW5nZX0gLz5cbiAgICAgIHtsYWJlbCAmJiA8SW5saW5lRmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvSW5saW5lRmllbGRMYWJlbD59XG4gICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5Td2l0Y2gucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBoaW50OiB0eXBlcy5oaW50LFxufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -47,6 +48,7 @@ export var Switch = function Switch(_ref) {
   var isDisabled = _ref.isDisabled,
       isActive = _ref.isActive,
       label = _ref.label,
+      hint = _ref.hint,
       id = _ref.id,
       onChange = _ref.onChange,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -59,12 +61,13 @@ export var Switch = function Switch(_ref) {
     onChange: onChange
   }), label && ___EmotionJSX(InlineFieldLabel, {
     htmlFor: id
-  }, label));
+  }, label), hint && ___EmotionJSX(FieldHint, null, hint));
 };
 Switch.propTypes = {
   id: PropTypes.string.isRequired,
   onChange: PropTypes.func,
   isDisabled: PropTypes.bool,
   isActive: PropTypes.bool,
-  label: PropTypes.string
+  label: PropTypes.string,
+  hint: types.hint
 };

package/es/components/tab.js

@@ -12,7 +12,7 @@ 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 { getTransition, getDimension } from '../utilities';
+import { getDimension } from '../utilities';
 import React from 'react';
 import PropTypes from 'prop-types';
 import { types } from '../types';
@@ -28,16 +28,16 @@ var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
   return getDimension(p.height);
 }, ";", function (p) {
   return p.hasFullWidth && "\n    .Tab {\n      flex: 1 0 0;\n    }\n  ";
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRUcmFuc2l0aW9uLCBnZXREaW1lbnNpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IHZhcigtLWdybi1zcGFjZS1sKTtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGhlaWdodDogJHtwID0+IGdldERpbWVuc2lvbihwLmhlaWdodCl9O1xuXG4gICR7cCA9PlxuICAgIHAuaGFzRnVsbFdpZHRoICYmXG4gICAgYFxuICAgIC5UYWIge1xuICAgICAgZmxleDogMSAwIDA7XG4gICAgfVxuICBgfVxuYDtcblxuY29uc3QgVGFiV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudDIpO1xuICBib3JkZXItcmFkaXVzOiAwO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2l0aW9uOiBjb2xvciAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX0sIGJveC1zaGFkb3cgJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICB9XG5cbiAgJHtwID0+XG4gICAgcC5pc0FjdGl2ZSAmJlxuICAgIGBcbiAgICBib3gtc2hhZG93OiBpbnNldCAwIC0ycHggMCAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIGB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRhYiA9ICh7IGNoaWxkcmVuLCBpc0FjdGl2ZSwgb25DbGljaywgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWJXcmFwcGVyIGlzQWN0aXZlPXtpc0FjdGl2ZX0gb25DbGljaz17b25DbGlja30gY2xhc3NOYW1lPVwiVGFiXCIgey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhYldyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgVGFiR3JvdXAgPSAoeyBjaGlsZHJlbiwgaGVpZ2h0ID0gNiwgaGFzRnVsbFdpZHRoLCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxXcmFwcGVyIGhlaWdodD17aGVpZ2h0fSBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbik7XG5cblRhYkdyb3VwLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBoZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cblRhYi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXREaW1lbnNpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IHZhcigtLWdybi1zcGFjZS1sKTtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGhlaWdodDogJHtwID0+IGdldERpbWVuc2lvbihwLmhlaWdodCl9O1xuXG4gICR7cCA9PlxuICAgIHAuaGFzRnVsbFdpZHRoICYmXG4gICAgYFxuICAgIC5UYWIge1xuICAgICAgZmxleDogMSAwIDA7XG4gICAgfVxuICBgfVxuYDtcblxuY29uc3QgVGFiV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50Mik7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgfVxuXG4gICR7cCA9PlxuICAgIHAuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgYm94LXNoYWRvdzogaW5zZXQgMCAtMnB4IDAgJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICBgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUYWIgPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGFiV3JhcHBlciB0eXBlPVwiYnV0dG9uXCIgaXNBY3RpdmU9e2lzQWN0aXZlfSBvbkNsaWNrPXtvbkNsaWNrfSBjbGFzc05hbWU9XCJUYWJcIiB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFiV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7IGNoaWxkcmVuLCBoZWlnaHQgPSA2LCBoYXNGdWxsV2lkdGgsIC4uLnByb3BzIH0pID0+IChcbiAgPFdyYXBwZXIgaGVpZ2h0PXtoZWlnaHR9IGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9XcmFwcGVyPlxuKTtcblxuVGFiR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxufTtcblxuVGFiLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
 
 var TabWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1et4hjk0"
 } : {
   target: "e1et4hjk0",
   label: "TabWrapper"
-})(styles.buttonReset, ";border:none;padding:0;height:100%;background-color:transparent;color:var(--grn-color-content2);border-radius:0;white-space:nowrap;transition:color ", getTransition('fast'), ",box-shadow ", getTransition('xFast'), ";&:hover{color:var(--grn-color-content);}", function (p) {
+})(styles.buttonReset, ";", styles.transitions, ";border:none;padding:0;height:100%;background-color:transparent;color:var(--grn-color-content2);border-radius:0;white-space:nowrap;&:hover{color:var(--grn-color-content);}", function (p) {
   return p.isActive && "\n    box-shadow: inset 0 -2px 0 ".concat(componentVars.activeBorderColor, ";\n    color: var(--grn-color-content);\n  ");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JnQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90YWIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiwgZ2V0RGltZW5zaW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiB2YXIoLS1ncm4tc3BhY2UtbCk7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBoZWlnaHQ6ICR7cCA9PiBnZXREaW1lbnNpb24ocC5oZWlnaHQpfTtcblxuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGFiIHtcbiAgICAgIGZsZXg6IDEgMCAwO1xuICAgIH1cbiAgYH1cbmA7XG5cbmNvbnN0IFRhYldyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG5cbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdHJhbnNpdGlvbjogY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9LCBib3gtc2hhZG93ICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgfVxuXG4gICR7cCA9PlxuICAgIHAuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgYm94LXNoYWRvdzogaW5zZXQgMCAtMnB4IDAgJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICBgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUYWIgPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGFiV3JhcHBlciBpc0FjdGl2ZT17aXNBY3RpdmV9IG9uQ2xpY2s9e29uQ2xpY2t9IGNsYXNzTmFtZT1cIlRhYlwiIHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWJXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFRhYkdyb3VwID0gKHsgY2hpbGRyZW4sIGhlaWdodCA9IDYsIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSkgPT4gKFxuICA8V3JhcHBlciBoZWlnaHQ9e2hlaWdodH0gaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pO1xuXG5UYWJHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UYWIucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JnQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90YWIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0RGltZW5zaW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiB2YXIoLS1ncm4tc3BhY2UtbCk7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBoZWlnaHQ6ICR7cCA9PiBnZXREaW1lbnNpb24ocC5oZWlnaHQpfTtcblxuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGFiIHtcbiAgICAgIGZsZXg6IDEgMCAwO1xuICAgIH1cbiAgYH1cbmA7XG5cbmNvbnN0IFRhYldyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudDIpO1xuICBib3JkZXItcmFkaXVzOiAwO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgLTJweCAwICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgYH07XG5gO1xuXG5leHBvcnQgY29uc3QgVGFiID0gKHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFRhYldyYXBwZXIgdHlwZT1cImJ1dHRvblwiIGlzQWN0aXZlPXtpc0FjdGl2ZX0gb25DbGljaz17b25DbGlja30gY2xhc3NOYW1lPVwiVGFiXCIgey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhYldyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgVGFiR3JvdXAgPSAoeyBjaGlsZHJlbiwgaGVpZ2h0ID0gNiwgaGFzRnVsbFdpZHRoLCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxXcmFwcGVyIGhlaWdodD17aGVpZ2h0fSBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbik7XG5cblRhYkdyb3VwLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBoZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cblRhYi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
 
 export var Tab = function Tab(_ref) {
   var children = _ref.children,
@@ -46,6 +46,7 @@ export var Tab = function Tab(_ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   return ___EmotionJSX(TabWrapper, _extends({
+    type: "button",
     isActive: isActive,
     onClick: onClick,
     className: "Tab"

package/es/components/text-button.js

@@ -3,7 +3,7 @@ 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"];
+var _excluded = ["children", "isDisabled", "icon", "iconPosition", "variant", "type"];
 
 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); }
 
@@ -30,7 +30,7 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
   });
 }, ";padding:0 8px;gap:8px;min-width:0;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAkeyh7IHZhcmlhbnQgfSkgPT4gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50IH0pfTtcbiAgcGFkZGluZzogMCA4cHg7XG4gIGdhcDogOHB4O1xuICBtaW4td2lkdGg6IDA7XG4gIG1heC13aWR0aDogMTAwJTtcblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc0Rpc2FibGVkLCBpY29uLCBpY29uUG9zaXRpb24gPSAnbGVmdCcsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxXcmFwcGVyXG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIGljb249e2ljb259XG4gICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjbGFzc05hbWU9XCJidXR0b25JY29uXCIgLz59XG4gICAgICB7Y2hpbGRyZW4gJiYgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD59XG4gICAgPC9XcmFwcGVyPlxuICApLFxuKTtcblxuVGV4dEJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IHR5cGVzLmNsZWFyQnV0dG9uVmFyaWFudCxcbn07XG4iXX0= */"));
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAkeyh7IHZhcmlhbnQgfSkgPT4gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50IH0pfTtcbiAgcGFkZGluZzogMCA4cHg7XG4gIGdhcDogOHB4O1xuICBtaW4td2lkdGg6IDA7XG4gIG1heC13aWR0aDogMTAwJTtcblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxXcmFwcGVyXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIC8+fVxuICAgICAge2NoaWxkcmVuICYmIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+fVxuICAgIDwvV3JhcHBlcj5cbiAgKSxcbik7XG5cblRleHRCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiB0eXBlcy5jbGVhckJ1dHRvblZhcmlhbnQsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG59O1xuIl19 */"));
 
 export var TextButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
@@ -40,9 +40,12 @@ export var TextButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       iconPosition = _ref2$iconPosition === void 0 ? 'left' : _ref2$iconPosition,
       _ref2$variant = _ref2.variant,
       variant = _ref2$variant === void 0 ? 'neutral' : _ref2$variant,
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? 'button' : _ref2$type,
       props = _objectWithoutProperties(_ref2, _excluded);
 
   return ___EmotionJSX(Wrapper, _extends({
+    type: type,
     disabled: isDisabled,
     icon: icon,
     iconPosition: iconPosition,
@@ -61,5 +64,6 @@ TextButton.propTypes = {
   iconPosition: types.iconPosition,
   onClick: PropTypes.func,
   isDisabled: PropTypes.bool,
-  variant: types.clearButtonVariant
+  variant: types.clearButtonVariant,
+  type: types.buttonType
 };

package/es/components/text-input.js

@@ -14,7 +14,7 @@ import "core-js/modules/es.regexp.exec.js";
 import _styled from "@emotion/styled/base";
 var _excluded = ["children", "internalType", "setInternalType"],
     _excluded2 = ["children"],
-    _excluded3 = ["value", "placeholder", "label", "id", "icon", "hasError", "errorMessage", "isReadOnly", "isDisabled", "type"];
+    _excluded3 = ["value", "placeholder", "label", "id", "icon", "hasError", "errorMessage", "isReadOnly", "isDisabled", "type", "hint"];
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -41,8 +41,7 @@ import React from 'react';
 import { Box, Text } from '.';
 import { Icon } from './icon';
 import { IconButton } from './icon-button';
-import { Stack } from './stack';
-import { componentVars, FieldLabel, fieldVars, InputField } from '../foundational';
+import { componentVars, FieldHint, FieldLabel, fieldVars, InputField } from '../foundational';
 import { types } from '../types';
 import { IconHide, IconShow } from '../icons';
 import { useWidth } from '../hooks';
@@ -55,7 +54,7 @@ var IconSection = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "producti
 } : {
   target: "e1o9e51y0",
   label: "IconSection"
-})("position:absolute;margin:auto;left:", iconOffsetPx, "px;top:0;bottom:0;height:fit-content;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtaW5wdXQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWlucHV0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLic7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi9zdGFjayc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBGaWVsZExhYmVsLCBmaWVsZFZhcnMsIElucHV0RmllbGQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBJY29uSGlkZSwgSWNvblNob3cgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB1c2VXaWR0aCB9IGZyb20gJy4uL2hvb2tzJztcblxuY29uc3QgaWNvbk9mZnNldFB4ID0gMTI7XG5jb25zdCBpY29uVGV4dEdhcFB4ID0gODtcblxuY29uc3QgSWNvblNlY3Rpb24gPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG1hcmdpbjogYXV0bztcbiAgbGVmdDogJHtpY29uT2Zmc2V0UHh9cHg7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IFZpc2liaWxpdHlCdXR0b24gPSAoeyBjaGlsZHJlbiwgaW50ZXJuYWxUeXBlLCBzZXRJbnRlcm5hbFR5cGUsIC4uLnByb3BzIH0pID0+IHtcbiAgY29uc3QgcmlnaHRPZmZzZXQgPSBgY2FsYygoJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9IC0gJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fSkgLyAyKWA7XG4gIGNvbnN0IHR5cGVBbmRJY29uTWFwID0ge1xuICAgIHBhc3N3b3JkOiA8SWNvblNob3cgLz4sXG4gICAgdGV4dDogPEljb25IaWRlIC8+LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEJveFxuICAgICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgICByaWdodD17cmlnaHRPZmZzZXR9XG4gICAgICB0b3A9XCIwXCJcbiAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgbWFyZ2luPVwiYXV0b1wiXG4gICAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gICAgPlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBpY29uPXt0eXBlQW5kSWNvbk1hcFtpbnRlcm5hbFR5cGVdfVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJbnRlcm5hbFR5cGUoaW50ZXJuYWxUeXBlID09PSAndGV4dCcgPyAncGFzc3dvcmQnIDogJ3RleHQnKX1cbiAgICAgIC8+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dElucHV0TGFiZWwgPSAoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSkgPT4gKFxuICA8RmllbGRMYWJlbCB7Li4ucHJvcHN9PntjaGlsZHJlbn08L0ZpZWxkTGFiZWw+XG4pO1xuXG5leHBvcnQgY29uc3QgVGV4dElucHV0ID0gKHtcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyLFxuICBsYWJlbCxcbiAgaWQsXG4gIGljb24sXG4gIGhhc0Vycm9yLFxuICBlcnJvck1lc3NhZ2UsXG4gIGlzUmVhZE9ubHksXG4gIGlzRGlzYWJsZWQsXG4gIHR5cGUgPSAndGV4dCcsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IGljb25SZWYgPSBSZWFjdC51c2VSZWYobnVsbCk7XG4gIGNvbnN0IFtpbnRlcm5hbFR5cGUsIHNldEludGVybmFsVHlwZV0gPSBSZWFjdC51c2VTdGF0ZSh0eXBlKTtcblxuICBjb25zdCBpY29uV2lkdGggPSB1c2VXaWR0aChpY29uUmVmKTtcbiAgY29uc3QgaGFzVmlzaWJpbGl0eUJ1dHRvbiA9IHR5cGUgPT09ICdwYXNzd29yZCcgJiYgIWlzUmVhZE9ubHkgJiYgIWlzRGlzYWJsZWQ7XG4gIGNvbnN0IHBhZGRpbmdMZWZ0ID0gaWNvbiA/IGAke2ljb25PZmZzZXRQeCArIGljb25XaWR0aCArIGljb25UZXh0R2FwUHh9cHhgIDogdW5kZWZpbmVkO1xuICBjb25zdCBwYWRkaW5nUmlnaHQgPSBoYXNWaXNpYmlsaXR5QnV0dG9uID8gY29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0IDogdW5kZWZpbmVkO1xuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIGdhcD17ZmllbGRWYXJzLmdhcH0+XG4gICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SWNvblNlY3Rpb24+XG4gICAgICAgICAgICA8SWNvbiByZWY9e2ljb25SZWZ9IGljb249e2ljb259IC8+XG4gICAgICAgICAgPC9JY29uU2VjdGlvbj5cbiAgICAgICAgKX1cbiAgICAgICAgPElucHV0RmllbGRcbiAgICAgICAgICB0eXBlPXtpbnRlcm5hbFR5cGV9XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgcGFkZGluZ0xlZnQ9e3BhZGRpbmdMZWZ0fVxuICAgICAgICAgIHBhZGRpbmdSaWdodD17cGFkZGluZ1JpZ2h0fVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBpc1JlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAvPlxuICAgICAgICB7aGFzVmlzaWJpbGl0eUJ1dHRvbiAmJiAoXG4gICAgICAgICAgPFZpc2liaWxpdHlCdXR0b24gc2V0SW50ZXJuYWxUeXBlPXtzZXRJbnRlcm5hbFR5cGV9IGludGVybmFsVHlwZT17aW50ZXJuYWxUeXBlfSAvPlxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIDxUZXh0IGNvbG9yPVwiZGFuZ2VyXCI+e2Vycm9yTWVzc2FnZX08L1RleHQ+fVxuICAgIDwvU3RhY2s+XG4gICk7XG59O1xuXG5UZXh0SW5wdXQuTGFiZWwgPSBUZXh0SW5wdXRMYWJlbDtcblxuVGV4dElucHV0LnByb3BUeXBlcyA9IHtcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB0eXBlOiB0eXBlcy50ZXh0SW5wdXQsXG59O1xuIl19 */"));
+})("position:absolute;margin:auto;left:", iconOffsetPx, "px;top:0;bottom:0;height:fit-content;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtaW5wdXQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWlucHV0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLic7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIEZpZWxkSGludCwgRmllbGRMYWJlbCwgZmllbGRWYXJzLCBJbnB1dEZpZWxkIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgSWNvbkhpZGUsIEljb25TaG93IH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgdXNlV2lkdGggfSBmcm9tICcuLi9ob29rcyc7XG5cbmNvbnN0IGljb25PZmZzZXRQeCA9IDEyO1xuY29uc3QgaWNvblRleHRHYXBQeCA9IDg7XG5cbmNvbnN0IEljb25TZWN0aW9uID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IGF1dG87XG4gIGxlZnQ6ICR7aWNvbk9mZnNldFB4fXB4O1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gO1xuXG5jb25zdCBWaXNpYmlsaXR5QnV0dG9uID0gKHsgY2hpbGRyZW4sIGludGVybmFsVHlwZSwgc2V0SW50ZXJuYWxUeXBlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IHJpZ2h0T2Zmc2V0ID0gYGNhbGMoKCR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fSAtICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkhlaWdodH0pIC8gMilgO1xuICBjb25zdCB0eXBlQW5kSWNvbk1hcCA9IHtcbiAgICBwYXNzd29yZDogPEljb25TaG93IC8+LFxuICAgIHRleHQ6IDxJY29uSGlkZSAvPixcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxCb3hcbiAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgcmlnaHQ9e3JpZ2h0T2Zmc2V0fVxuICAgICAgdG9wPVwiMFwiXG4gICAgICBib3R0b209XCIwXCJcbiAgICAgIG1hcmdpbj1cImF1dG9cIlxuICAgICAgaGVpZ2h0PVwiZml0LWNvbnRlbnRcIlxuICAgID5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgaWNvbj17dHlwZUFuZEljb25NYXBbaW50ZXJuYWxUeXBlXX1cbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SW50ZXJuYWxUeXBlKGludGVybmFsVHlwZSA9PT0gJ3RleHQnID8gJ3Bhc3N3b3JkJyA6ICd0ZXh0Jyl9XG4gICAgICAvPlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFRleHRJbnB1dExhYmVsID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0pID0+IChcbiAgPEZpZWxkTGFiZWwgey4uLnByb3BzfT57Y2hpbGRyZW59PC9GaWVsZExhYmVsPlxuKTtcblxuZXhwb3J0IGNvbnN0IFRleHRJbnB1dCA9ICh7XG4gIHZhbHVlLFxuICBwbGFjZWhvbGRlcixcbiAgbGFiZWwsXG4gIGlkLFxuICBpY29uLFxuICBoYXNFcnJvcixcbiAgZXJyb3JNZXNzYWdlLFxuICBpc1JlYWRPbmx5LFxuICBpc0Rpc2FibGVkLFxuICB0eXBlID0gJ3RleHQnLFxuICBoaW50LFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBpY29uUmVmID0gUmVhY3QudXNlUmVmKG51bGwpO1xuICBjb25zdCBbaW50ZXJuYWxUeXBlLCBzZXRJbnRlcm5hbFR5cGVdID0gUmVhY3QudXNlU3RhdGUodHlwZSk7XG5cbiAgY29uc3QgaWNvbldpZHRoID0gdXNlV2lkdGgoaWNvblJlZik7XG4gIGNvbnN0IGhhc1Zpc2liaWxpdHlCdXR0b24gPSB0eXBlID09PSAncGFzc3dvcmQnICYmICFpc1JlYWRPbmx5ICYmICFpc0Rpc2FibGVkO1xuICBjb25zdCBwYWRkaW5nTGVmdCA9IGljb24gPyBgJHtpY29uT2Zmc2V0UHggKyBpY29uV2lkdGggKyBpY29uVGV4dEdhcFB4fXB4YCA6IHVuZGVmaW5lZDtcbiAgY29uc3QgcGFkZGluZ1JpZ2h0ID0gaGFzVmlzaWJpbGl0eUJ1dHRvbiA/IGNvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodCA6IHVuZGVmaW5lZDtcblxuICBjb25zdCBmaWVsZE1hcmdpblRvcCA9IGxhYmVsIHx8IGhpbnQgPyBmaWVsZFZhcnMuZ2FwIDogdW5kZWZpbmVkO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIHtsYWJlbCAmJiA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiIG1hcmdpblRvcD17ZmllbGRNYXJnaW5Ub3B9PlxuICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgPEljb25TZWN0aW9uPlxuICAgICAgICAgICAgPEljb24gcmVmPXtpY29uUmVmfSBpY29uPXtpY29ufSAvPlxuICAgICAgICAgIDwvSWNvblNlY3Rpb24+XG4gICAgICAgICl9XG4gICAgICAgIDxJbnB1dEZpZWxkXG4gICAgICAgICAgdHlwZT17aW50ZXJuYWxUeXBlfVxuICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgIHBhZGRpbmdMZWZ0PXtwYWRkaW5nTGVmdH1cbiAgICAgICAgICBwYWRkaW5nUmlnaHQ9e3BhZGRpbmdSaWdodH1cbiAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgaXNSZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgLz5cbiAgICAgICAge2hhc1Zpc2liaWxpdHlCdXR0b24gJiYgKFxuICAgICAgICAgIDxWaXNpYmlsaXR5QnV0dG9uIHNldEludGVybmFsVHlwZT17c2V0SW50ZXJuYWxUeXBlfSBpbnRlcm5hbFR5cGU9e2ludGVybmFsVHlwZX0gLz5cbiAgICAgICAgKX1cbiAgICAgIDwvQm94PlxuICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgIDxCb3ggbWFyZ2luVG9wPXtmaWVsZFZhcnMuZ2FwfT5cbiAgICAgICAgICA8VGV4dCBjb2xvcj1cImRhbmdlclwiPntlcnJvck1lc3NhZ2V9PC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5UZXh0SW5wdXQuTGFiZWwgPSBUZXh0SW5wdXRMYWJlbDtcblxuVGV4dElucHV0LnByb3BUeXBlcyA9IHtcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB0eXBlOiB0eXBlcy50ZXh0SW5wdXQsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG59O1xuIl19 */"));
 
 var VisibilityButton = function VisibilityButton(_ref) {
   var children = _ref.children,
@@ -101,6 +100,7 @@ export var TextInput = function TextInput(_ref3) {
       isDisabled = _ref3.isDisabled,
       _ref3$type = _ref3.type,
       type = _ref3$type === void 0 ? 'text' : _ref3$type,
+      hint = _ref3.hint,
       props = _objectWithoutProperties(_ref3, _excluded3);
 
   var iconRef = React.useRef(null);
@@ -114,12 +114,12 @@ export var TextInput = function TextInput(_ref3) {
   var hasVisibilityButton = type === 'password' && !isReadOnly && !isDisabled;
   var paddingLeft = icon ? "".concat(iconOffsetPx + iconWidth + iconTextGapPx, "px") : undefined;
   var paddingRight = hasVisibilityButton ? componentVars.textBoxHeight : undefined;
-  return ___EmotionJSX(Stack, {
-    gap: fieldVars.gap
-  }, label && ___EmotionJSX(FieldLabel, {
+  var fieldMarginTop = label || hint ? fieldVars.gap : undefined;
+  return ___EmotionJSX("div", null, label && ___EmotionJSX(FieldLabel, {
     htmlFor: id
-  }, label), ___EmotionJSX(Box, {
-    position: "relative"
+  }, label), hint && ___EmotionJSX(FieldHint, null, hint), ___EmotionJSX(Box, {
+    position: "relative",
+    marginTop: fieldMarginTop
   }, icon && ___EmotionJSX(IconSection, null, ___EmotionJSX(Icon, {
     ref: iconRef,
     icon: icon
@@ -136,9 +136,11 @@ export var TextInput = function TextInput(_ref3) {
   }, props)), hasVisibilityButton && ___EmotionJSX(VisibilityButton, {
     setInternalType: setInternalType,
     internalType: internalType
-  })), errorMessage && ___EmotionJSX(Text, {
+  })), errorMessage && ___EmotionJSX(Box, {
+    marginTop: fieldVars.gap
+  }, ___EmotionJSX(Text, {
     color: "danger"
-  }, errorMessage));
+  }, errorMessage)));
 };
 TextInput.Label = TextInputLabel;
 TextInput.propTypes = {
@@ -151,5 +153,6 @@ TextInput.propTypes = {
   errorMessage: PropTypes.string,
   isReadOnly: PropTypes.bool,
   isDisabled: PropTypes.bool,
-  type: types.textInput
+  type: types.textInput,
+  hint: types.hint
 };

package/es/components/text-toggle.js

@@ -29,7 +29,7 @@ var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
   return !p.hasFullWidth && "width: fit-content";
 }, ";", function (p) {
   return p.hasFullWidth && "\n    .TextToggle {\n      flex: 1 0 0;\n    }\n  ";
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkICR7Z2V0Q29sb3IoJ2JvcmRlcjInKX07XG4gIGdhcDogJHtzdHJva2VTaXplfTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuXG4gICR7cCA9PiAhcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiBmaXQtY29udGVudGB9O1xuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGV4dFRvZ2dsZSB7XG4gICAgICBmbGV4OiAxIDAgMDtcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwIDE2cHg7XG4gIGhlaWdodDogY2FsYygke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH0gLSAke3N0cm9rZVNpemV9ICogMik7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudDIpO1xuICBib3JkZXItcmFkaXVzOiAxMDAwcHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRyYW5zaXRpb246ICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uRGVmYXVsdH07XG4gIGJveC1zaGFkb3c6IDAgMCAwICR7c3Ryb2tlU2l6ZX0gdmFyKC0tYm9yZGVyQ29sb3IpO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25Ib3Zlcn07XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIC0tYm9yZGVyQ29sb3I6ICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIHRyYW5zaXRpb246ICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uQWN0aXZlfTtcbiAgICB9XG4gIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZSA9ICh7IGNoaWxkcmVuLCBpc0FjdGl2ZSwgb25DbGljaywgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlciBpc0FjdGl2ZT17aXNBY3RpdmV9IG9uQ2xpY2s9e29uQ2xpY2t9IGNsYXNzTmFtZT1cIlRleHRUb2dnbGVcIiB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZUdyb3VwID0gKHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSkgPT4gKFxuICA8V3JhcHBlciBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbik7XG5cblRleHRUb2dnbGVHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cblRleHRUb2dnbGUucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkICR7Z2V0Q29sb3IoJ2JvcmRlcjInKX07XG4gIGdhcDogJHtzdHJva2VTaXplfTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuXG4gICR7cCA9PiAhcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiBmaXQtY29udGVudGB9O1xuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGV4dFRvZ2dsZSB7XG4gICAgICBmbGV4OiAxIDAgMDtcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwIDE2cHg7XG4gIGhlaWdodDogY2FsYygke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH0gLSAke3N0cm9rZVNpemV9ICogMik7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudDIpO1xuICBib3JkZXItcmFkaXVzOiAxMDAwcHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRyYW5zaXRpb246ICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uRGVmYXVsdH07XG4gIGJveC1zaGFkb3c6IDAgMCAwICR7c3Ryb2tlU2l6ZX0gdmFyKC0tYm9yZGVyQ29sb3IpO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25Ib3Zlcn07XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIC0tYm9yZGVyQ29sb3I6ICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIHRyYW5zaXRpb246ICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uQWN0aXZlfTtcbiAgICB9XG4gIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZSA9ICh7IGNoaWxkcmVuLCBpc0FjdGl2ZSwgb25DbGljaywgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlclxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xhc3NOYW1lPVwiVGV4dFRvZ2dsZVwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZUdyb3VwID0gKHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSkgPT4gKFxuICA8V3JhcHBlciBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbik7XG5cblRleHRUb2dnbGVHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cblRleHRUb2dnbGUucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
 
 var ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1fb3cwm0"
@@ -38,7 +38,7 @@ var ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "produ
   label: "ItemWrapper"
 })(styles.buttonReset, ";--borderColor:transparent;border:none;padding:0 16px;height:calc(", componentVars.textBoxHeight, " - ", strokeSize, " * 2);background-color:transparent;position:relative;color:var(--grn-color-content2);border-radius:1000px;white-space:nowrap;transition:", componentVars.transitionDefault, ";box-shadow:0 0 0 ", strokeSize, " var(--borderColor);&:hover{color:var(--grn-color-content);transition:", componentVars.transitionHover, ";}", function (p) {
   return p.isActive && "\n    --borderColor: ".concat(componentVars.activeBorderColor, ";\n    color: var(--grn-color-content);\n    transition: ").concat(componentVars.transitionActive, ";\n\n    &:hover {\n      transition: ").concat(componentVars.transitionActive, ";\n    }\n  ");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCAke2dldENvbG9yKCdib3JkZXIyJyl9O1xuICBnYXA6ICR7c3Ryb2tlU2l6ZX07XG4gIGJvcmRlci1yYWRpdXM6IDEwMDBweDtcblxuICAke3AgPT4gIXAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogZml0LWNvbnRlbnRgfTtcbiAgJHtwID0+XG4gICAgcC5oYXNGdWxsV2lkdGggJiZcbiAgICBgXG4gICAgLlRleHRUb2dnbGUge1xuICAgICAgZmxleDogMSAwIDA7XG4gICAgfVxuICBgfVxuYDtcblxuY29uc3QgSXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIC0tYm9yZGVyQ29sb3I6IHRyYW5zcGFyZW50O1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMCAxNnB4O1xuICBoZWlnaHQ6IGNhbGMoJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9IC0gJHtzdHJva2VTaXplfSAqIDIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkRlZmF1bHR9O1xuICBib3gtc2hhZG93OiAwIDAgMCAke3N0cm9rZVNpemV9IHZhcigtLWJvcmRlckNvbG9yKTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246ICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uSG92ZXJ9O1xuICB9XG5cbiAgJHtwID0+XG4gICAgcC5pc0FjdGl2ZSAmJlxuICAgIGBcbiAgICAtLWJvcmRlckNvbG9yOiAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG4gICAgfVxuICBgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGUgPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXIgaXNBY3RpdmU9e2lzQWN0aXZlfSBvbkNsaWNrPXtvbkNsaWNrfSBjbGFzc05hbWU9XCJUZXh0VG9nZ2xlXCIgey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0l0ZW1XcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGVHcm91cCA9ICh7IGNoaWxkcmVuLCBoYXNGdWxsV2lkdGgsIC4uLnByb3BzIH0pID0+IChcbiAgPFdyYXBwZXIgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCAke2dldENvbG9yKCdib3JkZXIyJyl9O1xuICBnYXA6ICR7c3Ryb2tlU2l6ZX07XG4gIGJvcmRlci1yYWRpdXM6IDEwMDBweDtcblxuICAke3AgPT4gIXAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogZml0LWNvbnRlbnRgfTtcbiAgJHtwID0+XG4gICAgcC5oYXNGdWxsV2lkdGggJiZcbiAgICBgXG4gICAgLlRleHRUb2dnbGUge1xuICAgICAgZmxleDogMSAwIDA7XG4gICAgfVxuICBgfVxuYDtcblxuY29uc3QgSXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIC0tYm9yZGVyQ29sb3I6IHRyYW5zcGFyZW50O1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMCAxNnB4O1xuICBoZWlnaHQ6IGNhbGMoJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9IC0gJHtzdHJva2VTaXplfSAqIDIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkRlZmF1bHR9O1xuICBib3gtc2hhZG93OiAwIDAgMCAke3N0cm9rZVNpemV9IHZhcigtLWJvcmRlckNvbG9yKTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246ICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uSG92ZXJ9O1xuICB9XG5cbiAgJHtwID0+XG4gICAgcC5pc0FjdGl2ZSAmJlxuICAgIGBcbiAgICAtLWJvcmRlckNvbG9yOiAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG4gICAgfVxuICBgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGUgPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGNsYXNzTmFtZT1cIlRleHRUb2dnbGVcIlxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0l0ZW1XcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGVHcm91cCA9ICh7IGNoaWxkcmVuLCBoYXNGdWxsV2lkdGgsIC4uLnByb3BzIH0pID0+IChcbiAgPFdyYXBwZXIgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
 
 export var TextToggle = function TextToggle(_ref) {
   var children = _ref.children,
@@ -47,6 +47,7 @@ export var TextToggle = function TextToggle(_ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   return ___EmotionJSX(ItemWrapper, _extends({
+    type: "button",
     isActive: isActive,
     onClick: onClick,
     className: "TextToggle"

package/es/foundational/field.js

@@ -4,7 +4,8 @@ import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.object.assign.js";
 var _excluded = ["paddingLeft", "paddingRight", "hasError", "isReadOnly", "isDisabled"],
     _excluded2 = ["children"],
-    _excluded3 = ["children"];
+    _excluded3 = ["children"],
+    _excluded4 = ["children"];
 
 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); }
 
@@ -18,6 +19,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 import { css } from '@emotion/react';
 import { forwardRef } from 'react';
+import { Text } from '../components';
 import { getColor, getRadius } from '../utilities';
 import { componentVars, styles } from './styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -44,7 +46,7 @@ export var InputField = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     readOnly: isReadOnly,
     disabled: isDisabled,
     ref: ref,
-    css: /*#__PURE__*/css(styles.transitions, ";appearance:none;border:none;font:inherit;color:inherit;background-color:transparent;transition-property:border-color;width:100%;border-radius:", getRadius('s'), ";height:", componentVars.textBoxHeight, ";padding:0 ", paddingRight, " 0 ", paddingLeft, ";outline:none;border:", componentVars.strokeSize, " solid;border-color:", hasError ? getColor('danger') : fieldVars.borderColor, ";&::placeholder{color:", getColor('grey5'), ";}&:disabled,&:read-only{background-color:", fieldVars.backgroundColorDisabled, ";border-color:", fieldVars.borderColorDisabled, ";}", !hasError && "\n          &:not(:disabled, :read-only) {\n            &:hover {\n              border-color: ".concat(fieldVars.borderColorHover, ";\n            }\n\n            &:focus {\n              transition: ").concat(componentVars.transitionActive, ";\n              border-color: ").concat(fieldVars.borderColorFocus, ";\n            }\n          }\n        "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InputField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCYyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGZpZWxkVmFycyA9IHtcbiAgeFBhZGRpbmc6ICcxMnB4JyxcbiAgYm9yZGVyQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICBib3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgYm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ2dyZXk2JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6ICdoc2woMCAwJSAwJSAvIDE4JSknLFxuICBiYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZDogJ2hzbCgwIDAlIDAlIC8gNCUpJyxcbiAgZ2FwOiAneHMnLFxufTtcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gICAgICBwYWRkaW5nUmlnaHQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPGlucHV0XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBwYWRkaW5nOiAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAgICAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk1Jyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgJjpkaXNhYmxlZCxcbiAgICAgICAgJjpyZWFkLW9ubHkge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZmllbGRWYXJzLmJhY2tncm91bmRDb2xvckRpc2FibGVkfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRGlzYWJsZWR9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshaGFzRXJyb3IgJiZcbiAgICAgICAgYFxuICAgICAgICAgICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSkge1xuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtmaWVsZFZhcnMuYm9yZGVyQ29sb3JIb3Zlcn07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtmaWVsZFZhcnMuYm9yZGVyQ29sb3JGb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgICBmb250LXdlaWdodDogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IElubGluZUZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBmb250LXdlaWdodDogdW5zZXQ7XG4gICAgICBkaXNwbGF5OiB1bnNldDtcbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcbiJdfQ== */")
+    css: /*#__PURE__*/css(styles.transitions, ";appearance:none;border:none;font:inherit;color:inherit;background-color:transparent;transition-property:border-color;width:100%;border-radius:", getRadius('s'), ";height:", componentVars.textBoxHeight, ";padding:0 ", paddingRight, " 0 ", paddingLeft, ";outline:none;border:", componentVars.strokeSize, " solid;border-color:", hasError ? getColor('danger') : fieldVars.borderColor, ";&::placeholder{color:", getColor('grey5'), ";}&:disabled,&:read-only{background-color:", fieldVars.backgroundColorDisabled, ";border-color:", fieldVars.borderColorDisabled, ";}", !hasError && "\n          &:not(:disabled, :read-only) {\n            &:hover {\n              border-color: ".concat(fieldVars.borderColorHover, ";\n            }\n\n            &:focus {\n              transition: ").concat(componentVars.transitionActive, ";\n              border-color: ").concat(fieldVars.borderColorFocus, ";\n            }\n          }\n        "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InputField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDYyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGZpZWxkVmFycyA9IHtcbiAgeFBhZGRpbmc6ICcxMnB4JyxcbiAgYm9yZGVyQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICBib3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgYm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ2dyZXk2JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6ICdoc2woMCAwJSAwJSAvIDE4JSknLFxuICBiYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZDogJ2hzbCgwIDAlIDAlIC8gNCUpJyxcbiAgZ2FwOiAneHMnLFxufTtcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gICAgICBwYWRkaW5nUmlnaHQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPGlucHV0XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBwYWRkaW5nOiAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAgICAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk1Jyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgJjpkaXNhYmxlZCxcbiAgICAgICAgJjpyZWFkLW9ubHkge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZmllbGRWYXJzLmJhY2tncm91bmRDb2xvckRpc2FibGVkfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRGlzYWJsZWR9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshaGFzRXJyb3IgJiZcbiAgICAgICAgYFxuICAgICAgICAgICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSkge1xuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtmaWVsZFZhcnMuYm9yZGVyQ29sb3JIb3Zlcn07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtmaWVsZFZhcnMuYm9yZGVyQ29sb3JGb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgICBmb250LXdlaWdodDogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IElubGluZUZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBmb250LXdlaWdodDogdW5zZXQ7XG4gICAgICBkaXNwbGF5OiB1bnNldDtcbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */")
   }, props));
 });
 
@@ -54,7 +56,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "163pc23-FieldLabel",
   styles: "display:block;margin:unset;font-weight:unset;label:FieldLabel;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStFWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGZpZWxkVmFycyA9IHtcbiAgeFBhZGRpbmc6ICcxMnB4JyxcbiAgYm9yZGVyQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICBib3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgYm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ2dyZXk2JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6ICdoc2woMCAwJSAwJSAvIDE4JSknLFxuICBiYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZDogJ2hzbCgwIDAlIDAlIC8gNCUpJyxcbiAgZ2FwOiAneHMnLFxufTtcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gICAgICBwYWRkaW5nUmlnaHQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPGlucHV0XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBwYWRkaW5nOiAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAgICAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk1Jyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgJjpkaXNhYmxlZCxcbiAgICAgICAgJjpyZWFkLW9ubHkge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZmllbGRWYXJzLmJhY2tncm91bmRDb2xvckRpc2FibGVkfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRGlzYWJsZWR9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshaGFzRXJyb3IgJiZcbiAgICAgICAgYFxuICAgICAgICAgICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSkge1xuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtmaWVsZFZhcnMuYm9yZGVyQ29sb3JIb3Zlcn07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtmaWVsZFZhcnMuYm9yZGVyQ29sb3JGb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgICBmb250LXdlaWdodDogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IElubGluZUZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBmb250LXdlaWdodDogdW5zZXQ7XG4gICAgICBkaXNwbGF5OiB1bnNldDtcbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGZpZWxkVmFycyA9IHtcbiAgeFBhZGRpbmc6ICcxMnB4JyxcbiAgYm9yZGVyQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICBib3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgYm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ2dyZXk2JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6ICdoc2woMCAwJSAwJSAvIDE4JSknLFxuICBiYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZDogJ2hzbCgwIDAlIDAlIC8gNCUpJyxcbiAgZ2FwOiAneHMnLFxufTtcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gICAgICBwYWRkaW5nUmlnaHQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPGlucHV0XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBwYWRkaW5nOiAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAgICAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk1Jyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgJjpkaXNhYmxlZCxcbiAgICAgICAgJjpyZWFkLW9ubHkge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZmllbGRWYXJzLmJhY2tncm91bmRDb2xvckRpc2FibGVkfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRGlzYWJsZWR9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshaGFzRXJyb3IgJiZcbiAgICAgICAgYFxuICAgICAgICAgICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSkge1xuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtmaWVsZFZhcnMuYm9yZGVyQ29sb3JIb3Zlcn07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtmaWVsZFZhcnMuYm9yZGVyQ29sb3JGb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgICBmb250LXdlaWdodDogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IElubGluZUZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBmb250LXdlaWdodDogdW5zZXQ7XG4gICAgICBkaXNwbGF5OiB1bnNldDtcbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -74,7 +76,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "owp0pl-InlineFieldLabel",
   styles: "font-weight:unset;display:unset;margin:unset;label:InlineFieldLabel;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThGWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGZpZWxkVmFycyA9IHtcbiAgeFBhZGRpbmc6ICcxMnB4JyxcbiAgYm9yZGVyQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICBib3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgYm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ2dyZXk2JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6ICdoc2woMCAwJSAwJSAvIDE4JSknLFxuICBiYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZDogJ2hzbCgwIDAlIDAlIC8gNCUpJyxcbiAgZ2FwOiAneHMnLFxufTtcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gICAgICBwYWRkaW5nUmlnaHQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPGlucHV0XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBwYWRkaW5nOiAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAgICAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk1Jyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgJjpkaXNhYmxlZCxcbiAgICAgICAgJjpyZWFkLW9ubHkge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZmllbGRWYXJzLmJhY2tncm91bmRDb2xvckRpc2FibGVkfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRGlzYWJsZWR9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshaGFzRXJyb3IgJiZcbiAgICAgICAgYFxuICAgICAgICAgICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSkge1xuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtmaWVsZFZhcnMuYm9yZGVyQ29sb3JIb3Zlcn07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtmaWVsZFZhcnMuYm9yZGVyQ29sb3JGb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgICBmb250LXdlaWdodDogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IElubGluZUZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBmb250LXdlaWdodDogdW5zZXQ7XG4gICAgICBkaXNwbGF5OiB1bnNldDtcbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStGWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGZpZWxkVmFycyA9IHtcbiAgeFBhZGRpbmc6ICcxMnB4JyxcbiAgYm9yZGVyQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICBib3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgYm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ2dyZXk2JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6ICdoc2woMCAwJSAwJSAvIDE4JSknLFxuICBiYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZDogJ2hzbCgwIDAlIDAlIC8gNCUpJyxcbiAgZ2FwOiAneHMnLFxufTtcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gICAgICBwYWRkaW5nUmlnaHQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPGlucHV0XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBwYWRkaW5nOiAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAgICAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk1Jyl9O1xuICAgICAgICB9XG5cbiAgICAgICAgJjpkaXNhYmxlZCxcbiAgICAgICAgJjpyZWFkLW9ubHkge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZmllbGRWYXJzLmJhY2tncm91bmRDb2xvckRpc2FibGVkfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRGlzYWJsZWR9O1xuICAgICAgICB9XG5cbiAgICAgICAgJHshaGFzRXJyb3IgJiZcbiAgICAgICAgYFxuICAgICAgICAgICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSkge1xuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtmaWVsZFZhcnMuYm9yZGVyQ29sb3JIb3Zlcn07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtmaWVsZFZhcnMuYm9yZGVyQ29sb3JGb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgICBmb250LXdlaWdodDogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IElubGluZUZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBmb250LXdlaWdodDogdW5zZXQ7XG4gICAgICBkaXNwbGF5OiB1bnNldDtcbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -86,4 +88,13 @@ export var InlineFieldLabel = /*#__PURE__*/forwardRef(function (_ref5, ref) {
     ref: ref,
     css: _ref
   }, props), children);
+});
+export var FieldHint = /*#__PURE__*/forwardRef(function (_ref6, ref) {
+  var children = _ref6.children,
+      props = _objectWithoutProperties(_ref6, _excluded4);
+
+  return ___EmotionJSX(Text, _extends({
+    color: "content2",
+    ref: ref
+  }, props), children);
 });

package/es/foundational/index.js

@@ -1,3 +1,3 @@
 export { MenuCard, MenuGroupTitle, MenuItem, MenuTransition } from './menu';
-export { InputField, FieldLabel, InlineFieldLabel, fieldVars } from './field';
+export { InputField, FieldLabel, InlineFieldLabel, fieldVars, FieldHint } from './field';
 export { componentVars, styles, getClearButtonStyles, placementStyles } from './styles';

package/es/types.js

@@ -34,5 +34,7 @@ export var types = {
   iconPosition: PropTypes.oneOf(['left', 'right']),
   menuPlacement: PropTypes.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd']),
   placement: PropTypes.oneOf(placements),
-  textInput: PropTypes.oneOf(['text', 'password', 'email', 'date', 'datetime-local', 'email', 'month', 'number', 'password', 'search', 'tel', 'time', 'url', 'week'])
+  textInput: PropTypes.oneOf(['text', 'password', 'email', 'date', 'datetime-local', 'email', 'month', 'number', 'password', 'search', 'tel', 'time', 'url', 'week']),
+  buttonType: PropTypes.oneOf(['button', 'submit', 'reset']),
+  hint: PropTypes.string
 };

package/package.json

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