@flodesk/grain 11.73.0 → 11.75.0

package/es/components/textarea.js

@@ -1,5 +1,5 @@
 import _styled from "@emotion/styled/base";
-const _excluded = ["value", "placeholder", "label", "id", "hasError", "errorMessage", "isReadOnly", "isDisabled", "hint", "maxLength", "children", "rows", "backgroundColor"];
+const _excluded = ["value", "placeholder", "label", "id", "hasError", "errorMessage", "isReadOnly", "isDisabled", "hint", "maxLength", "children", "rows", "backgroundColor", "size"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
@@ -9,7 +9,7 @@ import PropTypes from 'prop-types';
 import { FieldHint, FieldLabel, getFieldStyles } from '../foundational';
 import { Box } from './box';
 import { types } from '../types';
-import { getColor, getRadius, getSpace, getTextSize } from '../utilities';
+import { getColor, getOpticalPaddingY, getRadius, getSpace, getTextSize } from '../utilities';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 const counterBarHeight = '32px';
 const CounterWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -23,7 +23,7 @@ const CounterWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
 } : {
   name: "d4ujbj",
   styles: "position:absolute;bottom:var(--grn-border-size);left:var(--grn-border-size);right:var(--grn-border-size)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dGFyZWEuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsLCBnZXRGaWVsZFN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUZXh0U2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IGNvdW50ZXJCYXJIZWlnaHQgPSAnMzJweCc7XG5cbmNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIGxlZnQ6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIHJpZ2h0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuYDtcblxuY29uc3QgQ291bnRlclJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICBoZWlnaHQ6ICR7Y291bnRlckJhckhlaWdodH07XG4gIGJhY2tncm91bmQ6ICR7KHsgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldENvbG9yKGJhY2tncm91bmRDb2xvcil9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGZvbnQtc2l6ZTogJHtnZXRUZXh0U2l6ZSgncycpfTtcbmA7XG5cbmNvbnN0IENvdW50ZXIgPSAoeyBsZW5ndGgsIG1heExlbmd0aCwgYmFja2dyb3VuZENvbG9yID0gJ2JhY2tncm91bmQnIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q291bnRlclJvb3RcbiAgICAgIHBhZGRpbmdYPVwic1wiXG4gICAgICBwYWRkaW5nWT1cInhzXCJcbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiZW5kXCJcbiAgICA+XG4gICAgICB7bGVuZ3RofVxuICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnQyXCI+Jm5ic3A7LyB7bWF4TGVuZ3RofTwvQm94PlxuICAgIDwvQ291bnRlclJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gIC8qXG4gICAgdmlzdWFsbHkgbWF0Y2ggeCBhbmQgeSBwYWRkaW5nLlxuICAgIGFwcGx5IHggcGFkZGluZyB0byB5LCBtaW51cyB0ZXh0J3MgdXBwZXIgc3BhY2UgZ2VuZXJhdGVkIGJ5IGxpbmUgaGVpZ2h0LlxuICAqL1xuICAtLXRleHQtZXh0cmEtdG9wLXNwYWNlOiBjYWxjKCh2YXIoLS1ncm4tbGluZUhlaWdodC1nbG9iYWwpIC0gdmFyKC0tZ3JuLWNhcCkpIC8gMik7XG4gIC0tcGFkZGluZy1ibG9jazogY2FsYyh2YXIoLS1ncm4tZmllbGQtcGFkZGluZ1gpIC0gdmFyKC0tdGV4dC1leHRyYS10b3Atc3BhY2UpKTtcblxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcmVzaXplOiBub25lO1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYKTtcbiAgcGFkZGluZy1ibG9jazogcm91bmQodXAsIHZhcigtLXBhZGRpbmctYmxvY2spLCAxcHgpO1xuXG4gIC8qXG4gICAgdXNpbmcgYm9yZGVyIHRvIGNyZWF0ZSBib3R0b20gc3BhY2UsXG4gICAgc3BlY2lmaWNhbGx5IGJvcmRlciBtZXRob2QsIHRvIG1ha2Ugc3VyZSB0aGUgc2Nyb2xsIGJlaGF2ZXMgY29ycmVjdGx5XG4gICovXG4gICR7KHsgaGFzQ291bnRlciB9KSA9PiBoYXNDb3VudGVyICYmIGBib3JkZXItYm90dG9tLXdpZHRoOiAke2NvdW50ZXJCYXJIZWlnaHR9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYSA9IGZvcndhcmRSZWYoZnVuY3Rpb24gVGV4dGFyZWEoXG4gIHtcbiAgICB2YWx1ZSxcbiAgICBwbGFjZWhvbGRlcixcbiAgICBsYWJlbCxcbiAgICBpZCxcbiAgICBoYXNFcnJvcixcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgaXNSZWFkT25seSxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGhpbnQsXG4gICAgbWF4TGVuZ3RoLFxuICAgIGNoaWxkcmVuLFxuICAgIHJvd3MgPSAzLFxuICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAuLi5wcm9wc1xuICB9LFxuICByZWYsXG4pIHtcbiAgY29uc3QgaGFzQ291bnRlciA9IEJvb2xlYW4obWF4TGVuZ3RoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgeyhsYWJlbCB8fCBoaW50KSAmJiAoXG4gICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuXG4gICAgICA8VGV4dGFyZWFXcmFwcGVyIG1heExlbmd0aD17bWF4TGVuZ3RofT5cbiAgICAgICAgPFRleHRhcmVhRmllbGRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICBoYXNDb3VudGVyPXtoYXNDb3VudGVyfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgLz5cbiAgICAgICAge2hhc0NvdW50ZXIgJiYgKFxuICAgICAgICAgIDxDb3VudGVyV3JhcHBlcj5cbiAgICAgICAgICAgIDxDb3VudGVyXG4gICAgICAgICAgICAgIGxlbmd0aD17dmFsdWUubGVuZ3RofVxuICAgICAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQ291bnRlcldyYXBwZXI+XG4gICAgICAgICl9XG4gICAgICA8L1RleHRhcmVhV3JhcHBlcj5cblxuICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgIDxCb3ggY29sb3I9XCJjb250ZW50RGFuZ2VyXCIgbWFyZ2luVG9wPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApO1xufSk7XG5cblRleHRhcmVhLkNvdW50ZXIgPSBDb3VudGVyO1xuXG5UZXh0YXJlYS5wcm9wVHlwZXMgPSB7XG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBtYXhMZW5ndGg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHJvd3M6IFByb3BUeXBlcy5udW1iZXIsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG59O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dGFyZWEuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsLCBnZXRGaWVsZFN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRPcHRpY2FsUGFkZGluZ1ksIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRleHRTaXplIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgY291bnRlckJhckhlaWdodCA9ICczMnB4JztcblxuY29uc3QgQ291bnRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbiAgbGVmdDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbiAgcmlnaHQ6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG5gO1xuXG5jb25zdCBDb3VudGVyUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogZW5kO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBwYWRkaW5nLWlubGluZTogJHtnZXRTcGFjZSgnczInKX07XG4gIGhlaWdodDogJHtjb3VudGVyQmFySGVpZ2h0fTtcbiAgYmFja2dyb3VuZDogJHsoeyBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0Q29sb3IoYmFja2dyb3VuZENvbG9yKX07XG4gIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IGNhbGMoJHtnZXRSYWRpdXMoJ3MnKX0gLSB2YXIoLS1ncm4tYm9yZGVyLXNpemUpKTtcbiAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IGNhbGMoJHtnZXRSYWRpdXMoJ3MnKX0gLSB2YXIoLS1ncm4tYm9yZGVyLXNpemUpKTtcbiAgZm9udC1zaXplOiAke2dldFRleHRTaXplKCdzJyl9O1xuYDtcblxuY29uc3QgQ291bnRlciA9ICh7IGxlbmd0aCwgbWF4TGVuZ3RoLCBiYWNrZ3JvdW5kQ29sb3IgPSAnYmFja2dyb3VuZCcgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb3VudGVyUm9vdFxuICAgICAgcGFkZGluZ1g9XCJzXCJcbiAgICAgIHBhZGRpbmdZPVwieHNcIlxuICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAganVzdGlmeUNvbnRlbnQ9XCJlbmRcIlxuICAgID5cbiAgICAgIHtsZW5ndGh9XG4gICAgICA8Qm94IGNvbG9yPVwiY29udGVudDJcIj4mbmJzcDsvIHttYXhMZW5ndGh9PC9Cb3g+XG4gICAgPC9Db3VudGVyUm9vdD5cbiAgKTtcbn07XG5cbmNvbnN0IFRleHRhcmVhV3JhcHBlciA9ICh7IGNoaWxkcmVuLCBtYXhMZW5ndGggfSkgPT4ge1xuICBpZiAoIW1heExlbmd0aCkgcmV0dXJuIGNoaWxkcmVuO1xuXG4gIHJldHVybiA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj57Y2hpbGRyZW59PC9Cb3g+O1xufTtcblxuY29uc3QgVGV4dGFyZWFGaWVsZCA9IHN0eWxlZC50ZXh0YXJlYWBcbiAgLS1wYWRkaW5nWDogJHsoeyBzaXplIH0pID0+IGB2YXIoLS1ncm4tZmllbGQtcGFkZGluZ1gtJHtzaXplfSlgfTtcbiAgLS1wYWRkaW5nWTogJHtnZXRPcHRpY2FsUGFkZGluZ1koYHZhcigtLXBhZGRpbmdYKWApfTtcblxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcmVzaXplOiBub25lO1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tcGFkZGluZ1gpO1xuICBwYWRkaW5nLWJsb2NrOiByb3VuZCh1cCwgdmFyKC0tcGFkZGluZ1kpLCAxcHgpO1xuXG4gIC8qXG4gICAgdXNpbmcgYm9yZGVyIHRvIGNyZWF0ZSBib3R0b20gc3BhY2UsXG4gICAgc3BlY2lmaWNhbGx5IGJvcmRlciBtZXRob2QsIHRvIG1ha2Ugc3VyZSB0aGUgc2Nyb2xsIGJlaGF2ZXMgY29ycmVjdGx5XG4gICovXG4gICR7KHsgaGFzQ291bnRlciB9KSA9PiBoYXNDb3VudGVyICYmIGBib3JkZXItYm90dG9tLXdpZHRoOiAke2NvdW50ZXJCYXJIZWlnaHR9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYSA9IGZvcndhcmRSZWYoZnVuY3Rpb24gVGV4dGFyZWEoXG4gIHtcbiAgICB2YWx1ZSxcbiAgICBwbGFjZWhvbGRlcixcbiAgICBsYWJlbCxcbiAgICBpZCxcbiAgICBoYXNFcnJvcixcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgaXNSZWFkT25seSxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGhpbnQsXG4gICAgbWF4TGVuZ3RoLFxuICAgIGNoaWxkcmVuLFxuICAgIHJvd3MgPSAzLFxuICAgIGJhY2tncm91bmRDb2xvcixcbiAgICBzaXplID0gJ20nLFxuICAgIC4uLnByb3BzXG4gIH0sXG4gIHJlZixcbikge1xuICBjb25zdCBoYXNDb3VudGVyID0gQm9vbGVhbihtYXhMZW5ndGgpO1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209XCJ2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcClcIj5cbiAgICAgICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG5cbiAgICAgIDxUZXh0YXJlYVdyYXBwZXIgbWF4TGVuZ3RoPXttYXhMZW5ndGh9PlxuICAgICAgICA8VGV4dGFyZWFGaWVsZFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgIGhhc0NvdW50ZXI9e2hhc0NvdW50ZXJ9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIC8+XG4gICAgICAgIHtoYXNDb3VudGVyICYmIChcbiAgICAgICAgICA8Q291bnRlcldyYXBwZXI+XG4gICAgICAgICAgICA8Q291bnRlclxuICAgICAgICAgICAgICBsZW5ndGg9e3ZhbHVlLmxlbmd0aH1cbiAgICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0NvdW50ZXJXcmFwcGVyPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8Qm94IGNvbG9yPVwiY29udGVudERhbmdlclwiIG1hcmdpblRvcD1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuXG5UZXh0YXJlYS5Db3VudGVyID0gQ291bnRlcjtcblRleHRhcmVhLkZpZWxkID0gVGV4dGFyZWFGaWVsZDtcblxuVGV4dGFyZWEucHJvcFR5cGVzID0ge1xuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvck1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgbWF4TGVuZ3RoOiBQcm9wVHlwZXMubnVtYmVyLFxuICByb3dzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxuICBzaXplOiBQcm9wVHlwZXMub25lT2YoWydtJywgJ2wnXSksXG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const CounterRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -36,7 +36,7 @@ const CounterRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produc
     backgroundColor
   } = _ref;
   return getColor(backgroundColor);
-}, ";border-bottom-left-radius:calc(", getRadius('s'), " - var(--grn-border-size));border-bottom-right-radius:calc(", getRadius('s'), " - var(--grn-border-size));font-size:", getTextSize('s'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VGV4dFNpemUgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBjb3VudGVyQmFySGVpZ2h0ID0gJzMycHgnO1xuXG5jb25zdCBDb3VudGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICBsZWZ0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICByaWdodDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbmA7XG5cbmNvbnN0IENvdW50ZXJSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lOiAke2dldFNwYWNlKCdzMicpfTtcbiAgaGVpZ2h0OiAke2NvdW50ZXJCYXJIZWlnaHR9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmRDb2xvciB9KSA9PiBnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBmb250LXNpemU6ICR7Z2V0VGV4dFNpemUoJ3MnKX07XG5gO1xuXG5jb25zdCBDb3VudGVyID0gKHsgbGVuZ3RoLCBtYXhMZW5ndGgsIGJhY2tncm91bmRDb2xvciA9ICdiYWNrZ3JvdW5kJyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvdW50ZXJSb290XG4gICAgICBwYWRkaW5nWD1cInNcIlxuICAgICAgcGFkZGluZ1k9XCJ4c1wiXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImVuZFwiXG4gICAgPlxuICAgICAge2xlbmd0aH1cbiAgICAgIDxCb3ggY29sb3I9XCJjb250ZW50MlwiPiZuYnNwOy8ge21heExlbmd0aH08L0JveD5cbiAgICA8L0NvdW50ZXJSb290PlxuICApO1xufTtcblxuY29uc3QgVGV4dGFyZWFXcmFwcGVyID0gKHsgY2hpbGRyZW4sIG1heExlbmd0aCB9KSA9PiB7XG4gIGlmICghbWF4TGVuZ3RoKSByZXR1cm4gY2hpbGRyZW47XG5cbiAgcmV0dXJuIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiPntjaGlsZHJlbn08L0JveD47XG59O1xuXG5jb25zdCBUZXh0YXJlYUZpZWxkID0gc3R5bGVkLnRleHRhcmVhYFxuICAvKlxuICAgIHZpc3VhbGx5IG1hdGNoIHggYW5kIHkgcGFkZGluZy5cbiAgICBhcHBseSB4IHBhZGRpbmcgdG8geSwgbWludXMgdGV4dCdzIHVwcGVyIHNwYWNlIGdlbmVyYXRlZCBieSBsaW5lIGhlaWdodC5cbiAgKi9cbiAgLS10ZXh0LWV4dHJhLXRvcC1zcGFjZTogY2FsYygodmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSAtIHZhcigtLWdybi1jYXApKSAvIDIpO1xuICAtLXBhZGRpbmctYmxvY2s6IGNhbGModmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYKSAtIHZhcigtLXRleHQtZXh0cmEtdG9wLXNwYWNlKSk7XG5cbiAgJHsoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWdybi1maWVsZC1wYWRkaW5nWCk7XG4gIHBhZGRpbmctYmxvY2s6IHJvdW5kKHVwLCB2YXIoLS1wYWRkaW5nLWJsb2NrKSwgMXB4KTtcblxuICAvKlxuICAgIHVzaW5nIGJvcmRlciB0byBjcmVhdGUgYm90dG9tIHNwYWNlLFxuICAgIHNwZWNpZmljYWxseSBib3JkZXIgbWV0aG9kLCB0byBtYWtlIHN1cmUgdGhlIHNjcm9sbCBiZWhhdmVzIGNvcnJlY3RseVxuICAqL1xuICAkeyh7IGhhc0NvdW50ZXIgfSkgPT4gaGFzQ291bnRlciAmJiBgYm9yZGVyLWJvdHRvbS13aWR0aDogJHtjb3VudGVyQmFySGVpZ2h0fWB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRleHRhcmVhKFxuICB7XG4gICAgdmFsdWUsXG4gICAgcGxhY2Vob2xkZXIsXG4gICAgbGFiZWwsXG4gICAgaWQsXG4gICAgaGFzRXJyb3IsXG4gICAgZXJyb3JNZXNzYWdlLFxuICAgIGlzUmVhZE9ubHksXG4gICAgaXNEaXNhYmxlZCxcbiAgICBoaW50LFxuICAgIG1heExlbmd0aCxcbiAgICBjaGlsZHJlbixcbiAgICByb3dzID0gMyxcbiAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgLi4ucHJvcHNcbiAgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IGhhc0NvdW50ZXIgPSBCb29sZWFuKG1heExlbmd0aCk7XG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIHsobGFiZWwgfHwgaGludCkgJiYgKFxuICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgIHtsYWJlbCAmJiA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cblxuICAgICAgPFRleHRhcmVhV3JhcHBlciBtYXhMZW5ndGg9e21heExlbmd0aH0+XG4gICAgICAgIDxUZXh0YXJlYUZpZWxkXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBuYW1lPXtpZH1cbiAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgaGFzQ291bnRlcj17aGFzQ291bnRlcn1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIC8+XG4gICAgICAgIHtoYXNDb3VudGVyICYmIChcbiAgICAgICAgICA8Q291bnRlcldyYXBwZXI+XG4gICAgICAgICAgICA8Q291bnRlclxuICAgICAgICAgICAgICBsZW5ndGg9e3ZhbHVlLmxlbmd0aH1cbiAgICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0NvdW50ZXJXcmFwcGVyPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8Qm94IGNvbG9yPVwiY29udGVudERhbmdlclwiIG1hcmdpblRvcD1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuXG5UZXh0YXJlYS5Db3VudGVyID0gQ291bnRlcjtcblxuVGV4dGFyZWEucHJvcFR5cGVzID0ge1xuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvck1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgbWF4TGVuZ3RoOiBQcm9wVHlwZXMubnVtYmVyLFxuICByb3dzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */"));
+}, ";border-bottom-left-radius:calc(", getRadius('s'), " - var(--grn-border-size));border-bottom-right-radius:calc(", getRadius('s'), " - var(--grn-border-size));font-size:", getTextSize('s'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0T3B0aWNhbFBhZGRpbmdZLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUZXh0U2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IGNvdW50ZXJCYXJIZWlnaHQgPSAnMzJweCc7XG5cbmNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIGxlZnQ6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIHJpZ2h0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuYDtcblxuY29uc3QgQ291bnRlclJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICBoZWlnaHQ6ICR7Y291bnRlckJhckhlaWdodH07XG4gIGJhY2tncm91bmQ6ICR7KHsgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldENvbG9yKGJhY2tncm91bmRDb2xvcil9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGZvbnQtc2l6ZTogJHtnZXRUZXh0U2l6ZSgncycpfTtcbmA7XG5cbmNvbnN0IENvdW50ZXIgPSAoeyBsZW5ndGgsIG1heExlbmd0aCwgYmFja2dyb3VuZENvbG9yID0gJ2JhY2tncm91bmQnIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q291bnRlclJvb3RcbiAgICAgIHBhZGRpbmdYPVwic1wiXG4gICAgICBwYWRkaW5nWT1cInhzXCJcbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiZW5kXCJcbiAgICA+XG4gICAgICB7bGVuZ3RofVxuICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnQyXCI+Jm5ic3A7LyB7bWF4TGVuZ3RofTwvQm94PlxuICAgIDwvQ291bnRlclJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gIC0tcGFkZGluZ1g6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYLSR7c2l6ZX0pYH07XG4gIC0tcGFkZGluZ1k6ICR7Z2V0T3B0aWNhbFBhZGRpbmdZKGB2YXIoLS1wYWRkaW5nWClgKX07XG5cbiAgJHsoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXBhZGRpbmdYKTtcbiAgcGFkZGluZy1ibG9jazogcm91bmQodXAsIHZhcigtLXBhZGRpbmdZKSwgMXB4KTtcblxuICAvKlxuICAgIHVzaW5nIGJvcmRlciB0byBjcmVhdGUgYm90dG9tIHNwYWNlLFxuICAgIHNwZWNpZmljYWxseSBib3JkZXIgbWV0aG9kLCB0byBtYWtlIHN1cmUgdGhlIHNjcm9sbCBiZWhhdmVzIGNvcnJlY3RseVxuICAqL1xuICAkeyh7IGhhc0NvdW50ZXIgfSkgPT4gaGFzQ291bnRlciAmJiBgYm9yZGVyLWJvdHRvbS13aWR0aDogJHtjb3VudGVyQmFySGVpZ2h0fWB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRleHRhcmVhKFxuICB7XG4gICAgdmFsdWUsXG4gICAgcGxhY2Vob2xkZXIsXG4gICAgbGFiZWwsXG4gICAgaWQsXG4gICAgaGFzRXJyb3IsXG4gICAgZXJyb3JNZXNzYWdlLFxuICAgIGlzUmVhZE9ubHksXG4gICAgaXNEaXNhYmxlZCxcbiAgICBoaW50LFxuICAgIG1heExlbmd0aCxcbiAgICBjaGlsZHJlbixcbiAgICByb3dzID0gMyxcbiAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgc2l6ZSA9ICdtJyxcbiAgICAuLi5wcm9wc1xuICB9LFxuICByZWYsXG4pIHtcbiAgY29uc3QgaGFzQ291bnRlciA9IEJvb2xlYW4obWF4TGVuZ3RoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgeyhsYWJlbCB8fCBoaW50KSAmJiAoXG4gICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuXG4gICAgICA8VGV4dGFyZWFXcmFwcGVyIG1heExlbmd0aD17bWF4TGVuZ3RofT5cbiAgICAgICAgPFRleHRhcmVhRmllbGRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICBoYXNDb3VudGVyPXtoYXNDb3VudGVyfVxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAvPlxuICAgICAgICB7aGFzQ291bnRlciAmJiAoXG4gICAgICAgICAgPENvdW50ZXJXcmFwcGVyPlxuICAgICAgICAgICAgPENvdW50ZXJcbiAgICAgICAgICAgICAgbGVuZ3RoPXt2YWx1ZS5sZW5ndGh9XG4gICAgICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Db3VudGVyV3JhcHBlcj5cbiAgICAgICAgKX1cbiAgICAgIDwvVGV4dGFyZWFXcmFwcGVyPlxuXG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnREYW5nZXJcIiBtYXJnaW5Ub3A9XCJ2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcClcIj5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59KTtcblxuVGV4dGFyZWEuQ291bnRlciA9IENvdW50ZXI7XG5UZXh0YXJlYS5GaWVsZCA9IFRleHRhcmVhRmllbGQ7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbiAgYmFja2dyb3VuZENvbG9yOiB0eXBlcy5jb2xvcixcbiAgc2l6ZTogUHJvcFR5cGVzLm9uZU9mKFsnbScsICdsJ10pLFxufTtcbiJdfQ== */"));
 const Counter = _ref2 => {
   let {
     length,
@@ -68,22 +68,27 @@ const TextareaField = /*#__PURE__*/_styled("textarea", process.env.NODE_ENV ===
 } : {
   target: "e1hvcshh0",
   label: "TextareaField"
-})("--text-extra-top-space:calc((var(--grn-lineHeight-global) - var(--grn-cap)) / 2);--padding-block:calc(var(--grn-field-paddingX) - var(--text-extra-top-space));", _ref4 => {
+})("--paddingX:", _ref4 => {
+  let {
+    size
+  } = _ref4;
+  return "var(--grn-field-paddingX-".concat(size, ")");
+}, ";--paddingY:", getOpticalPaddingY("var(--paddingX)"), ";", _ref5 => {
   let {
     hasError,
     backgroundColor
-  } = _ref4;
+  } = _ref5;
   return getFieldStyles({
     hasError,
     backgroundColor
   });
-}, ";resize:none;padding-inline:var(--grn-field-paddingX);padding-block:round(up, var(--padding-block), 1px);", _ref5 => {
+}, ";resize:none;padding-inline:var(--paddingX);padding-block:round(up, var(--paddingY), 1px);", _ref6 => {
   let {
     hasCounter
-  } = _ref5;
+  } = _ref6;
   return hasCounter && "border-bottom-width: ".concat(counterBarHeight);
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VGV4dFNpemUgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBjb3VudGVyQmFySGVpZ2h0ID0gJzMycHgnO1xuXG5jb25zdCBDb3VudGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICBsZWZ0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICByaWdodDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbmA7XG5cbmNvbnN0IENvdW50ZXJSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lOiAke2dldFNwYWNlKCdzMicpfTtcbiAgaGVpZ2h0OiAke2NvdW50ZXJCYXJIZWlnaHR9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmRDb2xvciB9KSA9PiBnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBmb250LXNpemU6ICR7Z2V0VGV4dFNpemUoJ3MnKX07XG5gO1xuXG5jb25zdCBDb3VudGVyID0gKHsgbGVuZ3RoLCBtYXhMZW5ndGgsIGJhY2tncm91bmRDb2xvciA9ICdiYWNrZ3JvdW5kJyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvdW50ZXJSb290XG4gICAgICBwYWRkaW5nWD1cInNcIlxuICAgICAgcGFkZGluZ1k9XCJ4c1wiXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImVuZFwiXG4gICAgPlxuICAgICAge2xlbmd0aH1cbiAgICAgIDxCb3ggY29sb3I9XCJjb250ZW50MlwiPiZuYnNwOy8ge21heExlbmd0aH08L0JveD5cbiAgICA8L0NvdW50ZXJSb290PlxuICApO1xufTtcblxuY29uc3QgVGV4dGFyZWFXcmFwcGVyID0gKHsgY2hpbGRyZW4sIG1heExlbmd0aCB9KSA9PiB7XG4gIGlmICghbWF4TGVuZ3RoKSByZXR1cm4gY2hpbGRyZW47XG5cbiAgcmV0dXJuIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiPntjaGlsZHJlbn08L0JveD47XG59O1xuXG5jb25zdCBUZXh0YXJlYUZpZWxkID0gc3R5bGVkLnRleHRhcmVhYFxuICAvKlxuICAgIHZpc3VhbGx5IG1hdGNoIHggYW5kIHkgcGFkZGluZy5cbiAgICBhcHBseSB4IHBhZGRpbmcgdG8geSwgbWludXMgdGV4dCdzIHVwcGVyIHNwYWNlIGdlbmVyYXRlZCBieSBsaW5lIGhlaWdodC5cbiAgKi9cbiAgLS10ZXh0LWV4dHJhLXRvcC1zcGFjZTogY2FsYygodmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSAtIHZhcigtLWdybi1jYXApKSAvIDIpO1xuICAtLXBhZGRpbmctYmxvY2s6IGNhbGModmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYKSAtIHZhcigtLXRleHQtZXh0cmEtdG9wLXNwYWNlKSk7XG5cbiAgJHsoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWdybi1maWVsZC1wYWRkaW5nWCk7XG4gIHBhZGRpbmctYmxvY2s6IHJvdW5kKHVwLCB2YXIoLS1wYWRkaW5nLWJsb2NrKSwgMXB4KTtcblxuICAvKlxuICAgIHVzaW5nIGJvcmRlciB0byBjcmVhdGUgYm90dG9tIHNwYWNlLFxuICAgIHNwZWNpZmljYWxseSBib3JkZXIgbWV0aG9kLCB0byBtYWtlIHN1cmUgdGhlIHNjcm9sbCBiZWhhdmVzIGNvcnJlY3RseVxuICAqL1xuICAkeyh7IGhhc0NvdW50ZXIgfSkgPT4gaGFzQ291bnRlciAmJiBgYm9yZGVyLWJvdHRvbS13aWR0aDogJHtjb3VudGVyQmFySGVpZ2h0fWB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRleHRhcmVhKFxuICB7XG4gICAgdmFsdWUsXG4gICAgcGxhY2Vob2xkZXIsXG4gICAgbGFiZWwsXG4gICAgaWQsXG4gICAgaGFzRXJyb3IsXG4gICAgZXJyb3JNZXNzYWdlLFxuICAgIGlzUmVhZE9ubHksXG4gICAgaXNEaXNhYmxlZCxcbiAgICBoaW50LFxuICAgIG1heExlbmd0aCxcbiAgICBjaGlsZHJlbixcbiAgICByb3dzID0gMyxcbiAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgLi4ucHJvcHNcbiAgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IGhhc0NvdW50ZXIgPSBCb29sZWFuKG1heExlbmd0aCk7XG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIHsobGFiZWwgfHwgaGludCkgJiYgKFxuICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgIHtsYWJlbCAmJiA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cblxuICAgICAgPFRleHRhcmVhV3JhcHBlciBtYXhMZW5ndGg9e21heExlbmd0aH0+XG4gICAgICAgIDxUZXh0YXJlYUZpZWxkXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBuYW1lPXtpZH1cbiAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgaGFzQ291bnRlcj17aGFzQ291bnRlcn1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIC8+XG4gICAgICAgIHtoYXNDb3VudGVyICYmIChcbiAgICAgICAgICA8Q291bnRlcldyYXBwZXI+XG4gICAgICAgICAgICA8Q291bnRlclxuICAgICAgICAgICAgICBsZW5ndGg9e3ZhbHVlLmxlbmd0aH1cbiAgICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0NvdW50ZXJXcmFwcGVyPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8Qm94IGNvbG9yPVwiY29udGVudERhbmdlclwiIG1hcmdpblRvcD1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuXG5UZXh0YXJlYS5Db3VudGVyID0gQ291bnRlcjtcblxuVGV4dGFyZWEucHJvcFR5cGVzID0ge1xuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvck1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgbWF4TGVuZ3RoOiBQcm9wVHlwZXMubnVtYmVyLFxuICByb3dzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */"));
-export const Textarea = /*#__PURE__*/forwardRef(function Textarea(_ref6, ref) {
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0T3B0aWNhbFBhZGRpbmdZLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUZXh0U2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IGNvdW50ZXJCYXJIZWlnaHQgPSAnMzJweCc7XG5cbmNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIGxlZnQ6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIHJpZ2h0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuYDtcblxuY29uc3QgQ291bnRlclJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICBoZWlnaHQ6ICR7Y291bnRlckJhckhlaWdodH07XG4gIGJhY2tncm91bmQ6ICR7KHsgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldENvbG9yKGJhY2tncm91bmRDb2xvcil9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGZvbnQtc2l6ZTogJHtnZXRUZXh0U2l6ZSgncycpfTtcbmA7XG5cbmNvbnN0IENvdW50ZXIgPSAoeyBsZW5ndGgsIG1heExlbmd0aCwgYmFja2dyb3VuZENvbG9yID0gJ2JhY2tncm91bmQnIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q291bnRlclJvb3RcbiAgICAgIHBhZGRpbmdYPVwic1wiXG4gICAgICBwYWRkaW5nWT1cInhzXCJcbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiZW5kXCJcbiAgICA+XG4gICAgICB7bGVuZ3RofVxuICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnQyXCI+Jm5ic3A7LyB7bWF4TGVuZ3RofTwvQm94PlxuICAgIDwvQ291bnRlclJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gIC0tcGFkZGluZ1g6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYLSR7c2l6ZX0pYH07XG4gIC0tcGFkZGluZ1k6ICR7Z2V0T3B0aWNhbFBhZGRpbmdZKGB2YXIoLS1wYWRkaW5nWClgKX07XG5cbiAgJHsoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXBhZGRpbmdYKTtcbiAgcGFkZGluZy1ibG9jazogcm91bmQodXAsIHZhcigtLXBhZGRpbmdZKSwgMXB4KTtcblxuICAvKlxuICAgIHVzaW5nIGJvcmRlciB0byBjcmVhdGUgYm90dG9tIHNwYWNlLFxuICAgIHNwZWNpZmljYWxseSBib3JkZXIgbWV0aG9kLCB0byBtYWtlIHN1cmUgdGhlIHNjcm9sbCBiZWhhdmVzIGNvcnJlY3RseVxuICAqL1xuICAkeyh7IGhhc0NvdW50ZXIgfSkgPT4gaGFzQ291bnRlciAmJiBgYm9yZGVyLWJvdHRvbS13aWR0aDogJHtjb3VudGVyQmFySGVpZ2h0fWB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRleHRhcmVhKFxuICB7XG4gICAgdmFsdWUsXG4gICAgcGxhY2Vob2xkZXIsXG4gICAgbGFiZWwsXG4gICAgaWQsXG4gICAgaGFzRXJyb3IsXG4gICAgZXJyb3JNZXNzYWdlLFxuICAgIGlzUmVhZE9ubHksXG4gICAgaXNEaXNhYmxlZCxcbiAgICBoaW50LFxuICAgIG1heExlbmd0aCxcbiAgICBjaGlsZHJlbixcbiAgICByb3dzID0gMyxcbiAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgc2l6ZSA9ICdtJyxcbiAgICAuLi5wcm9wc1xuICB9LFxuICByZWYsXG4pIHtcbiAgY29uc3QgaGFzQ291bnRlciA9IEJvb2xlYW4obWF4TGVuZ3RoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgeyhsYWJlbCB8fCBoaW50KSAmJiAoXG4gICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuXG4gICAgICA8VGV4dGFyZWFXcmFwcGVyIG1heExlbmd0aD17bWF4TGVuZ3RofT5cbiAgICAgICAgPFRleHRhcmVhRmllbGRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICBoYXNDb3VudGVyPXtoYXNDb3VudGVyfVxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAvPlxuICAgICAgICB7aGFzQ291bnRlciAmJiAoXG4gICAgICAgICAgPENvdW50ZXJXcmFwcGVyPlxuICAgICAgICAgICAgPENvdW50ZXJcbiAgICAgICAgICAgICAgbGVuZ3RoPXt2YWx1ZS5sZW5ndGh9XG4gICAgICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Db3VudGVyV3JhcHBlcj5cbiAgICAgICAgKX1cbiAgICAgIDwvVGV4dGFyZWFXcmFwcGVyPlxuXG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnREYW5nZXJcIiBtYXJnaW5Ub3A9XCJ2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcClcIj5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59KTtcblxuVGV4dGFyZWEuQ291bnRlciA9IENvdW50ZXI7XG5UZXh0YXJlYS5GaWVsZCA9IFRleHRhcmVhRmllbGQ7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbiAgYmFja2dyb3VuZENvbG9yOiB0eXBlcy5jb2xvcixcbiAgc2l6ZTogUHJvcFR5cGVzLm9uZU9mKFsnbScsICdsJ10pLFxufTtcbiJdfQ== */"));
+export const Textarea = /*#__PURE__*/forwardRef(function Textarea(_ref7, ref) {
   let {
       value,
       placeholder,
@@ -97,9 +102,10 @@ export const Textarea = /*#__PURE__*/forwardRef(function Textarea(_ref6, ref) {
       maxLength,
       children,
       rows = 3,
-      backgroundColor
-    } = _ref6,
-    props = _objectWithoutProperties(_ref6, _excluded);
+      backgroundColor,
+      size = 'm'
+    } = _ref7,
+    props = _objectWithoutProperties(_ref7, _excluded);
   const hasCounter = Boolean(maxLength);
   return ___EmotionJSX("div", null, (label || hint) && ___EmotionJSX(Box, {
     marginBottom: "var(--grn-form-control-label-gap)"
@@ -119,7 +125,8 @@ export const Textarea = /*#__PURE__*/forwardRef(function Textarea(_ref6, ref) {
     disabled: isDisabled,
     hasError: hasError,
     backgroundColor: backgroundColor,
-    hasCounter: hasCounter
+    hasCounter: hasCounter,
+    size: size
   }, props)), hasCounter && ___EmotionJSX(CounterWrapper, null, ___EmotionJSX(Counter, {
     length: value.length,
     maxLength: maxLength,
@@ -130,6 +137,7 @@ export const Textarea = /*#__PURE__*/forwardRef(function Textarea(_ref6, ref) {
   }, errorMessage));
 });
 Textarea.Counter = Counter;
+Textarea.Field = TextareaField;
 Textarea.propTypes = {
   value: PropTypes.string,
   placeholder: PropTypes.string,
@@ -142,5 +150,6 @@ Textarea.propTypes = {
   hint: types.hint,
   maxLength: PropTypes.number,
   rows: PropTypes.number,
-  backgroundColor: types.color
+  backgroundColor: types.color,
+  size: PropTypes.oneOf(['m', 'l'])
 };

package/es/foundational/field.js

@@ -1,5 +1,5 @@
 import _styled from "@emotion/styled/base";
-const _excluded = ["paddingLeft", "paddingRight", "hasError", "isReadOnly", "isDisabled", "backgroundColor", "size"],
+const _excluded = ["paddingLeft", "paddingRight", "hasError", "isReadOnly", "isDisabled", "backgroundColor", "size", "tag"],
   _excluded2 = ["children"],
   _excluded3 = ["children"],
   _excluded4 = ["onClick", "tag"];
@@ -51,8 +51,13 @@ const InputFieldRoot = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "p
     size
   } = _ref4;
   return "var(--grn-textbox-height-".concat(size, ")");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStFbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbi8vIGZpeCBmb3Igc2FmYXJpIHYxNiwgaW5jb3JyZWN0IGNvbG9yIHdoZW4gcmVhZC1vbmx5XG5jb25zdCBzYWZhcmkxNkZpeCA9IGBcbiAgQHN1cHBvcnRzIChoYW5naW5nLXB1bmN0dWF0aW9uOiBmaXJzdCkgYW5kIChub3QgKHRleHQtdHJhbnNmb3JtOiBmdWxsLXNpemUta2FuYSkpIHtcbiAgICAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIH1cbiAgICAmOnBsYWNlaG9sZGVyLXNob3duIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICAgIH1cbiAgICAmOm5vdChbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPVwiZGlzYWJsZWRcIl0gJikge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZERpc2FibGVkU3R5bGVzID0gYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZC1kaXNhYmxlZCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1kaXNhYmxlZCk7XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGRQbGFjZWhvbGRlclN0eWxlcyA9IGBcbiAgLyogdGhlc2Ugc2VsZWN0b3JzIGFyZSBuZWVkZWQgdG8gZm9yY2UgdGhlIGNvbG9yICovXG4gICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSk6OnBsYWNlaG9sZGVyLFxuICAmOmRpc2FibGVkOjpwbGFjZWhvbGRlcixcbiAgJjpyZWFkLW9ubHk6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZpZWxkU3R5bGVzID0gKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KSA9PiBgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6IHZhcigtLWdybi1ib3JkZXItc2l6ZSkgc29saWQ7XG4gIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcihoYXNFcnJvciA/ICdjb250ZW50RGFuZ2VyJyA6ICd2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yKScpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IgPyBiYWNrZ3JvdW5kQ29sb3IgOiAndHJhbnNwYXJlbnQnKX07XG4gICR7ZmllbGRQbGFjZWhvbGRlclN0eWxlc307XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgJHtmaWVsZERpc2FibGVkU3R5bGVzfVxuICB9XG4gICY6cmVhZC1vbmx5IHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9O1xuICAgICR7c2FmYXJpMTZGaXh9O1xuICB9XG5cbiAgJHtcbiAgICAhaGFzRXJyb3IgJiZcbiAgICBgXG4gICAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWhvdmVyKTtcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWFjdGl2ZSk7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1mb2N1cyk7XG4gICAgICB9XG4gICAgfVxuICBgXG4gIH1cbmA7XG5cbmNvbnN0IElucHV0RmllbGRSb290ID0gc3R5bGVkLmlucHV0YFxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcGFkZGluZzogJHsoeyBwYWRkaW5nTGVmdCwgcGFkZGluZ1JpZ2h0IH0pID0+XG4gICAgYDAgJHtnZXRTcGFjZShwYWRkaW5nUmlnaHQpfSAwICR7Z2V0U3BhY2UocGFkZGluZ0xlZnQpfWB9O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LSR7c2l6ZX0pYH07XG5gO1xuXG5leHBvcnQgY29uc3QgSW5wdXRGaWVsZCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gSW5wdXRGaWVsZChcbiAge1xuICAgIHBhZGRpbmdMZWZ0LFxuICAgIHBhZGRpbmdSaWdodCxcbiAgICBoYXNFcnJvcixcbiAgICBpc1JlYWRPbmx5LFxuICAgIGlzRGlzYWJsZWQsXG4gICAgYmFja2dyb3VuZENvbG9yLFxuICAgIHNpemUgPSAnbScsXG4gICAgLi4ucHJvcHNcbiAgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IHBhZGRpbmdYID0gYHZhcigtLWdybi1maWVsZC1wYWRkaW5nWC0ke3NpemV9KWA7XG4gIHJldHVybiAoXG4gICAgPElucHV0RmllbGRSb290XG4gICAgICBwYWRkaW5nTGVmdD17cGFkZGluZ0xlZnQgfHwgcGFkZGluZ1h9XG4gICAgICBwYWRkaW5nUmlnaHQ9e3BhZGRpbmdSaWdodCB8fCBwYWRkaW5nWH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufSk7XG5cbklucHV0RmllbGQucHJvcFR5cGVzID0ge1xuICBwYWRkaW5nTGVmdDogdHlwZXMuc3BhY2UsXG4gIHBhZGRpbmdSaWdodDogdHlwZXMuc3BhY2UsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxuICBzaXplOiBQcm9wVHlwZXMub25lT2YoWydtJywgJ2wnXSksXG59O1xuXG5jb25zdCBGaWVsZExhYmVsUm9vdCA9IHN0eWxlZC5sYWJlbGBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgLyogVE9ETzogcmVtb3ZlIGFmdGVyIGRlbGV0aW5nIEJvb3RzdHJhcCAqL1xuICBtYXJnaW46IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEZpZWxkTGFiZWwoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSB7XG4gIHJldHVybiAoXG4gICAgPEZpZWxkTGFiZWxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRmllbGRMYWJlbFJvb3Q+XG4gICk7XG59KTtcblxuRmllbGRMYWJlbC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEZpZWxkSGludCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpIHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICApO1xufSk7XG5cbkZpZWxkSGludC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZENsZWFyQnV0dG9uID0gKHsgb25DbGljaywgdGFnID0gJ2J1dHRvbicsIC4uLnByb3BzIH0pID0+IChcbiAgPEljb25CdXR0b24gaWNvbj17PEljb25Dcm9zcyAvPn0gb25DbGljaz17b25DbGlja30gdGFnPXt0YWd9IHsuLi5wcm9wc30gLz5cbik7XG5cbkZpZWxkQ2xlYXJCdXR0b24ucHJvcFR5cGVzID0ge1xuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG59O1xuIl19 */"));
-export const InputField = /*#__PURE__*/forwardRef(function InputField(_ref5, ref) {
+}, ";", _ref5 => {
+  let {
+    as
+  } = _ref5;
+  return as === 'div' && "display: flex; align-items: center;";
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStFbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbi8vIGZpeCBmb3Igc2FmYXJpIHYxNiwgaW5jb3JyZWN0IGNvbG9yIHdoZW4gcmVhZC1vbmx5XG5jb25zdCBzYWZhcmkxNkZpeCA9IGBcbiAgQHN1cHBvcnRzIChoYW5naW5nLXB1bmN0dWF0aW9uOiBmaXJzdCkgYW5kIChub3QgKHRleHQtdHJhbnNmb3JtOiBmdWxsLXNpemUta2FuYSkpIHtcbiAgICAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIH1cbiAgICAmOnBsYWNlaG9sZGVyLXNob3duIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICAgIH1cbiAgICAmOm5vdChbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPVwiZGlzYWJsZWRcIl0gJikge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZERpc2FibGVkU3R5bGVzID0gYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZC1kaXNhYmxlZCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1kaXNhYmxlZCk7XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGRQbGFjZWhvbGRlclN0eWxlcyA9IGBcbiAgLyogdGhlc2Ugc2VsZWN0b3JzIGFyZSBuZWVkZWQgdG8gZm9yY2UgdGhlIGNvbG9yICovXG4gICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSk6OnBsYWNlaG9sZGVyLFxuICAmOmRpc2FibGVkOjpwbGFjZWhvbGRlcixcbiAgJjpyZWFkLW9ubHk6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZpZWxkU3R5bGVzID0gKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KSA9PiBgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6IHZhcigtLWdybi1ib3JkZXItc2l6ZSkgc29saWQ7XG4gIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcihoYXNFcnJvciA/ICdjb250ZW50RGFuZ2VyJyA6ICd2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yKScpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IgPyBiYWNrZ3JvdW5kQ29sb3IgOiAndHJhbnNwYXJlbnQnKX07XG4gICR7ZmllbGRQbGFjZWhvbGRlclN0eWxlc307XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgJHtmaWVsZERpc2FibGVkU3R5bGVzfVxuICB9XG4gICY6cmVhZC1vbmx5IHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9O1xuICAgICR7c2FmYXJpMTZGaXh9O1xuICB9XG5cbiAgJHtcbiAgICAhaGFzRXJyb3IgJiZcbiAgICBgXG4gICAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWhvdmVyKTtcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWFjdGl2ZSk7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1mb2N1cyk7XG4gICAgICB9XG4gICAgfVxuICBgXG4gIH1cbmA7XG5cbmNvbnN0IElucHV0RmllbGRSb290ID0gc3R5bGVkLmlucHV0YFxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcGFkZGluZzogJHsoeyBwYWRkaW5nTGVmdCwgcGFkZGluZ1JpZ2h0IH0pID0+XG4gICAgYDAgJHtnZXRTcGFjZShwYWRkaW5nUmlnaHQpfSAwICR7Z2V0U3BhY2UocGFkZGluZ0xlZnQpfWB9O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LSR7c2l6ZX0pYH07XG4gICR7KHsgYXMgfSkgPT4gYXMgPT09ICdkaXYnICYmIGBkaXNwbGF5OiBmbGV4OyBhbGlnbi1pdGVtczogY2VudGVyO2B9O1xuYDtcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIElucHV0RmllbGQoXG4gIHtcbiAgICBwYWRkaW5nTGVmdCxcbiAgICBwYWRkaW5nUmlnaHQsXG4gICAgaGFzRXJyb3IsXG4gICAgaXNSZWFkT25seSxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGJhY2tncm91bmRDb2xvcixcbiAgICBzaXplID0gJ20nLFxuICAgIHRhZyA9ICdpbnB1dCcsXG4gICAgLi4ucHJvcHNcbiAgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IHBhZGRpbmdYID0gYHZhcigtLWdybi1maWVsZC1wYWRkaW5nWC0ke3NpemV9KWA7XG4gIHJldHVybiAoXG4gICAgPElucHV0RmllbGRSb290XG4gICAgICBwYWRkaW5nTGVmdD17cGFkZGluZ0xlZnQgfHwgcGFkZGluZ1h9XG4gICAgICBwYWRkaW5nUmlnaHQ9e3BhZGRpbmdSaWdodCB8fCBwYWRkaW5nWH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn0pO1xuXG5JbnB1dEZpZWxkLnByb3BUeXBlcyA9IHtcbiAgcGFkZGluZ0xlZnQ6IHR5cGVzLnNwYWNlLFxuICBwYWRkaW5nUmlnaHQ6IHR5cGVzLnNwYWNlLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgYmFja2dyb3VuZENvbG9yOiB0eXBlcy5jb2xvcixcbiAgc2l6ZTogUHJvcFR5cGVzLm9uZU9mKFsnbScsICdsJ10pLFxufTtcblxuY29uc3QgRmllbGRMYWJlbFJvb3QgPSBzdHlsZWQubGFiZWxgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgbWFyZ2luOiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZExhYmVsID0gZm9yd2FyZFJlZihmdW5jdGlvbiBGaWVsZExhYmVsKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikge1xuICByZXR1cm4gKFxuICAgIDxGaWVsZExhYmVsUm9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0ZpZWxkTGFiZWxSb290PlxuICApO1xufSk7XG5cbkZpZWxkTGFiZWwucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5leHBvcnQgY29uc3QgRmllbGRIaW50ID0gZm9yd2FyZFJlZihmdW5jdGlvbiBGaWVsZEhpbnQoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSB7XG4gIHJldHVybiAoXG4gICAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGV4dD5cbiAgKTtcbn0pO1xuXG5GaWVsZEhpbnQucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5leHBvcnQgY29uc3QgRmllbGRDbGVhckJ1dHRvbiA9ICh7IG9uQ2xpY2ssIHRhZyA9ICdidXR0b24nLCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxJY29uQnV0dG9uIGljb249ezxJY29uQ3Jvc3MgLz59IG9uQ2xpY2s9e29uQ2xpY2t9IHRhZz17dGFnfSB7Li4ucHJvcHN9IC8+XG4pO1xuXG5GaWVsZENsZWFyQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIHRhZzogdHlwZXMuYnV0dG9uVGFnLFxufTtcbiJdfQ== */"));
+export const InputField = /*#__PURE__*/forwardRef(function InputField(_ref6, ref) {
   let {
       paddingLeft,
       paddingRight,
@@ -60,9 +65,10 @@ export const InputField = /*#__PURE__*/forwardRef(function InputField(_ref5, ref
       isReadOnly,
       isDisabled,
       backgroundColor,
-      size = 'm'
-    } = _ref5,
-    props = _objectWithoutProperties(_ref5, _excluded);
+      size = 'm',
+      tag = 'input'
+    } = _ref6,
+    props = _objectWithoutProperties(_ref6, _excluded);
   const paddingX = "var(--grn-field-paddingX-".concat(size, ")");
   return ___EmotionJSX(InputFieldRoot, _extends({
     paddingLeft: paddingLeft || paddingX,
@@ -72,7 +78,8 @@ export const InputField = /*#__PURE__*/forwardRef(function InputField(_ref5, ref
     disabled: isDisabled,
     ref: ref,
     hasError: hasError,
-    backgroundColor: backgroundColor
+    backgroundColor: backgroundColor,
+    as: tag
   }, props));
 });
 InputField.propTypes = {
@@ -89,12 +96,12 @@ const FieldLabelRoot = /*#__PURE__*/_styled("label", process.env.NODE_ENV === "p
 } : {
   target: "e1swxi6p0",
   label: "FieldLabelRoot"
-})("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZIbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbi8vIGZpeCBmb3Igc2FmYXJpIHYxNiwgaW5jb3JyZWN0IGNvbG9yIHdoZW4gcmVhZC1vbmx5XG5jb25zdCBzYWZhcmkxNkZpeCA9IGBcbiAgQHN1cHBvcnRzIChoYW5naW5nLXB1bmN0dWF0aW9uOiBmaXJzdCkgYW5kIChub3QgKHRleHQtdHJhbnNmb3JtOiBmdWxsLXNpemUta2FuYSkpIHtcbiAgICAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIH1cbiAgICAmOnBsYWNlaG9sZGVyLXNob3duIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICAgIH1cbiAgICAmOm5vdChbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPVwiZGlzYWJsZWRcIl0gJikge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZERpc2FibGVkU3R5bGVzID0gYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZC1kaXNhYmxlZCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1kaXNhYmxlZCk7XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGRQbGFjZWhvbGRlclN0eWxlcyA9IGBcbiAgLyogdGhlc2Ugc2VsZWN0b3JzIGFyZSBuZWVkZWQgdG8gZm9yY2UgdGhlIGNvbG9yICovXG4gICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSk6OnBsYWNlaG9sZGVyLFxuICAmOmRpc2FibGVkOjpwbGFjZWhvbGRlcixcbiAgJjpyZWFkLW9ubHk6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZpZWxkU3R5bGVzID0gKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KSA9PiBgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6IHZhcigtLWdybi1ib3JkZXItc2l6ZSkgc29saWQ7XG4gIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcihoYXNFcnJvciA/ICdjb250ZW50RGFuZ2VyJyA6ICd2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yKScpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IgPyBiYWNrZ3JvdW5kQ29sb3IgOiAndHJhbnNwYXJlbnQnKX07XG4gICR7ZmllbGRQbGFjZWhvbGRlclN0eWxlc307XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgJHtmaWVsZERpc2FibGVkU3R5bGVzfVxuICB9XG4gICY6cmVhZC1vbmx5IHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9O1xuICAgICR7c2FmYXJpMTZGaXh9O1xuICB9XG5cbiAgJHtcbiAgICAhaGFzRXJyb3IgJiZcbiAgICBgXG4gICAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWhvdmVyKTtcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWFjdGl2ZSk7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1mb2N1cyk7XG4gICAgICB9XG4gICAgfVxuICBgXG4gIH1cbmA7XG5cbmNvbnN0IElucHV0RmllbGRSb290ID0gc3R5bGVkLmlucHV0YFxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcGFkZGluZzogJHsoeyBwYWRkaW5nTGVmdCwgcGFkZGluZ1JpZ2h0IH0pID0+XG4gICAgYDAgJHtnZXRTcGFjZShwYWRkaW5nUmlnaHQpfSAwICR7Z2V0U3BhY2UocGFkZGluZ0xlZnQpfWB9O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LSR7c2l6ZX0pYH07XG5gO1xuXG5leHBvcnQgY29uc3QgSW5wdXRGaWVsZCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gSW5wdXRGaWVsZChcbiAge1xuICAgIHBhZGRpbmdMZWZ0LFxuICAgIHBhZGRpbmdSaWdodCxcbiAgICBoYXNFcnJvcixcbiAgICBpc1JlYWRPbmx5LFxuICAgIGlzRGlzYWJsZWQsXG4gICAgYmFja2dyb3VuZENvbG9yLFxuICAgIHNpemUgPSAnbScsXG4gICAgLi4ucHJvcHNcbiAgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IHBhZGRpbmdYID0gYHZhcigtLWdybi1maWVsZC1wYWRkaW5nWC0ke3NpemV9KWA7XG4gIHJldHVybiAoXG4gICAgPElucHV0RmllbGRSb290XG4gICAgICBwYWRkaW5nTGVmdD17cGFkZGluZ0xlZnQgfHwgcGFkZGluZ1h9XG4gICAgICBwYWRkaW5nUmlnaHQ9e3BhZGRpbmdSaWdodCB8fCBwYWRkaW5nWH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufSk7XG5cbklucHV0RmllbGQucHJvcFR5cGVzID0ge1xuICBwYWRkaW5nTGVmdDogdHlwZXMuc3BhY2UsXG4gIHBhZGRpbmdSaWdodDogdHlwZXMuc3BhY2UsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxuICBzaXplOiBQcm9wVHlwZXMub25lT2YoWydtJywgJ2wnXSksXG59O1xuXG5jb25zdCBGaWVsZExhYmVsUm9vdCA9IHN0eWxlZC5sYWJlbGBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgLyogVE9ETzogcmVtb3ZlIGFmdGVyIGRlbGV0aW5nIEJvb3RzdHJhcCAqL1xuICBtYXJnaW46IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEZpZWxkTGFiZWwoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSB7XG4gIHJldHVybiAoXG4gICAgPEZpZWxkTGFiZWxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRmllbGRMYWJlbFJvb3Q+XG4gICk7XG59KTtcblxuRmllbGRMYWJlbC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEZpZWxkSGludCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpIHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICApO1xufSk7XG5cbkZpZWxkSGludC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZENsZWFyQnV0dG9uID0gKHsgb25DbGljaywgdGFnID0gJ2J1dHRvbicsIC4uLnByb3BzIH0pID0+IChcbiAgPEljb25CdXR0b24gaWNvbj17PEljb25Dcm9zcyAvPn0gb25DbGljaz17b25DbGlja30gdGFnPXt0YWd9IHsuLi5wcm9wc30gLz5cbik7XG5cbkZpZWxkQ2xlYXJCdXR0b24ucHJvcFR5cGVzID0ge1xuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG59O1xuIl19 */"));
-export const FieldLabel = /*#__PURE__*/forwardRef(function FieldLabel(_ref6, ref) {
+})("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdJbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbi8vIGZpeCBmb3Igc2FmYXJpIHYxNiwgaW5jb3JyZWN0IGNvbG9yIHdoZW4gcmVhZC1vbmx5XG5jb25zdCBzYWZhcmkxNkZpeCA9IGBcbiAgQHN1cHBvcnRzIChoYW5naW5nLXB1bmN0dWF0aW9uOiBmaXJzdCkgYW5kIChub3QgKHRleHQtdHJhbnNmb3JtOiBmdWxsLXNpemUta2FuYSkpIHtcbiAgICAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIH1cbiAgICAmOnBsYWNlaG9sZGVyLXNob3duIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICAgIH1cbiAgICAmOm5vdChbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPVwiZGlzYWJsZWRcIl0gJikge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZERpc2FibGVkU3R5bGVzID0gYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZC1kaXNhYmxlZCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1kaXNhYmxlZCk7XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGRQbGFjZWhvbGRlclN0eWxlcyA9IGBcbiAgLyogdGhlc2Ugc2VsZWN0b3JzIGFyZSBuZWVkZWQgdG8gZm9yY2UgdGhlIGNvbG9yICovXG4gICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSk6OnBsYWNlaG9sZGVyLFxuICAmOmRpc2FibGVkOjpwbGFjZWhvbGRlcixcbiAgJjpyZWFkLW9ubHk6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZpZWxkU3R5bGVzID0gKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KSA9PiBgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6IHZhcigtLWdybi1ib3JkZXItc2l6ZSkgc29saWQ7XG4gIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcihoYXNFcnJvciA/ICdjb250ZW50RGFuZ2VyJyA6ICd2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yKScpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IgPyBiYWNrZ3JvdW5kQ29sb3IgOiAndHJhbnNwYXJlbnQnKX07XG4gICR7ZmllbGRQbGFjZWhvbGRlclN0eWxlc307XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgJHtmaWVsZERpc2FibGVkU3R5bGVzfVxuICB9XG4gICY6cmVhZC1vbmx5IHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9O1xuICAgICR7c2FmYXJpMTZGaXh9O1xuICB9XG5cbiAgJHtcbiAgICAhaGFzRXJyb3IgJiZcbiAgICBgXG4gICAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWhvdmVyKTtcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWFjdGl2ZSk7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1mb2N1cyk7XG4gICAgICB9XG4gICAgfVxuICBgXG4gIH1cbmA7XG5cbmNvbnN0IElucHV0RmllbGRSb290ID0gc3R5bGVkLmlucHV0YFxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcGFkZGluZzogJHsoeyBwYWRkaW5nTGVmdCwgcGFkZGluZ1JpZ2h0IH0pID0+XG4gICAgYDAgJHtnZXRTcGFjZShwYWRkaW5nUmlnaHQpfSAwICR7Z2V0U3BhY2UocGFkZGluZ0xlZnQpfWB9O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LSR7c2l6ZX0pYH07XG4gICR7KHsgYXMgfSkgPT4gYXMgPT09ICdkaXYnICYmIGBkaXNwbGF5OiBmbGV4OyBhbGlnbi1pdGVtczogY2VudGVyO2B9O1xuYDtcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIElucHV0RmllbGQoXG4gIHtcbiAgICBwYWRkaW5nTGVmdCxcbiAgICBwYWRkaW5nUmlnaHQsXG4gICAgaGFzRXJyb3IsXG4gICAgaXNSZWFkT25seSxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGJhY2tncm91bmRDb2xvcixcbiAgICBzaXplID0gJ20nLFxuICAgIHRhZyA9ICdpbnB1dCcsXG4gICAgLi4ucHJvcHNcbiAgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IHBhZGRpbmdYID0gYHZhcigtLWdybi1maWVsZC1wYWRkaW5nWC0ke3NpemV9KWA7XG4gIHJldHVybiAoXG4gICAgPElucHV0RmllbGRSb290XG4gICAgICBwYWRkaW5nTGVmdD17cGFkZGluZ0xlZnQgfHwgcGFkZGluZ1h9XG4gICAgICBwYWRkaW5nUmlnaHQ9e3BhZGRpbmdSaWdodCB8fCBwYWRkaW5nWH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn0pO1xuXG5JbnB1dEZpZWxkLnByb3BUeXBlcyA9IHtcbiAgcGFkZGluZ0xlZnQ6IHR5cGVzLnNwYWNlLFxuICBwYWRkaW5nUmlnaHQ6IHR5cGVzLnNwYWNlLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgYmFja2dyb3VuZENvbG9yOiB0eXBlcy5jb2xvcixcbiAgc2l6ZTogUHJvcFR5cGVzLm9uZU9mKFsnbScsICdsJ10pLFxufTtcblxuY29uc3QgRmllbGRMYWJlbFJvb3QgPSBzdHlsZWQubGFiZWxgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgbWFyZ2luOiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZExhYmVsID0gZm9yd2FyZFJlZihmdW5jdGlvbiBGaWVsZExhYmVsKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikge1xuICByZXR1cm4gKFxuICAgIDxGaWVsZExhYmVsUm9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0ZpZWxkTGFiZWxSb290PlxuICApO1xufSk7XG5cbkZpZWxkTGFiZWwucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5leHBvcnQgY29uc3QgRmllbGRIaW50ID0gZm9yd2FyZFJlZihmdW5jdGlvbiBGaWVsZEhpbnQoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSB7XG4gIHJldHVybiAoXG4gICAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGV4dD5cbiAgKTtcbn0pO1xuXG5GaWVsZEhpbnQucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5leHBvcnQgY29uc3QgRmllbGRDbGVhckJ1dHRvbiA9ICh7IG9uQ2xpY2ssIHRhZyA9ICdidXR0b24nLCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxJY29uQnV0dG9uIGljb249ezxJY29uQ3Jvc3MgLz59IG9uQ2xpY2s9e29uQ2xpY2t9IHRhZz17dGFnfSB7Li4ucHJvcHN9IC8+XG4pO1xuXG5GaWVsZENsZWFyQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIHRhZzogdHlwZXMuYnV0dG9uVGFnLFxufTtcbiJdfQ== */"));
+export const FieldLabel = /*#__PURE__*/forwardRef(function FieldLabel(_ref7, ref) {
   let {
       children
-    } = _ref6,
-    props = _objectWithoutProperties(_ref6, _excluded2);
+    } = _ref7,
+    props = _objectWithoutProperties(_ref7, _excluded2);
   return ___EmotionJSX(FieldLabelRoot, _extends({
     ref: ref
   }, props), children);
@@ -102,11 +109,11 @@ export const FieldLabel = /*#__PURE__*/forwardRef(function FieldLabel(_ref6, ref
 FieldLabel.propTypes = {
   children: PropTypes.node
 };
-export const FieldHint = /*#__PURE__*/forwardRef(function FieldHint(_ref7, ref) {
+export const FieldHint = /*#__PURE__*/forwardRef(function FieldHint(_ref8, ref) {
   let {
       children
-    } = _ref7,
-    props = _objectWithoutProperties(_ref7, _excluded3);
+    } = _ref8,
+    props = _objectWithoutProperties(_ref8, _excluded3);
   return ___EmotionJSX(Text, _extends({
     color: "content2",
     ref: ref
@@ -115,12 +122,12 @@ export const FieldHint = /*#__PURE__*/forwardRef(function FieldHint(_ref7, ref)
 FieldHint.propTypes = {
   children: PropTypes.node
 };
-export const FieldClearButton = _ref8 => {
+export const FieldClearButton = _ref9 => {
   let {
       onClick,
       tag = 'button'
-    } = _ref8,
-    props = _objectWithoutProperties(_ref8, _excluded4);
+    } = _ref9,
+    props = _objectWithoutProperties(_ref9, _excluded4);
   return ___EmotionJSX(IconButton, _extends({
     icon: ___EmotionJSX(IconCross, null),
     onClick: onClick,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "11.73.0",
+  "version": "11.75.0",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "types": "es/types/index.d.ts",