@flodesk/grain 8.6.1 → 8.7.0

package/es/components/text-toggle.js

@@ -13,7 +13,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 "core-js/modules/es.object.assign.js";
-import { getColor } from '../utilities';
+import { getColor, getTransition } from '../utilities';
 import React from 'react';
 import PropTypes from 'prop-types';
 import { styles, componentVars } from '../foundational';
@@ -29,16 +29,16 @@ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkICR7Z2V0Q29sb3IoJ2JvcmRlcjInKX07XG4gIGdhcDogJHtzdHJva2VTaXplfTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuXG4gICR7cCA9PiAhcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiBmaXQtY29udGVudGB9O1xuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGV4dFRvZ2dsZSB7XG4gICAgICBmbGV4OiAxIDAgMDtcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwIDE2cHg7XG4gIGhlaWdodDogY2FsYygke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH0gLSAke3N0cm9rZVNpemV9ICogMik7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudDIpO1xuICBib3JkZXItcmFkaXVzOiAxMDAwcHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRyYW5zaXRpb246ICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uRGVmYXVsdH07XG4gIGJveC1zaGFkb3c6IDAgMCAwICR7c3Ryb2tlU2l6ZX0gdmFyKC0tYm9yZGVyQ29sb3IpO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25Ib3Zlcn07XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIC0tYm9yZGVyQ29sb3I6ICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiAke2NvbXBvbmVudFZhcnMudHJhbnNpdGlvbkFjdGl2ZX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIHRyYW5zaXRpb246ICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uQWN0aXZlfTtcbiAgICB9XG4gIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZSA9ICh7IGNoaWxkcmVuLCBpc0FjdGl2ZSwgb25DbGljaywgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlclxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xhc3NOYW1lPVwiVGV4dFRvZ2dsZVwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZUdyb3VwID0gKHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSkgPT4gKFxuICA8V3JhcHBlciBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbik7XG5cblRleHRUb2dnbGVHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cblRleHRUb2dnbGUucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkICR7Z2V0Q29sb3IoJ2JvcmRlcjInKX07XG4gIGdhcDogJHtzdHJva2VTaXplfTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuXG4gICR7cCA9PiAhcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiBmaXQtY29udGVudGB9O1xuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGV4dFRvZ2dsZSB7XG4gICAgICBmbGV4OiAxIDAgMDtcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwIDE2cHg7XG4gIGhlaWdodDogY2FsYygke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH0gLSAke3N0cm9rZVNpemV9ICogMik7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudDIpO1xuICBib3JkZXItcmFkaXVzOiAxMDAwcHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignbGVhdmUnKX07XG4gIGJveC1zaGFkb3c6IDAgMCAwICR7c3Ryb2tlU2l6ZX0gdmFyKC0tYm9yZGVyQ29sb3IpO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdob3ZlcicpfTtcbiAgfVxuXG4gICR7cCA9PlxuICAgIHAuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgLS1ib3JkZXJDb2xvcjogJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignYWN0aXZlJyl9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcbiAgICB9XG4gIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZSA9ICh7IGNoaWxkcmVuLCBpc0FjdGl2ZSwgb25DbGljaywgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlclxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xhc3NOYW1lPVwiVGV4dFRvZ2dsZVwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZUdyb3VwID0gKHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSkgPT4gKFxuICA8V3JhcHBlciBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbik7XG5cblRleHRUb2dnbGVHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cblRleHRUb2dnbGUucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
 
 var ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1fb3cwm0"
 } : {
   target: "e1fb3cwm0",
   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+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGNsYXNzTmFtZT1cIlRleHRUb2dnbGVcIlxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0l0ZW1XcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGVHcm91cCA9ICh7IGNoaWxkcmVuLCBoYXNGdWxsV2lkdGgsIC4uLnByb3BzIH0pID0+IChcbiAgPFdyYXBwZXIgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
+})(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:", getTransition('leave'), ";box-shadow:0 0 0 ", strokeSize, " var(--borderColor);&:hover{color:var(--grn-color-content);transition:", getTransition('hover'), ";}", function (p) {
+  return p.isActive && "\n    --borderColor: ".concat(componentVars.activeBorderColor, ";\n    color: var(--grn-color-content);\n    transition: ").concat(getTransition('active'), ";\n\n    &:hover {\n      transition: ").concat(getTransition('active'), ";\n    }\n  ");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCAke2dldENvbG9yKCdib3JkZXIyJyl9O1xuICBnYXA6ICR7c3Ryb2tlU2l6ZX07XG4gIGJvcmRlci1yYWRpdXM6IDEwMDBweDtcblxuICAke3AgPT4gIXAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogZml0LWNvbnRlbnRgfTtcbiAgJHtwID0+XG4gICAgcC5oYXNGdWxsV2lkdGggJiZcbiAgICBgXG4gICAgLlRleHRUb2dnbGUge1xuICAgICAgZmxleDogMSAwIDA7XG4gICAgfVxuICBgfVxuYDtcblxuY29uc3QgSXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIC0tYm9yZGVyQ29sb3I6IHRyYW5zcGFyZW50O1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMCAxNnB4O1xuICBoZWlnaHQ6IGNhbGMoJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9IC0gJHtzdHJva2VTaXplfSAqIDIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuICBib3gtc2hhZG93OiAwIDAgMCAke3N0cm9rZVNpemV9IHZhcigtLWJvcmRlckNvbG9yKTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIC0tYm9yZGVyQ29sb3I6ICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdhY3RpdmUnKX07XG4gICAgfVxuICBgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGUgPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGNsYXNzTmFtZT1cIlRleHRUb2dnbGVcIlxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0l0ZW1XcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGVHcm91cCA9ICh7IGNoaWxkcmVuLCBoYXNGdWxsV2lkdGgsIC4uLnByb3BzIH0pID0+IChcbiAgPFdyYXBwZXIgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
 
 export var TextToggle = function TextToggle(_ref) {
   var children = _ref.children,

package/es/components/textarea.js

@@ -12,11 +12,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
-import { componentVars, FieldHint, FieldLabel, fieldVars, getFieldStyles } from '../foundational';
+import { componentVars, FieldHint, FieldLabel, getFieldStyles } from '../foundational';
 import { Box } from './box';
 import { Text } from './text';
 import { types } from '../types';
 import { css } from '@emotion/react';
+import { getSpace } from '../utilities';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var paddingY = '8px';
 
@@ -25,7 +26,7 @@ var Counter = function Counter(_ref) {
       maxLength = _ref.maxLength;
   return ___EmotionJSX(Box, {
     position: "absolute",
-    paddingX: fieldVars.xPadding,
+    paddingX: "fieldPaddingX",
     paddingY: paddingY,
     right: componentVars.strokeSize,
     bottom: componentVars.strokeSize,
@@ -80,7 +81,7 @@ export var Textarea = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     disabled: isDisabled,
     css: /*#__PURE__*/css(getFieldStyles({
       hasError: hasError
-    }), ";resize:none;padding:", paddingY, " ", fieldVars.xPadding, " ", bottomPadding, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Textarea;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RW9CIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIEZpZWxkSGludCwgRmllbGRMYWJlbCwgZmllbGRWYXJzLCBnZXRGaWVsZFN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBwYWRkaW5nWSA9ICc4cHgnO1xuXG5jb25zdCBDb3VudGVyID0gKHsgbGVuZ3RoLCBtYXhMZW5ndGggfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxCb3hcbiAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgcGFkZGluZ1g9e2ZpZWxkVmFycy54UGFkZGluZ31cbiAgICAgIHBhZGRpbmdZPXtwYWRkaW5nWX1cbiAgICAgIHJpZ2h0PXtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9XG4gICAgICBib3R0b209e2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX1cbiAgICAgIGJhY2tncm91bmRDb2xvcj1cImJhY2tncm91bmRcIlxuICAgID5cbiAgICAgIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIiBkaXNwbGF5PVwiaW5saW5lXCI+XG4gICAgICAgIHtsZW5ndGh9L1xuICAgICAgPC9UZXh0PlxuICAgICAge21heExlbmd0aH1cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmNvbnN0IFRleHRhcmVhV3JhcHBlciA9ICh7IGNoaWxkcmVuLCBtYXhMZW5ndGggfSkgPT4ge1xuICBpZiAoIW1heExlbmd0aCkgcmV0dXJuIGNoaWxkcmVuO1xuXG4gIHJldHVybiA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj57Y2hpbGRyZW59PC9Cb3g+O1xufTtcblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHZhbHVlLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICBsYWJlbCxcbiAgICAgIGlkLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBlcnJvck1lc3NhZ2UsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGhpbnQsXG4gICAgICBtYXhMZW5ndGgsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIHJvd3MgPSAzLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgYm90dG9tUGFkZGluZyA9IG1heExlbmd0aFxuICAgICAgPyBgY2FsYygke3BhZGRpbmdZfSAqIDIgKyB2YXIoLS1ncm4tbGluZUhlaWdodC1nbG9iYWwpKWBcbiAgICAgIDogcGFkZGluZ1k7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgeyhsYWJlbCB8fCBoaW50KSAmJiAoXG4gICAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209XCJiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbFwiPlxuICAgICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuXG4gICAgICAgIDxUZXh0YXJlYVdyYXBwZXIgbWF4TGVuZ3RoPXttYXhMZW5ndGh9PlxuICAgICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBuYW1lPXtpZH1cbiAgICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgJHtnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yIH0pfTtcbiAgICAgICAgICAgICAgcmVzaXplOiBub25lO1xuICAgICAgICAgICAgICBwYWRkaW5nOiAke3BhZGRpbmdZfSAke2ZpZWxkVmFycy54UGFkZGluZ30gJHtib3R0b21QYWRkaW5nfTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7bWF4TGVuZ3RoICYmIDxDb3VudGVyIGxlbmd0aD17dmFsdWUubGVuZ3RofSBtYXhMZW5ndGg9e21heExlbmd0aH0gLz59XG4gICAgICAgIDwvVGV4dGFyZWFXcmFwcGVyPlxuXG4gICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICAgIDxCb3ggY29sb3I9XCJkYW5nZXJcIiBtYXJnaW5Ub3A9XCJiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbFwiPlxuICAgICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuXG5UZXh0YXJlYS5wcm9wVHlwZXMgPSB7XG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBtYXhMZW5ndGg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHJvd3M6IFByb3BUeXBlcy5udW1iZXIsXG59O1xuIl19 */")
+    }), ";resize:none;padding:", paddingY, " ", getSpace('fieldPaddingX'), " ", bottomPadding, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Textarea;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RW9CIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4vdGV4dCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgcGFkZGluZ1kgPSAnOHB4JztcblxuY29uc3QgQ291bnRlciA9ICh7IGxlbmd0aCwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIHBhZGRpbmdYPVwiZmllbGRQYWRkaW5nWFwiXG4gICAgICBwYWRkaW5nWT17cGFkZGluZ1l9XG4gICAgICByaWdodD17Y29tcG9uZW50VmFycy5zdHJva2VTaXplfVxuICAgICAgYm90dG9tPXtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJiYWNrZ3JvdW5kXCJcbiAgICA+XG4gICAgICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgZGlzcGxheT1cImlubGluZVwiPlxuICAgICAgICB7bGVuZ3RofS9cbiAgICAgIDwvVGV4dD5cbiAgICAgIHttYXhMZW5ndGh9XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgbGFiZWwsXG4gICAgICBpZCxcbiAgICAgIGhhc0Vycm9yLFxuICAgICAgZXJyb3JNZXNzYWdlLFxuICAgICAgaXNSZWFkT25seSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBoaW50LFxuICAgICAgbWF4TGVuZ3RoLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICByb3dzID0gMyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGJvdHRvbVBhZGRpbmcgPSBtYXhMZW5ndGhcbiAgICAgID8gYGNhbGMoJHtwYWRkaW5nWX0gKiAyICsgdmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSlgXG4gICAgICA6IHBhZGRpbmdZO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXY+XG4gICAgICAgIHsobGFiZWwgfHwgaGludCkgJiYgKFxuICAgICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPVwiYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWxcIj5cbiAgICAgICAgICAgIHtsYWJlbCAmJiA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cblxuICAgICAgICA8VGV4dGFyZWFXcmFwcGVyIG1heExlbmd0aD17bWF4TGVuZ3RofT5cbiAgICAgICAgICA8dGV4dGFyZWFcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICR7Z2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gICAgICAgICAgICAgIHJlc2l6ZTogbm9uZTtcbiAgICAgICAgICAgICAgcGFkZGluZzogJHtwYWRkaW5nWX0gJHtnZXRTcGFjZSgnZmllbGRQYWRkaW5nWCcpfSAke2JvdHRvbVBhZGRpbmd9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHttYXhMZW5ndGggJiYgPENvdW50ZXIgbGVuZ3RoPXt2YWx1ZS5sZW5ndGh9IG1heExlbmd0aD17bWF4TGVuZ3RofSAvPn1cbiAgICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPEJveCBjb2xvcj1cImRhbmdlclwiIG1hcmdpblRvcD1cImJldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsXCI+XG4gICAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbn07XG4iXX0= */")
   }, props)), maxLength && ___EmotionJSX(Counter, {
     length: value.length,
     maxLength: maxLength

package/es/foundational/field.js

@@ -16,7 +16,7 @@ import "core-js/modules/es.array.concat.js";
 import { css } from '@emotion/react';
 import { forwardRef } from 'react';
 import { Text } from '../components';
-import { getColor, getRadius, getTransition, getWeight } from '../utilities';
+import { getColor, getRadius, getSpace, getTransition, getWeight } from '../utilities';
 import { componentVars, styles } from './styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var fieldVars = {
@@ -29,13 +29,13 @@ export var fieldVars = {
 };
 export var getFieldStyles = function getFieldStyles(_ref) {
   var hasError = _ref.hasError;
-  return /*#__PURE__*/css(styles.transitions, ";appearance:none;display:block;font:inherit;color:inherit;background-color:transparent;transition-property:border-color;width:100%;border-radius:", getRadius('s'), ";outline:none;border:", componentVars.strokeSize, " solid;border-color:", hasError ? getColor('danger') : fieldVars.borderColor, ";&::placeholder{color:", getColor('shade7'), ";}&:disabled,&:read-only{background-color:", fieldVars.backgroundColorDisabled, ";border-color:", fieldVars.borderColorDisabled, ";}", !hasError && "\n    &:not(:disabled, :read-only) {\n      &:hover {\n        border-color: ".concat(fieldVars.borderColorHover, ";\n      }\n\n      &:focus {\n        transition: ").concat(componentVars.transitionActive, ";\n        border-color: ").concat(fieldVars.borderColorFocus, ";\n      }\n    }\n  "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getFieldStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtRCIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGaWVsZFN0eWxlcyA9ICh7IGhhc0Vycm9yIH0pID0+IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZpZWxkVmFycy5iYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckRpc2FibGVkfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRm9jdXN9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gICAgICAgIHBhZGRpbmc6IDAgJHtwYWRkaW5nUmlnaHR9IDAgJHtwYWRkaW5nTGVmdH07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBtYXJnaW46IHVuc2V0O1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2xhYmVsPlxuKSk7XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG4iXX0= */");
+  return /*#__PURE__*/css(styles.transitions, ";appearance:none;display:block;font:inherit;color:inherit;background-color:transparent;transition-property:border-color;width:100%;border-radius:", getRadius('s'), ";outline:none;border:", componentVars.strokeSize, " solid;border-color:", getColor(hasError ? 'danger' : 'fieldBorder'), ";&::placeholder{color:", getColor('shade7'), ";}&:disabled,&:read-only{background-color:", getColor('fieldBackgroundDisabled'), ";border-color:", getColor('fieldBorderDisabled'), ";}", !hasError && "\n    &:not(:disabled, :read-only) {\n      &:hover {\n        border-color: ".concat(getColor('fieldBorderHover'), ";\n      }\n\n      &:focus {\n        transition: ").concat(getTransition('active'), ";\n        border-color: ").concat(getColor('fieldBorderFocus'), ";\n      }\n    }\n  "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getFieldStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtRCIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VHJhbnNpdGlvbiwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGZpZWxkVmFycyA9IHtcbiAgeFBhZGRpbmc6ICcxMnB4JyxcbiAgYm9yZGVyQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICBib3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgYm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ3NoYWRlOScpLFxuICBib3JkZXJDb2xvckRpc2FibGVkOiBnZXRDb2xvcignc2hhZGU1JyksXG4gIGJhY2tncm91bmRDb2xvckRpc2FibGVkOiBnZXRDb2xvcignc2hhZGUyJyksXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0RmllbGRTdHlsZXMgPSAoeyBoYXNFcnJvciB9KSA9PiBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG5cbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyOiAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gc29saWQ7XG4gIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ2ZpZWxkQm9yZGVyJyl9O1xuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignc2hhZGU3Jyl9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCxcbiAgJjpyZWFkLW9ubHkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcignZmllbGRCb3JkZXJEaXNhYmxlZCcpfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVySG92ZXInKX07XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKCdmaWVsZEJvcmRlckZvY3VzJyl9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZ2V0U3BhY2UoJ2ZpZWxkUGFkZGluZ1gnKSxcbiAgICAgIHBhZGRpbmdSaWdodCA9IGdldFNwYWNlKCdmaWVsZFBhZGRpbmdYJyksXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPGlucHV0XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yIH0pfTtcbiAgICAgICAgcGFkZGluZzogMCAke3BhZGRpbmdSaWdodH0gMCAke3BhZGRpbmdMZWZ0fTtcbiAgICAgICAgaGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */");
 };
 export var InputField = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var _ref2$paddingLeft = _ref2.paddingLeft,
-      paddingLeft = _ref2$paddingLeft === void 0 ? fieldVars.xPadding : _ref2$paddingLeft,
+      paddingLeft = _ref2$paddingLeft === void 0 ? getSpace('fieldPaddingX') : _ref2$paddingLeft,
       _ref2$paddingRight = _ref2.paddingRight,
-      paddingRight = _ref2$paddingRight === void 0 ? fieldVars.xPadding : _ref2$paddingRight,
+      paddingRight = _ref2$paddingRight === void 0 ? getSpace('fieldPaddingX') : _ref2$paddingRight,
       hasError = _ref2.hasError,
       isReadOnly = _ref2.isReadOnly,
       isDisabled = _ref2.isDisabled,
@@ -47,7 +47,7 @@ export var InputField = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     ref: ref,
     css: /*#__PURE__*/css(getFieldStyles({
       hasError: hasError
-    }), ";padding:0 ", paddingRight, " 0 ", paddingLeft, ";height:", componentVars.textBoxHeight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InputField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFYyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGaWVsZFN0eWxlcyA9ICh7IGhhc0Vycm9yIH0pID0+IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZpZWxkVmFycy5iYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckRpc2FibGVkfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRm9jdXN9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gICAgICAgIHBhZGRpbmc6IDAgJHtwYWRkaW5nUmlnaHR9IDAgJHtwYWRkaW5nTGVmdH07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBtYXJnaW46IHVuc2V0O1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2xhYmVsPlxuKSk7XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG4iXX0= */")
+    }), ";padding:0 ", paddingRight, " 0 ", paddingLeft, ";height:", componentVars.textBoxHeight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InputField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFYyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VHJhbnNpdGlvbiwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGZpZWxkVmFycyA9IHtcbiAgeFBhZGRpbmc6ICcxMnB4JyxcbiAgYm9yZGVyQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICBib3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgYm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ3NoYWRlOScpLFxuICBib3JkZXJDb2xvckRpc2FibGVkOiBnZXRDb2xvcignc2hhZGU1JyksXG4gIGJhY2tncm91bmRDb2xvckRpc2FibGVkOiBnZXRDb2xvcignc2hhZGUyJyksXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0RmllbGRTdHlsZXMgPSAoeyBoYXNFcnJvciB9KSA9PiBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG5cbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyOiAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gc29saWQ7XG4gIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ2ZpZWxkQm9yZGVyJyl9O1xuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignc2hhZGU3Jyl9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCxcbiAgJjpyZWFkLW9ubHkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcignZmllbGRCb3JkZXJEaXNhYmxlZCcpfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVySG92ZXInKX07XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKCdmaWVsZEJvcmRlckZvY3VzJyl9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZ2V0U3BhY2UoJ2ZpZWxkUGFkZGluZ1gnKSxcbiAgICAgIHBhZGRpbmdSaWdodCA9IGdldFNwYWNlKCdmaWVsZFBhZGRpbmdYJyksXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPGlucHV0XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yIH0pfTtcbiAgICAgICAgcGFkZGluZzogMCAke3BhZGRpbmdSaWdodH0gMCAke3BhZGRpbmdMZWZ0fTtcbiAgICAgICAgaGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */")
   }, props));
 });
 export var FieldLabel = /*#__PURE__*/forwardRef(function (_ref3, ref) {
@@ -56,7 +56,7 @@ export var FieldLabel = /*#__PURE__*/forwardRef(function (_ref3, ref) {
 
   return ___EmotionJSX("label", _extends({
     ref: ref,
-    css: /*#__PURE__*/css("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:FieldLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGaWVsZFN0eWxlcyA9ICh7IGhhc0Vycm9yIH0pID0+IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZpZWxkVmFycy5iYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckRpc2FibGVkfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRm9jdXN9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gICAgICAgIHBhZGRpbmc6IDAgJHtwYWRkaW5nUmlnaHR9IDAgJHtwYWRkaW5nTGVmdH07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBtYXJnaW46IHVuc2V0O1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2xhYmVsPlxuKSk7XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG4iXX0= */")
+    css: /*#__PURE__*/css("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:FieldLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VHJhbnNpdGlvbiwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGZpZWxkVmFycyA9IHtcbiAgeFBhZGRpbmc6ICcxMnB4JyxcbiAgYm9yZGVyQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICBib3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgYm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ3NoYWRlOScpLFxuICBib3JkZXJDb2xvckRpc2FibGVkOiBnZXRDb2xvcignc2hhZGU1JyksXG4gIGJhY2tncm91bmRDb2xvckRpc2FibGVkOiBnZXRDb2xvcignc2hhZGUyJyksXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0RmllbGRTdHlsZXMgPSAoeyBoYXNFcnJvciB9KSA9PiBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG5cbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyOiAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gc29saWQ7XG4gIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ2ZpZWxkQm9yZGVyJyl9O1xuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignc2hhZGU3Jyl9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCxcbiAgJjpyZWFkLW9ubHkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcignZmllbGRCb3JkZXJEaXNhYmxlZCcpfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVySG92ZXInKX07XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKCdmaWVsZEJvcmRlckZvY3VzJyl9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZ2V0U3BhY2UoJ2ZpZWxkUGFkZGluZ1gnKSxcbiAgICAgIHBhZGRpbmdSaWdodCA9IGdldFNwYWNlKCdmaWVsZFBhZGRpbmdYJyksXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPGlucHV0XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yIH0pfTtcbiAgICAgICAgcGFkZGluZzogMCAke3BhZGRpbmdSaWdodH0gMCAke3BhZGRpbmdMZWZ0fTtcbiAgICAgICAgaGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */")
   }, props), children);
 });
 export var FieldHint = /*#__PURE__*/forwardRef(function (_ref4, ref) {