@flodesk/grain 11.69.0-next.12 → 11.69.0-next.14

package/es/components/button.js

@@ -54,7 +54,7 @@ const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "product
 } : {
   target: "e1blxzk90",
   label: "Wrapper"
-})(styles.transitions, ";", styles.buttonReset, ";position:relative;border:none;border-width:var(--grn-border-size);border-style:solid;border-radius:var(--grn-textbox-height-m);height:", _ref => {
+})(styles.transitions, ";", styles.buttonReset, ";--padding-buffer:4px;position:relative;border:none;border-width:var(--grn-border-size);border-style:solid;border-radius:var(--grn-textbox-height-m);height:", _ref => {
   let {
     size
   } = _ref;
@@ -63,7 +63,7 @@ const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "product
   let {
     size
   } = _ref2;
-  return "var(--grn-textbox-paddingX-".concat(size, ")");
+  return "calc(var(--grn-textbox-paddingX-".concat(size, ") + var(--padding-buffer))");
 }, ";background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", p => p.hasFullWidth && "width: 100%", ";", p => tagStyles[p.as], ";", _ref3 => {
   let {
     variant
@@ -74,7 +74,7 @@ const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "product
     hasSpinner
   } = _ref4;
   return hasSpinner && "\n      opacity: 0;\n      transition: opacity ".concat(getTransition('fast'), ";\n    ");
-}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}[data-experiment-rounded-button] &{border-radius:var(--grn-textbox-height-m);}[data-experiment-compact-textbox] &{padding:0 ", getSpace('s2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkQ2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuL2ljb24nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuL3NwaW5uZXInO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3QgaWNvbkludmVydCA9ICdoc2wodmFyKC0tc2gtaCkgdmFyKC0tc2gtcykgdmFyKC0tYmFja2dyb3VuZC1sKSAvIHZhcigtLWFsLTEwKSknO1xuXG5jb25zdCB2YXJpYW50Q29sb3JzID0ge1xuICBhY2NlbnQ6IHtcbiAgICBpY29uOiBpY29uSW52ZXJ0LFxuICAgIGNvbnRlbnQ6ICdzaGFkZTInLFxuICAgIGJvcmRlcjogJ3RyYW5zcGFyZW50JyxcbiAgICBiYWNrZ3JvdW5kOiAnc2hhZGUxMicsXG4gICAgYmFja2dyb3VuZEhvdmVyOiAnc2hhZGUxMCcsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ3NoYWRlOScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGljb246ICdoc2woMCAwJSAxMDAlIC8gdmFyKC0tYWwtNykpJyxcbiAgICBjb250ZW50OiAnb25CYWNrZ3JvdW5kRGFuZ2VyJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ2JhY2tncm91bmREYW5nZXInLFxuICAgIGJhY2tncm91bmRIb3ZlcjogJ2NvbG9yLW1peChpbiBoc2wsIHZhcigtLWdybi1jb2xvci1yZWQ3KSwgdmFyKC0tZ3JuLWNvbG9yLXJlZDYpKScsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ2NvbG9yLW1peChpbiBoc2wsIHZhcigtLWdybi1jb2xvci1yZWQ2KSwgdmFyKC0tZ3JuLWNvbG9yLXJlZDYpKScsXG4gIH0sXG4gIG5ldXRyYWw6IHtcbiAgICBpY29uOiAnaWNvbicsXG4gICAgY29udGVudDogJ2NvbnRlbnQnLFxuICAgIGJvcmRlcjogJ2ZhZGU0JyxcbiAgICBib3JkZXJIb3ZlcjogJ2ZhZGU2JyxcbiAgICBib3JkZXJBY3RpdmU6ICdzaGFkZTgnLFxuICAgIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59O1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIDAlLCAyNSUgeyBvcGFjaXR5OiAwIH1cbmA7XG5cbmNvbnN0IHRhZ1N0eWxlcyA9IHtcbiAgYTogYFxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGAsXG4gIGJ1dHRvbjogYGAsXG4gIHNwYW46IGBcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgLFxufTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKTtcbiAgaGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gYHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC0ke3NpemV9KWB9O1xuICBwYWRkaW5nLWJsb2NrOiAwO1xuICBwYWRkaW5nLWlubGluZTogJHsoeyBzaXplIH0pID0+IGB2YXIoLS1ncm4tdGV4dGJveC1wYWRkaW5nWC0ke3NpemV9KWB9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuICAke3AgPT4gdGFnU3R5bGVzW3AuYXNdfTtcblxuICAkeyh7IHZhcmlhbnQgfSkgPT4gYFxuICAgIC0taWNvbkNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uaWNvbil9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlcil9O1xuICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kKX07XG5cbiAgICBAbWVkaWEoaG92ZXI6IGhvdmVyKSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgLS1pY29uQ29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgICAgICAgJHtcbiAgICAgICAgICB2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRIb3ZlciAmJlxuICAgICAgICAgIGBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZEhvdmVyKX1gXG4gICAgICAgIH07XG4gICAgICAgICAgICAgICAgICAke1xuICAgICAgICAgICAgICAgICAgICB2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckhvdmVyICYmXG4gICAgICAgICAgICAgICAgICAgIGBib3JkZXItY29sb3I6JHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckhvdmVyKX1gXG4gICAgICAgICAgICAgICAgICB9O1xuXG4gICAgICAgIC8vIHNldCBjb2xvciB0byBwcmV2ZW50IGluaGVyaXRpbmcgZnJvbSBvdXRpc2RlIHJlc2V0XG4gICAgICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgICAgfVxuXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgICR7XG4gICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kQWN0aXZlICYmXG4gICAgICAgICAgYGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kQWN0aXZlKX1gXG4gICAgICAgIH07XG4gICAgICAgICAke1xuICAgICAgICAgICB2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckFjdGl2ZSAmJlxuICAgICAgICAgICBgYm9yZGVyLWNvbG9yOiR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJBY3RpdmUpfWBcbiAgICAgICAgIH07XG4gICAgICB9XG4gICAgfVxuICBgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIC0taWNvbkNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEljb24nKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIC5JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5JY29uIHtcbiAgICAkeyh7IGhhc1NwaW5uZXIgfSkgPT5cbiAgICAgIGhhc1NwaW5uZXIgJiZcbiAgICAgIGBcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICBgfVxuICB9XG5cbiAgLmJ1dHRvblNwaW5uZXIge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlSW59ICR7Z2V0VHJhbnNpdGlvbignc2xvdycpfTtcbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtcm91bmRlZC1idXR0b25dICYge1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKTtcbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtY29tcGFjdC10ZXh0Ym94XSAmIHtcbiAgICBwYWRkaW5nOiAwICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gZm9yd2FyZFJlZihmdW5jdGlvbiBCdXR0b24oXG4gIHtcbiAgICBjaGlsZHJlbixcbiAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgIGlzRGlzYWJsZWQsXG4gICAgaWNvbixcbiAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgaGFzRnVsbFdpZHRoLFxuICAgIGhhc1NwaW5uZXIsXG4gICAgdHlwZSA9ICdidXR0b24nLFxuICAgIHRhZyA9ICdidXR0b24nLFxuICAgIHNpemUgPSAnbScsXG4gICAgLi4ucHJvcHNcbiAgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXJcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH1cbiAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgPEJveCBwb3NpdGlvbj1cImFic29sdXRlXCIgY2xhc3NOYW1lPVwiYnV0dG9uU3Bpbm5lclwiPlxuICAgICAgICAgIDxTcGlubmVyIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJ2YXIoLS1pY29uQ29sb3IpXCIgLz59XG4gICAgICA8VGV4dCBjbGFzc05hbWU9XCJidXR0b25UZXh0XCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59KTtcblxuQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIHZhcmlhbnQ6IHR5cGVzLmJ1dHRvblZhcmlhbnQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRhZzogdHlwZXMuYnV0dG9uVGFnLFxuICBzaXplOiBQcm9wVHlwZXMub25lT2YoWydtJywgJ2wnXSksXG59O1xuIl19 */"));
+}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}[data-experiment-rounded-button] &{border-radius:var(--grn-textbox-height-m);}[data-experiment-compact-textbox] &{padding:0 ", getSpace('s2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkQ2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuL2ljb24nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuL3NwaW5uZXInO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3QgaWNvbkludmVydCA9ICdoc2wodmFyKC0tc2gtaCkgdmFyKC0tc2gtcykgdmFyKC0tYmFja2dyb3VuZC1sKSAvIHZhcigtLWFsLTEwKSknO1xuXG5jb25zdCB2YXJpYW50Q29sb3JzID0ge1xuICBhY2NlbnQ6IHtcbiAgICBpY29uOiBpY29uSW52ZXJ0LFxuICAgIGNvbnRlbnQ6ICdzaGFkZTInLFxuICAgIGJvcmRlcjogJ3RyYW5zcGFyZW50JyxcbiAgICBiYWNrZ3JvdW5kOiAnc2hhZGUxMicsXG4gICAgYmFja2dyb3VuZEhvdmVyOiAnc2hhZGUxMCcsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ3NoYWRlOScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGljb246ICdoc2woMCAwJSAxMDAlIC8gdmFyKC0tYWwtNykpJyxcbiAgICBjb250ZW50OiAnb25CYWNrZ3JvdW5kRGFuZ2VyJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ2JhY2tncm91bmREYW5nZXInLFxuICAgIGJhY2tncm91bmRIb3ZlcjogJ2NvbG9yLW1peChpbiBoc2wsIHZhcigtLWdybi1jb2xvci1yZWQ3KSwgdmFyKC0tZ3JuLWNvbG9yLXJlZDYpKScsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ2NvbG9yLW1peChpbiBoc2wsIHZhcigtLWdybi1jb2xvci1yZWQ2KSwgdmFyKC0tZ3JuLWNvbG9yLXJlZDYpKScsXG4gIH0sXG4gIG5ldXRyYWw6IHtcbiAgICBpY29uOiAnaWNvbicsXG4gICAgY29udGVudDogJ2NvbnRlbnQnLFxuICAgIGJvcmRlcjogJ2ZhZGU0JyxcbiAgICBib3JkZXJIb3ZlcjogJ2ZhZGU2JyxcbiAgICBib3JkZXJBY3RpdmU6ICdzaGFkZTgnLFxuICAgIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59O1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIDAlLCAyNSUgeyBvcGFjaXR5OiAwIH1cbmA7XG5cbmNvbnN0IHRhZ1N0eWxlcyA9IHtcbiAgYTogYFxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGAsXG4gIGJ1dHRvbjogYGAsXG4gIHNwYW46IGBcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgLFxufTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLXBhZGRpbmctYnVmZmVyOiA0cHg7XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci13aWR0aDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LW0pO1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LSR7c2l6ZX0pYH07XG4gIHBhZGRpbmctYmxvY2s6IDA7XG4gIHBhZGRpbmctaW5saW5lOiAkeyh7IHNpemUgfSkgPT5cbiAgICBgY2FsYyh2YXIoLS1ncm4tdGV4dGJveC1wYWRkaW5nWC0ke3NpemV9KSArIHZhcigtLXBhZGRpbmctYnVmZmVyKSlgfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDEycHg7XG4gICR7cCA9PiBwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IDEwMCVgfTtcbiAgJHtwID0+IHRhZ1N0eWxlc1twLmFzXX07XG5cbiAgJHsoeyB2YXJpYW50IH0pID0+IGBcbiAgICAtLWljb25Db2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmljb24pfTtcbiAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXIpfTtcbiAgICBjb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmNvbnRlbnQpfTtcbiAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZCl9O1xuXG4gICAgQG1lZGlhKGhvdmVyOiBob3Zlcikge1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIC0taWNvbkNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgICR7XG4gICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIgJiZcbiAgICAgICAgICBgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRIb3Zlcil9YFxuICAgICAgICB9O1xuICAgICAgICAgICAgICAgICAgJHtcbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJIb3ZlciAmJlxuICAgICAgICAgICAgICAgICAgICBgYm9yZGVyLWNvbG9yOiR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJIb3Zlcil9YFxuICAgICAgICAgICAgICAgICAgfTtcblxuICAgICAgICAvLyBzZXQgY29sb3IgdG8gcHJldmVudCBpbmhlcml0aW5nIGZyb20gb3V0aXNkZSByZXNldFxuICAgICAgICBjb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmNvbnRlbnQpfTtcbiAgICAgIH1cblxuICAgICAgJjphY3RpdmUge1xuICAgICAgICAke1xuICAgICAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZEFjdGl2ZSAmJlxuICAgICAgICAgIGBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZEFjdGl2ZSl9YFxuICAgICAgICB9O1xuICAgICAgICAgJHtcbiAgICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJBY3RpdmUgJiZcbiAgICAgICAgICAgYGJvcmRlci1jb2xvcjoke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVyQWN0aXZlKX1gXG4gICAgICAgICB9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLWljb25Db2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRJY29uJyl9O1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRCYWNrZ3JvdW5kJyl9O1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAuSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICAgICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgfVxuXG4gIC5idXR0b25UZXh0LFxuICAuSWNvbiB7XG4gICAgJHsoeyBoYXNTcGlubmVyIH0pID0+XG4gICAgICBoYXNTcGlubmVyICYmXG4gICAgICBgXG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgYH1cbiAgfVxuXG4gIC5idXR0b25TcGlubmVyIHtcbiAgICBhbmltYXRpb246ICR7ZmFkZUlufSAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cblxuICBbZGF0YS1leHBlcmltZW50LXJvdW5kZWQtYnV0dG9uXSAmIHtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtbSk7XG4gIH1cblxuICBbZGF0YS1leHBlcmltZW50LWNvbXBhY3QtdGV4dGJveF0gJiB7XG4gICAgcGFkZGluZzogMCAke2dldFNwYWNlKCdzMicpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWYoZnVuY3Rpb24gQnV0dG9uKFxuICB7XG4gICAgY2hpbGRyZW4sXG4gICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGljb24sXG4gICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgIGhhc0Z1bGxXaWR0aCxcbiAgICBoYXNTcGlubmVyLFxuICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICB0YWcgPSAnYnV0dG9uJyxcbiAgICBzaXplID0gJ20nLFxuICAgIC4uLnByb3BzXG4gIH0sXG4gIHJlZixcbikge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgaWNvbj17aWNvbn1cbiAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9XG4gICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7aGFzU3Bpbm5lciAmJiAoXG4gICAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIGNsYXNzTmFtZT1cImJ1dHRvblNwaW5uZXJcIj5cbiAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwidmFyKC0taWNvbkNvbG9yKVwiIC8+fVxuICAgICAgPFRleHQgY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPntjaGlsZHJlbn08L1RleHQ+XG4gICAgPC9XcmFwcGVyPlxuICApO1xufSk7XG5cbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICB2YXJpYW50OiB0eXBlcy5idXR0b25WYXJpYW50LFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgc2l6ZTogUHJvcFR5cGVzLm9uZU9mKFsnbScsICdsJ10pLFxufTtcbiJdfQ== */"));
 export const Button = /*#__PURE__*/forwardRef(function Button(_ref5, ref) {
   let {
       children,

package/es/components/icon-toggle.js

@@ -1,10 +1,9 @@
 import _styled from "@emotion/styled/base";
 const _excluded = ["children", "icon", "isActive", "onClick"],
-  _excluded2 = ["children"];
+  _excluded2 = ["children", "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; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import { getColor } from '../utilities';
 import { Icon } from '.';
 import React, { forwardRef } from 'react';
@@ -17,39 +16,41 @@ const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production
 } : {
   target: "e9umpvt1",
   label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "qkpaqh",
-  styles: "--padding:2px;display:flex;border-radius:var(--grn-radius-s);padding:var(--padding);background:var(--grn-color-shade3);width:fit-content"
-} : {
-  name: "qkpaqh",
-  styles: "--padding:2px;display:flex;border-radius:var(--grn-radius-s);padding:var(--padding);background:var(--grn-color-shade3);width:fit-content",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS1wYWRkaW5nOiAycHg7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3JuLXJhZGl1cy1zKTtcbiAgcGFkZGluZzogdmFyKC0tcGFkZGluZyk7XG4gIGJhY2tncm91bmQ6IHZhcigtLWdybi1jb2xvci1zaGFkZTMpO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ncm4tY29sb3ItaWNvbjogY3VycmVudENvbG9yO1xuICAtLWhlaWdodDogY2FsYyh2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtbSkgLSB2YXIoLS1wYWRkaW5nKSAqIDIpO1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWluLXdpZHRoOiB2YXIoLS1oZWlnaHQpO1xuICBoZWlnaHQ6IHZhcigtLWhlaWdodCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9O1xuICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1sZWF2ZSk7XG4gIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKC0tZ3JuLXJhZGl1cy1zKSAtIHZhcigtLXBhZGRpbmcpKTtcblxuICAkeyh7IGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUxJyl9O1xuICBgfTtcblxuICAmOmhvdmVyIHtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1ob3Zlcik7XG4gICAgJHsoeyBpc0FjdGl2ZSB9KSA9PlxuICAgICAgIWlzQWN0aXZlICYmXG4gICAgICBgXG4gICAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgICBgfTtcbiAgfVxuXG4gIC5JY29uIHtcbiAgICB0cmFuc2l0aW9uOiB1bnNldDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEljb25Ub2dnbGUgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEljb25Ub2dnbGUoXG4gIHsgY2hpbGRyZW4sIGljb24sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LFxuICByZWYsXG4pIHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBjbGFzc05hbWU9XCJJY29uVG9nZ2xlXCJcbiAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gLz59XG4gICAgICB7Y2hpbGRyZW4gJiYgY2hpbGRyZW59XG4gICAgPC9JdGVtV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgSWNvblRvZ2dsZUdyb3VwID0gZm9yd2FyZFJlZihmdW5jdGlvbiBJY29uVG9nZ2xlR3JvdXAoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9XcmFwcGVyPlxuICApO1xufSk7XG5cbkljb25Ub2dnbGVHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbkljb25Ub2dnbGUucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IHR5cGVzLmljb24sXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+})("--inset:2px;--height:", _ref => {
+  let {
+    size
+  } = _ref;
+  return "calc(var(--grn-textbox-height-".concat(size, ") - var(--inset) * 2)");
+}, ";--radius:", _ref2 => {
+  let {
+    size
+  } = _ref2;
+  return "var(--grn-textbox-radius-".concat(size, ")");
+}, ";display:flex;border-radius:var(--radius);padding:var(--inset);background:var(--grn-color-shade3);width:fit-content;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS1pbnNldDogMnB4O1xuICAtLWhlaWdodDogJHsoeyBzaXplIH0pID0+IGBjYWxjKHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC0ke3NpemV9KSAtIHZhcigtLWluc2V0KSAqIDIpYH07XG4gIC0tcmFkaXVzOiAkeyh7IHNpemUgfSkgPT4gYHZhcigtLWdybi10ZXh0Ym94LXJhZGl1cy0ke3NpemV9KWB9O1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cyk7XG4gIHBhZGRpbmc6IHZhcigtLWluc2V0KTtcbiAgYmFja2dyb3VuZDogdmFyKC0tZ3JuLWNvbG9yLXNoYWRlMyk7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5cbmNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLWdybi1jb2xvci1pY29uOiBjdXJyZW50Q29sb3I7XG5cbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtaW4td2lkdGg6IHZhcigtLWhlaWdodCk7XG4gIGhlaWdodDogdmFyKC0taGVpZ2h0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX07XG4gIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWxlYXZlKTtcbiAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoLS1yYWRpdXMpIC0gdmFyKC0taW5zZXQpKTtcblxuICAkeyh7IGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUxJyl9O1xuICBgfTtcblxuICAmOmhvdmVyIHtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1ob3Zlcik7XG4gICAgJHsoeyBpc0FjdGl2ZSB9KSA9PlxuICAgICAgIWlzQWN0aXZlICYmXG4gICAgICBgXG4gICAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgICBgfTtcbiAgfVxuXG4gIC5JY29uIHtcbiAgICB0cmFuc2l0aW9uOiB1bnNldDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEljb25Ub2dnbGUgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEljb25Ub2dnbGUoXG4gIHsgY2hpbGRyZW4sIGljb24sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LFxuICByZWYsXG4pIHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBjbGFzc05hbWU9XCJJY29uVG9nZ2xlXCJcbiAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gLz59XG4gICAgICB7Y2hpbGRyZW4gJiYgY2hpbGRyZW59XG4gICAgPC9JdGVtV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgSWNvblRvZ2dsZUdyb3VwID0gZm9yd2FyZFJlZihmdW5jdGlvbiBJY29uVG9nZ2xlR3JvdXAoXG4gIHsgY2hpbGRyZW4sIHNpemUgPSAnbScsIC4uLnByb3BzIH0sXG4gIHJlZixcbikge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHJlZj17cmVmfSBzaXplPXtzaXplfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5JY29uVG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5JY29uVG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiB0eXBlcy5pY29uLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
 const ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e9umpvt0"
 } : {
   target: "e9umpvt0",
   label: "ItemWrapper"
-})(styles.buttonReset, ";--grn-color-icon:currentColor;--height:calc(var(--grn-textbox-height-m) - var(--padding) * 2);border:none;padding:0;min-width:var(--height);height:var(--height);background-color:transparent;display:flex;align-items:center;justify-content:center;color:", getColor('content2'), ";transition:var(--grn-transition-leave);border-radius:calc(var(--grn-radius-s) - var(--padding));", _ref => {
+})(styles.buttonReset, ";--grn-color-icon:currentColor;border:none;padding:0;min-width:var(--height);height:var(--height);background-color:transparent;display:flex;align-items:center;justify-content:center;color:", getColor('content2'), ";transition:var(--grn-transition-leave);border-radius:calc(var(--radius) - var(--inset));", _ref3 => {
   let {
     isActive
-  } = _ref;
+  } = _ref3;
   return isActive && "\n    color: ".concat(getColor('content'), ";\n    background: ").concat(getColor('shade1'), ";\n  ");
-}, ";&:hover{transition:var(--grn-transition-hover);", _ref2 => {
+}, ";&:hover{transition:var(--grn-transition-hover);", _ref4 => {
   let {
     isActive
-  } = _ref2;
+  } = _ref4;
   return !isActive && "\n      color: ".concat(getColor('content'), ";\n    ");
-}, ";}.Icon{transition:unset;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0tcGFkZGluZzogMnB4O1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi1yYWRpdXMtcyk7XG4gIHBhZGRpbmc6IHZhcigtLXBhZGRpbmcpO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1ncm4tY29sb3Itc2hhZGUzKTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgSXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIC0tZ3JuLWNvbG9yLWljb246IGN1cnJlbnRDb2xvcjtcbiAgLS1oZWlnaHQ6IGNhbGModmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LW0pIC0gdmFyKC0tcGFkZGluZykgKiAyKTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogdmFyKC0taGVpZ2h0KTtcbiAgaGVpZ2h0OiB2YXIoLS1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tbGVhdmUpO1xuICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigtLWdybi1yYWRpdXMtcykgLSB2YXIoLS1wYWRkaW5nKSk7XG5cbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlICYmXG4gICAgYFxuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ3NoYWRlMScpfTtcbiAgYH07XG5cbiAgJjpob3ZlciB7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24taG92ZXIpO1xuICAgICR7KHsgaXNBY3RpdmUgfSkgPT5cbiAgICAgICFpc0FjdGl2ZSAmJlxuICAgICAgYFxuICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gICAgYH07XG4gIH1cblxuICAuSWNvbiB7XG4gICAgdHJhbnNpdGlvbjogdW5zZXQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlID0gZm9yd2FyZFJlZihmdW5jdGlvbiBJY29uVG9nZ2xlKFxuICB7IGNoaWxkcmVuLCBpY29uLCBpc0FjdGl2ZSwgb25DbGljaywgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPEl0ZW1XcmFwcGVyXG4gICAgICByZWY9e3JlZn1cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY2xhc3NOYW1lPVwiSWNvblRvZ2dsZVwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IEljb25Ub2dnbGVHcm91cCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gSWNvblRvZ2dsZUdyb3VwKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5JY29uVG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5JY29uVG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiB0eXBlcy5pY29uLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
-export const IconToggle = /*#__PURE__*/forwardRef(function IconToggle(_ref3, ref) {
+}, ";}.Icon{transition:unset;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0taW5zZXQ6IDJweDtcbiAgLS1oZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgY2FsYyh2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtJHtzaXplfSkgLSB2YXIoLS1pbnNldCkgKiAyKWB9O1xuICAtLXJhZGl1czogJHsoeyBzaXplIH0pID0+IGB2YXIoLS1ncm4tdGV4dGJveC1yYWRpdXMtJHtzaXplfSlgfTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMpO1xuICBwYWRkaW5nOiB2YXIoLS1pbnNldCk7XG4gIGJhY2tncm91bmQ6IHZhcigtLWdybi1jb2xvci1zaGFkZTMpO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ncm4tY29sb3ItaWNvbjogY3VycmVudENvbG9yO1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWluLXdpZHRoOiB2YXIoLS1oZWlnaHQpO1xuICBoZWlnaHQ6IHZhcigtLWhlaWdodCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9O1xuICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1sZWF2ZSk7XG4gIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKC0tcmFkaXVzKSAtIHZhcigtLWluc2V0KSk7XG5cbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlICYmXG4gICAgYFxuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ3NoYWRlMScpfTtcbiAgYH07XG5cbiAgJjpob3ZlciB7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24taG92ZXIpO1xuICAgICR7KHsgaXNBY3RpdmUgfSkgPT5cbiAgICAgICFpc0FjdGl2ZSAmJlxuICAgICAgYFxuICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gICAgYH07XG4gIH1cblxuICAuSWNvbiB7XG4gICAgdHJhbnNpdGlvbjogdW5zZXQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlID0gZm9yd2FyZFJlZihmdW5jdGlvbiBJY29uVG9nZ2xlKFxuICB7IGNoaWxkcmVuLCBpY29uLCBpc0FjdGl2ZSwgb25DbGljaywgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPEl0ZW1XcmFwcGVyXG4gICAgICByZWY9e3JlZn1cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY2xhc3NOYW1lPVwiSWNvblRvZ2dsZVwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IEljb25Ub2dnbGVHcm91cCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gSWNvblRvZ2dsZUdyb3VwKFxuICB7IGNoaWxkcmVuLCBzaXplID0gJ20nLCAuLi5wcm9wcyB9LFxuICByZWYsXG4pIHtcbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciByZWY9e3JlZn0gc2l6ZT17c2l6ZX0gey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59KTtcblxuSWNvblRvZ2dsZUdyb3VwLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuSWNvblRvZ2dsZS5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogdHlwZXMuaWNvbixcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
+export const IconToggle = /*#__PURE__*/forwardRef(function IconToggle(_ref5, ref) {
   let {
       children,
       icon,
       isActive,
       onClick
-    } = _ref3,
-    props = _objectWithoutProperties(_ref3, _excluded);
+    } = _ref5,
+    props = _objectWithoutProperties(_ref5, _excluded);
   return ___EmotionJSX(ItemWrapper, _extends({
     ref: ref,
     type: "button",
@@ -60,13 +61,15 @@ export const IconToggle = /*#__PURE__*/forwardRef(function IconToggle(_ref3, ref
     icon: icon
   }), children && children);
 });
-export const IconToggleGroup = /*#__PURE__*/forwardRef(function IconToggleGroup(_ref4, ref) {
+export const IconToggleGroup = /*#__PURE__*/forwardRef(function IconToggleGroup(_ref6, ref) {
   let {
-      children
-    } = _ref4,
-    props = _objectWithoutProperties(_ref4, _excluded2);
+      children,
+      size = 'm'
+    } = _ref6,
+    props = _objectWithoutProperties(_ref6, _excluded2);
   return ___EmotionJSX(Wrapper, _extends({
-    ref: ref
+    ref: ref,
+    size: size
   }, props), children);
 });
 IconToggleGroup.propTypes = {

package/es/components/text-toggle.js

@@ -1,10 +1,10 @@
 import _styled from "@emotion/styled/base";
 const _excluded = ["children", "isActive", "isDisabled", "onClick"],
-  _excluded2 = ["children", "hasFullWidth"];
+  _excluded2 = ["children", "hasFullWidth", "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; }
-import { getColor, getRadius } from '../utilities';
+import { getColor } from '../utilities';
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { styles } from '../foundational';
@@ -14,21 +14,36 @@ const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production
 } : {
   target: "e1fb3cwm1",
   label: "Wrapper"
-})("--padding:2px;display:flex;border-radius:", getRadius('s'), ";padding:var(--padding);background:var(--grn-color-overlay);", p => !p.hasFullWidth && "width: fit-content", ";", p => p.hasFullWidth && "\n    .TextToggle {\n      flex: 1 0 0;\n    }\n  ", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS1wYWRkaW5nOiAycHg7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIHBhZGRpbmc6IHZhcigtLXBhZGRpbmcpO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1ncm4tY29sb3Itb3ZlcmxheSk7XG5cbiAgJHtwID0+ICFwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IGZpdC1jb250ZW50YH07XG4gICR7cCA9PlxuICAgIHAuaGFzRnVsbFdpZHRoICYmXG4gICAgYFxuICAgIC5UZXh0VG9nZ2xlIHtcbiAgICAgIGZsZXg6IDEgMCAwO1xuICAgIH1cbiAgYH1cbmA7XG5cbmNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1oZWlnaHQ6IGNhbGModmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LW0pIC0gdmFyKC0tcGFkZGluZykgKiAyKTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDAgdmFyKC0tZ3JuLXNwYWNlLXMyKTtcbiAgaGVpZ2h0OiB2YXIoLS1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLXBhZGRpbmcpKTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tbGVhdmUpO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24taG92ZXIpO1xuICB9XG5cbiAgJHtwID0+XG4gICAgcC5pc0FjdGl2ZSAmJlxuICAgIGBcbiAgICAtLWJvcmRlckNvbG9yOiAke2dldENvbG9yKCdzaGFkZTknKX07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1hY3RpdmUpO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMScpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tYWN0aXZlKTtcbiAgICB9XG4gIGB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGUgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRleHRUb2dnbGUoXG4gIHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBpc0Rpc2FibGVkLCBvbkNsaWNrLCAuLi5wcm9wcyB9LFxuICByZWYsXG4pIHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBjbGFzc05hbWU9XCJUZXh0VG9nZ2xlXCJcbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9JdGVtV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZUdyb3VwID0gZm9yd2FyZFJlZihmdW5jdGlvbiBUZXh0VG9nZ2xlR3JvdXAoXG4gIHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgcmVmPXtyZWZ9IGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */"));
+})("--inset:2px;--height:", _ref => {
+  let {
+    size
+  } = _ref;
+  return "calc(var(--grn-textbox-height-".concat(size, ") - var(--inset) * 2)");
+}, ";--radius:", _ref2 => {
+  let {
+    size
+  } = _ref2;
+  return "var(--grn-textbox-radius-".concat(size, ")");
+}, ";--paddingX:", _ref3 => {
+  let {
+    size
+  } = _ref3;
+  return "var(--grn-textbox-paddingX-".concat(size, ")");
+}, ";display:flex;border-radius:var(--radius);padding:var(--inset);background:var(--grn-color-shade3);", p => !p.hasFullWidth && "width: fit-content", ";", p => p.hasFullWidth && "\n    .TextToggle {\n      flex: 1 0 0;\n    }\n  ", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0taW5zZXQ6IDJweDtcbiAgLS1oZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgY2FsYyh2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtJHtzaXplfSkgLSB2YXIoLS1pbnNldCkgKiAyKWB9O1xuICAtLXJhZGl1czogJHsoeyBzaXplIH0pID0+IGB2YXIoLS1ncm4tdGV4dGJveC1yYWRpdXMtJHtzaXplfSlgfTtcbiAgLS1wYWRkaW5nWDogJHsoeyBzaXplIH0pID0+IGB2YXIoLS1ncm4tdGV4dGJveC1wYWRkaW5nWC0ke3NpemV9KWB9O1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cyk7XG4gIHBhZGRpbmc6IHZhcigtLWluc2V0KTtcbiAgYmFja2dyb3VuZDogdmFyKC0tZ3JuLWNvbG9yLXNoYWRlMyk7XG5cbiAgJHtwID0+ICFwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IGZpdC1jb250ZW50YH07XG4gICR7cCA9PlxuICAgIHAuaGFzRnVsbFdpZHRoICYmXG4gICAgYFxuICAgIC5UZXh0VG9nZ2xlIHtcbiAgICAgIGZsZXg6IDEgMCAwO1xuICAgIH1cbiAgYH1cbmA7XG5cbmNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDAgdmFyKC0tcGFkZGluZ1gpO1xuICBoZWlnaHQ6IHZhcigtLWhlaWdodCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudDIpO1xuICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigtLXJhZGl1cykgLSB2YXIoLS1pbnNldCkpO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1sZWF2ZSk7XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1ob3Zlcik7XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlOScpfTtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWFjdGl2ZSk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignc2hhZGUxJyl9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1hY3RpdmUpO1xuICAgIH1cbiAgYH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZSA9IGZvcndhcmRSZWYoZnVuY3Rpb24gVGV4dFRvZ2dsZShcbiAgeyBjaGlsZHJlbiwgaXNBY3RpdmUsIGlzRGlzYWJsZWQsIG9uQ2xpY2ssIC4uLnByb3BzIH0sXG4gIHJlZixcbikge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlclxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGNsYXNzTmFtZT1cIlRleHRUb2dnbGVcIlxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0l0ZW1XcmFwcGVyPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBUZXh0VG9nZ2xlR3JvdXAgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRleHRUb2dnbGVHcm91cChcbiAgeyBjaGlsZHJlbiwgaGFzRnVsbFdpZHRoLCBzaXplID0gJ20nLCAuLi5wcm9wcyB9LFxuICByZWYsXG4pIHtcbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciByZWY9e3JlZn0gaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9IHNpemU9e3NpemV9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9XcmFwcGVyPlxuICApO1xufSk7XG5cblRleHRUb2dnbGVHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cblRleHRUb2dnbGUucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */"));
 const ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1fb3cwm0"
 } : {
   target: "e1fb3cwm0",
   label: "ItemWrapper"
-})(styles.buttonReset, ";--borderColor:transparent;--height:calc(var(--grn-textbox-height-m) - var(--padding) * 2);border:none;padding:0 var(--grn-space-s2);height:var(--height);background-color:transparent;position:relative;color:var(--grn-color-content2);border-radius:calc(", getRadius('s'), " - var(--padding));white-space:nowrap;transition:var(--grn-transition-leave);&:hover{color:var(--grn-color-content);transition:var(--grn-transition-hover);}", p => p.isActive && "\n    --borderColor: ".concat(getColor('shade9'), ";\n    color: var(--grn-color-content);\n    transition: var(--grn-transition-active);\n    background-color: ").concat(getColor('shade1'), ";\n\n    &:hover {\n      transition: var(--grn-transition-active);\n    }\n  "), " &:disabled{color:", getColor('disabledContent'), ";pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0tcGFkZGluZzogMnB4O1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBwYWRkaW5nOiB2YXIoLS1wYWRkaW5nKTtcbiAgYmFja2dyb3VuZDogdmFyKC0tZ3JuLWNvbG9yLW92ZXJsYXkpO1xuXG4gICR7cCA9PiAhcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiBmaXQtY29udGVudGB9O1xuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGV4dFRvZ2dsZSB7XG4gICAgICBmbGV4OiAxIDAgMDtcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKSAtIHZhcigtLXBhZGRpbmcpICogMik7XG5cbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwIHZhcigtLWdybi1zcGFjZS1zMik7XG4gIGhlaWdodDogdmFyKC0taGVpZ2h0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50Mik7XG4gIGJvcmRlci1yYWRpdXM6IGNhbGMoJHtnZXRSYWRpdXMoJ3MnKX0gLSB2YXIoLS1wYWRkaW5nKSk7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWxlYXZlKTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWhvdmVyKTtcbiAgfVxuXG4gICR7cCA9PlxuICAgIHAuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignc2hhZGU5Jyl9O1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tYWN0aXZlKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWFjdGl2ZSk7XG4gICAgfVxuICBgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0VG9nZ2xlID0gZm9yd2FyZFJlZihmdW5jdGlvbiBUZXh0VG9nZ2xlKFxuICB7IGNoaWxkcmVuLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgb25DbGljaywgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPEl0ZW1XcmFwcGVyXG4gICAgICByZWY9e3JlZn1cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xhc3NOYW1lPVwiVGV4dFRvZ2dsZVwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGVHcm91cCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gVGV4dFRvZ2dsZUdyb3VwKFxuICB7IGNoaWxkcmVuLCBoYXNGdWxsV2lkdGgsIC4uLnByb3BzIH0sXG4gIHJlZixcbikge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHJlZj17cmVmfSBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59KTtcblxuVGV4dFRvZ2dsZUdyb3VwLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxufTtcblxuVGV4dFRvZ2dsZS5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"));
-export const TextToggle = /*#__PURE__*/forwardRef(function TextToggle(_ref, ref) {
+})(styles.buttonReset, ";--borderColor:transparent;border:none;padding:0 var(--paddingX);height:var(--height);background-color:transparent;position:relative;color:var(--grn-color-content2);border-radius:calc(var(--radius) - var(--inset));white-space:nowrap;transition:var(--grn-transition-leave);&:hover{color:var(--grn-color-content);transition:var(--grn-transition-hover);}", p => p.isActive && "\n    --borderColor: ".concat(getColor('shade9'), ";\n    color: var(--grn-color-content);\n    transition: var(--grn-transition-active);\n    background-color: ").concat(getColor('shade1'), ";\n\n    &:hover {\n      transition: var(--grn-transition-active);\n    }\n  "), " &:disabled{color:", getColor('disabledContent'), ";pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAtLWluc2V0OiAycHg7XG4gIC0taGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gYGNhbGModmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LSR7c2l6ZX0pIC0gdmFyKC0taW5zZXQpICogMilgfTtcbiAgLS1yYWRpdXM6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtcmFkaXVzLSR7c2l6ZX0pYH07XG4gIC0tcGFkZGluZ1g6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtcGFkZGluZ1gtJHtzaXplfSlgfTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMpO1xuICBwYWRkaW5nOiB2YXIoLS1pbnNldCk7XG4gIGJhY2tncm91bmQ6IHZhcigtLWdybi1jb2xvci1zaGFkZTMpO1xuXG4gICR7cCA9PiAhcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiBmaXQtY29udGVudGB9O1xuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGV4dFRvZ2dsZSB7XG4gICAgICBmbGV4OiAxIDAgMDtcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwIHZhcigtLXBhZGRpbmdYKTtcbiAgaGVpZ2h0OiB2YXIoLS1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoLS1yYWRpdXMpIC0gdmFyKC0taW5zZXQpKTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tbGVhdmUpO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24taG92ZXIpO1xuICB9XG5cbiAgJHtwID0+XG4gICAgcC5pc0FjdGl2ZSAmJlxuICAgIGBcbiAgICAtLWJvcmRlckNvbG9yOiAke2dldENvbG9yKCdzaGFkZTknKX07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1ncm4tdHJhbnNpdGlvbi1hY3RpdmUpO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMScpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tYWN0aXZlKTtcbiAgICB9XG4gIGB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGUgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRleHRUb2dnbGUoXG4gIHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBpc0Rpc2FibGVkLCBvbkNsaWNrLCAuLi5wcm9wcyB9LFxuICByZWYsXG4pIHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBjbGFzc05hbWU9XCJUZXh0VG9nZ2xlXCJcbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9JdGVtV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZUdyb3VwID0gZm9yd2FyZFJlZihmdW5jdGlvbiBUZXh0VG9nZ2xlR3JvdXAoXG4gIHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgc2l6ZSA9ICdtJywgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgcmVmPXtyZWZ9IGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofSBzaXplPXtzaXplfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */"));
+export const TextToggle = /*#__PURE__*/forwardRef(function TextToggle(_ref4, ref) {
   let {
       children,
       isActive,
       isDisabled,
       onClick
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+    } = _ref4,
+    props = _objectWithoutProperties(_ref4, _excluded);
   return ___EmotionJSX(ItemWrapper, _extends({
     ref: ref,
     type: "button",
@@ -38,15 +53,17 @@ export const TextToggle = /*#__PURE__*/forwardRef(function TextToggle(_ref, ref)
     className: "TextToggle"
   }, props), children);
 });
-export const TextToggleGroup = /*#__PURE__*/forwardRef(function TextToggleGroup(_ref2, ref) {
+export const TextToggleGroup = /*#__PURE__*/forwardRef(function TextToggleGroup(_ref5, ref) {
   let {
       children,
-      hasFullWidth
-    } = _ref2,
-    props = _objectWithoutProperties(_ref2, _excluded2);
+      hasFullWidth,
+      size = 'm'
+    } = _ref5,
+    props = _objectWithoutProperties(_ref5, _excluded2);
   return ___EmotionJSX(Wrapper, _extends({
     ref: ref,
-    hasFullWidth: hasFullWidth
+    hasFullWidth: hasFullWidth,
+    size: size
   }, props), children);
 });
 TextToggleGroup.propTypes = {

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; }
@@ -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+IGdldENvbG9yKGJhY2tncm91bmRDb2xvcil9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGZvbnQtc2l6ZTogJHtnZXRUZXh0U2l6ZSgncycpfTtcbmA7XG5cbmNvbnN0IENvdW50ZXIgPSAoeyBsZW5ndGgsIG1heExlbmd0aCwgYmFja2dyb3VuZENvbG9yID0gJ3ZhcigtLWdybi1maWVsZC1iYWNrZ3JvdW5kKScgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb3VudGVyUm9vdFxuICAgICAgcGFkZGluZ1g9XCJzXCJcbiAgICAgIHBhZGRpbmdZPVwieHNcIlxuICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAganVzdGlmeUNvbnRlbnQ9XCJlbmRcIlxuICAgID5cbiAgICAgIHtsZW5ndGh9XG4gICAgICA8Qm94IGNvbG9yPVwiY29udGVudDJcIj4mbmJzcDsvIHttYXhMZW5ndGh9PC9Cb3g+XG4gICAgPC9Db3VudGVyUm9vdD5cbiAgKTtcbn07XG5cbmNvbnN0IFRleHRhcmVhV3JhcHBlciA9ICh7IGNoaWxkcmVuLCBtYXhMZW5ndGggfSkgPT4ge1xuICBpZiAoIW1heExlbmd0aCkgcmV0dXJuIGNoaWxkcmVuO1xuXG4gIHJldHVybiA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj57Y2hpbGRyZW59PC9Cb3g+O1xufTtcblxuY29uc3QgVGV4dGFyZWFGaWVsZCA9IHN0eWxlZC50ZXh0YXJlYWBcbiAgLypcbiAgICB2aXN1YWxseSBtYXRjaCB4IGFuZCB5IHBhZGRpbmcuXG4gICAgYXBwbHkgeCBwYWRkaW5nIHRvIHksIG1pbnVzIHRleHQncyB1cHBlciBzcGFjZSBnZW5lcmF0ZWQgYnkgbGluZSBoZWlnaHQuXG4gICovXG4gIC0tdGV4dC1leHRyYS10b3Atc3BhY2U6IGNhbGMoKHZhcigtLWdybi1saW5lSGVpZ2h0LWdsb2JhbCkgLSB2YXIoLS1ncm4tY2FwKSkgLyAyKTtcbiAgLS1wYWRkaW5nLWJsb2NrOiBjYWxjKHZhcigtLWdybi1maWVsZC1wYWRkaW5nWCkgLSB2YXIoLS10ZXh0LWV4dHJhLXRvcC1zcGFjZSkpO1xuXG4gICR7KHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KSA9PiBnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSl9O1xuICByZXNpemU6IG5vbmU7XG4gIHBhZGRpbmctaW5saW5lOiB2YXIoLS1ncm4tZmllbGQtcGFkZGluZ1gpO1xuICBwYWRkaW5nLWJsb2NrOiByb3VuZCh1cCwgdmFyKC0tcGFkZGluZy1ibG9jayksIDFweCk7XG5cbiAgLypcbiAgICB1c2luZyBib3JkZXIgdG8gY3JlYXRlIGJvdHRvbSBzcGFjZSxcbiAgICBzcGVjaWZpY2FsbHkgYm9yZGVyIG1ldGhvZCwgdG8gbWFrZSBzdXJlIHRoZSBzY3JvbGwgYmVoYXZlcyBjb3JyZWN0bHlcbiAgKi9cbiAgJHsoeyBoYXNDb3VudGVyIH0pID0+IGhhc0NvdW50ZXIgJiYgYGJvcmRlci1ib3R0b20td2lkdGg6ICR7Y291bnRlckJhckhlaWdodH1gfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhID0gZm9yd2FyZFJlZihmdW5jdGlvbiBUZXh0YXJlYShcbiAge1xuICAgIHZhbHVlLFxuICAgIHBsYWNlaG9sZGVyLFxuICAgIGxhYmVsLFxuICAgIGlkLFxuICAgIGhhc0Vycm9yLFxuICAgIGVycm9yTWVzc2FnZSxcbiAgICBpc1JlYWRPbmx5LFxuICAgIGlzRGlzYWJsZWQsXG4gICAgaGludCxcbiAgICBtYXhMZW5ndGgsXG4gICAgY2hpbGRyZW4sXG4gICAgcm93cyA9IDMsXG4gICAgYmFja2dyb3VuZENvbG9yLFxuICAgIC4uLnByb3BzXG4gIH0sXG4gIHJlZixcbikge1xuICBjb25zdCBoYXNDb3VudGVyID0gQm9vbGVhbihtYXhMZW5ndGgpO1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209XCJ2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcClcIj5cbiAgICAgICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG5cbiAgICAgIDxUZXh0YXJlYVdyYXBwZXIgbWF4TGVuZ3RoPXttYXhMZW5ndGh9PlxuICAgICAgICA8VGV4dGFyZWFGaWVsZFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgIGhhc0NvdW50ZXI9e2hhc0NvdW50ZXJ9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAvPlxuICAgICAgICB7aGFzQ291bnRlciAmJiAoXG4gICAgICAgICAgPENvdW50ZXJXcmFwcGVyPlxuICAgICAgICAgICAgPENvdW50ZXJcbiAgICAgICAgICAgICAgbGVuZ3RoPXt2YWx1ZS5sZW5ndGh9XG4gICAgICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Db3VudGVyV3JhcHBlcj5cbiAgICAgICAgKX1cbiAgICAgIDwvVGV4dGFyZWFXcmFwcGVyPlxuXG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnREYW5nZXJcIiBtYXJnaW5Ub3A9XCJ2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcClcIj5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59KTtcblxuVGV4dGFyZWEuQ291bnRlciA9IENvdW50ZXI7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbiAgYmFja2dyb3VuZENvbG9yOiB0eXBlcy5jb2xvcixcbn07XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dGFyZWEuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsLCBnZXRGaWVsZFN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUZXh0U2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IGNvdW50ZXJCYXJIZWlnaHQgPSAnMzJweCc7XG5cbmNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIGxlZnQ6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIHJpZ2h0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuYDtcblxuY29uc3QgQ291bnRlclJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICBoZWlnaHQ6ICR7Y291bnRlckJhckhlaWdodH07XG4gIGJhY2tncm91bmQ6ICR7KHsgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldENvbG9yKGJhY2tncm91bmRDb2xvcil9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGZvbnQtc2l6ZTogJHtnZXRUZXh0U2l6ZSgncycpfTtcbmA7XG5cbmNvbnN0IENvdW50ZXIgPSAoeyBsZW5ndGgsIG1heExlbmd0aCwgYmFja2dyb3VuZENvbG9yID0gJ3ZhcigtLWdybi1maWVsZC1iYWNrZ3JvdW5kKScgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb3VudGVyUm9vdFxuICAgICAgcGFkZGluZ1g9XCJzXCJcbiAgICAgIHBhZGRpbmdZPVwieHNcIlxuICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAganVzdGlmeUNvbnRlbnQ9XCJlbmRcIlxuICAgID5cbiAgICAgIHtsZW5ndGh9XG4gICAgICA8Qm94IGNvbG9yPVwiY29udGVudDJcIj4mbmJzcDsvIHttYXhMZW5ndGh9PC9Cb3g+XG4gICAgPC9Db3VudGVyUm9vdD5cbiAgKTtcbn07XG5cbmNvbnN0IFRleHRhcmVhV3JhcHBlciA9ICh7IGNoaWxkcmVuLCBtYXhMZW5ndGggfSkgPT4ge1xuICBpZiAoIW1heExlbmd0aCkgcmV0dXJuIGNoaWxkcmVuO1xuXG4gIHJldHVybiA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj57Y2hpbGRyZW59PC9Cb3g+O1xufTtcblxuY29uc3QgVGV4dGFyZWFGaWVsZCA9IHN0eWxlZC50ZXh0YXJlYWBcbiAgLypcbiAgICB2aXN1YWxseSBtYXRjaCB4IGFuZCB5IHBhZGRpbmcuXG4gICAgYXBwbHkgeCBwYWRkaW5nIHRvIHksIG1pbnVzIHRleHQncyB1cHBlciBzcGFjZSBnZW5lcmF0ZWQgYnkgbGluZSBoZWlnaHQuXG4gICovXG4gIC0tcGFkZGluZ1g6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYLSR7c2l6ZX0pYH07XG5cbiAgLS10ZXh0LWV4dHJhLXRvcC1zcGFjZTogY2FsYygodmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSAtIHZhcigtLWdybi1jYXApKSAvIDIpO1xuICAtLXBhZGRpbmctYmxvY2s6IGNhbGModmFyKC0tcGFkZGluZ1gpIC0gdmFyKC0tdGV4dC1leHRyYS10b3Atc3BhY2UpKTtcblxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IsIHNpemUgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yLCBzaXplIH0pfTtcbiAgcmVzaXplOiBub25lO1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tcGFkZGluZ1gpO1xuICBwYWRkaW5nLWJsb2NrOiByb3VuZCh1cCwgdmFyKC0tcGFkZGluZy1ibG9jayksIDFweCk7XG5cbiAgLypcbiAgICB1c2luZyBib3JkZXIgdG8gY3JlYXRlIGJvdHRvbSBzcGFjZSxcbiAgICBzcGVjaWZpY2FsbHkgYm9yZGVyIG1ldGhvZCwgdG8gbWFrZSBzdXJlIHRoZSBzY3JvbGwgYmVoYXZlcyBjb3JyZWN0bHlcbiAgKi9cbiAgJHsoeyBoYXNDb3VudGVyIH0pID0+IGhhc0NvdW50ZXIgJiYgYGJvcmRlci1ib3R0b20td2lkdGg6ICR7Y291bnRlckJhckhlaWdodH1gfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhID0gZm9yd2FyZFJlZihmdW5jdGlvbiBUZXh0YXJlYShcbiAge1xuICAgIHZhbHVlLFxuICAgIHBsYWNlaG9sZGVyLFxuICAgIGxhYmVsLFxuICAgIGlkLFxuICAgIGhhc0Vycm9yLFxuICAgIGVycm9yTWVzc2FnZSxcbiAgICBpc1JlYWRPbmx5LFxuICAgIGlzRGlzYWJsZWQsXG4gICAgaGludCxcbiAgICBtYXhMZW5ndGgsXG4gICAgY2hpbGRyZW4sXG4gICAgcm93cyA9IDMsXG4gICAgYmFja2dyb3VuZENvbG9yLFxuICAgIHNpemUgPSAnbScsXG4gICAgLi4ucHJvcHNcbiAgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IGhhc0NvdW50ZXIgPSBCb29sZWFuKG1heExlbmd0aCk7XG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIHsobGFiZWwgfHwgaGludCkgJiYgKFxuICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgIHtsYWJlbCAmJiA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cblxuICAgICAgPFRleHRhcmVhV3JhcHBlciBtYXhMZW5ndGg9e21heExlbmd0aH0+XG4gICAgICAgIDxUZXh0YXJlYUZpZWxkXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBuYW1lPXtpZH1cbiAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgaGFzQ291bnRlcj17aGFzQ291bnRlcn1cbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgLz5cbiAgICAgICAge2hhc0NvdW50ZXIgJiYgKFxuICAgICAgICAgIDxDb3VudGVyV3JhcHBlcj5cbiAgICAgICAgICAgIDxDb3VudGVyXG4gICAgICAgICAgICAgIGxlbmd0aD17dmFsdWUubGVuZ3RofVxuICAgICAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQ291bnRlcldyYXBwZXI+XG4gICAgICAgICl9XG4gICAgICA8L1RleHRhcmVhV3JhcHBlcj5cblxuICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgIDxCb3ggY29sb3I9XCJjb250ZW50RGFuZ2VyXCIgbWFyZ2luVG9wPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApO1xufSk7XG5cblRleHRhcmVhLkNvdW50ZXIgPSBDb3VudGVyO1xuXG5UZXh0YXJlYS5wcm9wVHlwZXMgPSB7XG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBtYXhMZW5ndGg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHJvd3M6IFByb3BUeXBlcy5udW1iZXIsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG59O1xuIl19 */",
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VGV4dFNpemUgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBjb3VudGVyQmFySGVpZ2h0ID0gJzMycHgnO1xuXG5jb25zdCBDb3VudGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICBsZWZ0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICByaWdodDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbmA7XG5cbmNvbnN0IENvdW50ZXJSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lOiAke2dldFNwYWNlKCdzMicpfTtcbiAgaGVpZ2h0OiAke2NvdW50ZXJCYXJIZWlnaHR9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmRDb2xvciB9KSA9PiBnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBmb250LXNpemU6ICR7Z2V0VGV4dFNpemUoJ3MnKX07XG5gO1xuXG5jb25zdCBDb3VudGVyID0gKHsgbGVuZ3RoLCBtYXhMZW5ndGgsIGJhY2tncm91bmRDb2xvciA9ICd2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZCknIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q291bnRlclJvb3RcbiAgICAgIHBhZGRpbmdYPVwic1wiXG4gICAgICBwYWRkaW5nWT1cInhzXCJcbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiZW5kXCJcbiAgICA+XG4gICAgICB7bGVuZ3RofVxuICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnQyXCI+Jm5ic3A7LyB7bWF4TGVuZ3RofTwvQm94PlxuICAgIDwvQ291bnRlclJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gIC8qXG4gICAgdmlzdWFsbHkgbWF0Y2ggeCBhbmQgeSBwYWRkaW5nLlxuICAgIGFwcGx5IHggcGFkZGluZyB0byB5LCBtaW51cyB0ZXh0J3MgdXBwZXIgc3BhY2UgZ2VuZXJhdGVkIGJ5IGxpbmUgaGVpZ2h0LlxuICAqL1xuICAtLXRleHQtZXh0cmEtdG9wLXNwYWNlOiBjYWxjKCh2YXIoLS1ncm4tbGluZUhlaWdodC1nbG9iYWwpIC0gdmFyKC0tZ3JuLWNhcCkpIC8gMik7XG4gIC0tcGFkZGluZy1ibG9jazogY2FsYyh2YXIoLS1ncm4tZmllbGQtcGFkZGluZ1gpIC0gdmFyKC0tdGV4dC1leHRyYS10b3Atc3BhY2UpKTtcblxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcmVzaXplOiBub25lO1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYKTtcbiAgcGFkZGluZy1ibG9jazogcm91bmQodXAsIHZhcigtLXBhZGRpbmctYmxvY2spLCAxcHgpO1xuXG4gIC8qXG4gICAgdXNpbmcgYm9yZGVyIHRvIGNyZWF0ZSBib3R0b20gc3BhY2UsXG4gICAgc3BlY2lmaWNhbGx5IGJvcmRlciBtZXRob2QsIHRvIG1ha2Ugc3VyZSB0aGUgc2Nyb2xsIGJlaGF2ZXMgY29ycmVjdGx5XG4gICovXG4gICR7KHsgaGFzQ291bnRlciB9KSA9PiBoYXNDb3VudGVyICYmIGBib3JkZXItYm90dG9tLXdpZHRoOiAke2NvdW50ZXJCYXJIZWlnaHR9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYSA9IGZvcndhcmRSZWYoZnVuY3Rpb24gVGV4dGFyZWEoXG4gIHtcbiAgICB2YWx1ZSxcbiAgICBwbGFjZWhvbGRlcixcbiAgICBsYWJlbCxcbiAgICBpZCxcbiAgICBoYXNFcnJvcixcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgaXNSZWFkT25seSxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGhpbnQsXG4gICAgbWF4TGVuZ3RoLFxuICAgIGNoaWxkcmVuLFxuICAgIHJvd3MgPSAzLFxuICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAuLi5wcm9wc1xuICB9LFxuICByZWYsXG4pIHtcbiAgY29uc3QgaGFzQ291bnRlciA9IEJvb2xlYW4obWF4TGVuZ3RoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgeyhsYWJlbCB8fCBoaW50KSAmJiAoXG4gICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuXG4gICAgICA8VGV4dGFyZWFXcmFwcGVyIG1heExlbmd0aD17bWF4TGVuZ3RofT5cbiAgICAgICAgPFRleHRhcmVhRmllbGRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICBoYXNDb3VudGVyPXtoYXNDb3VudGVyfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgLz5cbiAgICAgICAge2hhc0NvdW50ZXIgJiYgKFxuICAgICAgICAgIDxDb3VudGVyV3JhcHBlcj5cbiAgICAgICAgICAgIDxDb3VudGVyXG4gICAgICAgICAgICAgIGxlbmd0aD17dmFsdWUubGVuZ3RofVxuICAgICAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQ291bnRlcldyYXBwZXI+XG4gICAgICAgICl9XG4gICAgICA8L1RleHRhcmVhV3JhcHBlcj5cblxuICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgIDxCb3ggY29sb3I9XCJjb250ZW50RGFuZ2VyXCIgbWFyZ2luVG9wPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApO1xufSk7XG5cblRleHRhcmVhLkNvdW50ZXIgPSBDb3VudGVyO1xuXG5UZXh0YXJlYS5wcm9wVHlwZXMgPSB7XG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBtYXhMZW5ndGg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHJvd3M6IFByb3BUeXBlcy5udW1iZXIsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG59O1xuIl19 */"));
+}, ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VGV4dFNpemUgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBjb3VudGVyQmFySGVpZ2h0ID0gJzMycHgnO1xuXG5jb25zdCBDb3VudGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICBsZWZ0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICByaWdodDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbmA7XG5cbmNvbnN0IENvdW50ZXJSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lOiAke2dldFNwYWNlKCdzMicpfTtcbiAgaGVpZ2h0OiAke2NvdW50ZXJCYXJIZWlnaHR9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmRDb2xvciB9KSA9PiBnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBmb250LXNpemU6ICR7Z2V0VGV4dFNpemUoJ3MnKX07XG5gO1xuXG5jb25zdCBDb3VudGVyID0gKHsgbGVuZ3RoLCBtYXhMZW5ndGgsIGJhY2tncm91bmRDb2xvciA9ICd2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZCknIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q291bnRlclJvb3RcbiAgICAgIHBhZGRpbmdYPVwic1wiXG4gICAgICBwYWRkaW5nWT1cInhzXCJcbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiZW5kXCJcbiAgICA+XG4gICAgICB7bGVuZ3RofVxuICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnQyXCI+Jm5ic3A7LyB7bWF4TGVuZ3RofTwvQm94PlxuICAgIDwvQ291bnRlclJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gIC8qXG4gICAgdmlzdWFsbHkgbWF0Y2ggeCBhbmQgeSBwYWRkaW5nLlxuICAgIGFwcGx5IHggcGFkZGluZyB0byB5LCBtaW51cyB0ZXh0J3MgdXBwZXIgc3BhY2UgZ2VuZXJhdGVkIGJ5IGxpbmUgaGVpZ2h0LlxuICAqL1xuICAtLXBhZGRpbmdYOiAkeyh7IHNpemUgfSkgPT4gYHZhcigtLWdybi1maWVsZC1wYWRkaW5nWC0ke3NpemV9KWB9O1xuXG4gIC0tdGV4dC1leHRyYS10b3Atc3BhY2U6IGNhbGMoKHZhcigtLWdybi1saW5lSGVpZ2h0LWdsb2JhbCkgLSB2YXIoLS1ncm4tY2FwKSkgLyAyKTtcbiAgLS1wYWRkaW5nLWJsb2NrOiBjYWxjKHZhcigtLXBhZGRpbmdYKSAtIHZhcigtLXRleHQtZXh0cmEtdG9wLXNwYWNlKSk7XG5cbiAgJHsoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yLCBzaXplIH0pID0+IGdldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciwgc2l6ZSB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXBhZGRpbmdYKTtcbiAgcGFkZGluZy1ibG9jazogcm91bmQodXAsIHZhcigtLXBhZGRpbmctYmxvY2spLCAxcHgpO1xuXG4gIC8qXG4gICAgdXNpbmcgYm9yZGVyIHRvIGNyZWF0ZSBib3R0b20gc3BhY2UsXG4gICAgc3BlY2lmaWNhbGx5IGJvcmRlciBtZXRob2QsIHRvIG1ha2Ugc3VyZSB0aGUgc2Nyb2xsIGJlaGF2ZXMgY29ycmVjdGx5XG4gICovXG4gICR7KHsgaGFzQ291bnRlciB9KSA9PiBoYXNDb3VudGVyICYmIGBib3JkZXItYm90dG9tLXdpZHRoOiAke2NvdW50ZXJCYXJIZWlnaHR9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYSA9IGZvcndhcmRSZWYoZnVuY3Rpb24gVGV4dGFyZWEoXG4gIHtcbiAgICB2YWx1ZSxcbiAgICBwbGFjZWhvbGRlcixcbiAgICBsYWJlbCxcbiAgICBpZCxcbiAgICBoYXNFcnJvcixcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgaXNSZWFkT25seSxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGhpbnQsXG4gICAgbWF4TGVuZ3RoLFxuICAgIGNoaWxkcmVuLFxuICAgIHJvd3MgPSAzLFxuICAgIGJhY2tncm91bmRDb2xvcixcbiAgICBzaXplID0gJ20nLFxuICAgIC4uLnByb3BzXG4gIH0sXG4gIHJlZixcbikge1xuICBjb25zdCBoYXNDb3VudGVyID0gQm9vbGVhbihtYXhMZW5ndGgpO1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209XCJ2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcClcIj5cbiAgICAgICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG5cbiAgICAgIDxUZXh0YXJlYVdyYXBwZXIgbWF4TGVuZ3RoPXttYXhMZW5ndGh9PlxuICAgICAgICA8VGV4dGFyZWFGaWVsZFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgIGhhc0NvdW50ZXI9e2hhc0NvdW50ZXJ9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIC8+XG4gICAgICAgIHtoYXNDb3VudGVyICYmIChcbiAgICAgICAgICA8Q291bnRlcldyYXBwZXI+XG4gICAgICAgICAgICA8Q291bnRlclxuICAgICAgICAgICAgICBsZW5ndGg9e3ZhbHVlLmxlbmd0aH1cbiAgICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0NvdW50ZXJXcmFwcGVyPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8Qm94IGNvbG9yPVwiY29udGVudERhbmdlclwiIG1hcmdpblRvcD1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuXG5UZXh0YXJlYS5Db3VudGVyID0gQ291bnRlcjtcblxuVGV4dGFyZWEucHJvcFR5cGVzID0ge1xuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvck1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgbWF4TGVuZ3RoOiBQcm9wVHlwZXMubnVtYmVyLFxuICByb3dzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */"));
 const Counter = _ref2 => {
   let {
     length,
@@ -68,22 +68,29 @@ 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 {
-    hasError,
-    backgroundColor
+    size
   } = _ref4;
+  return "var(--grn-field-paddingX-".concat(size, ")");
+}, ";--text-extra-top-space:calc((var(--grn-lineHeight-global) - var(--grn-cap)) / 2);--padding-block:calc(var(--paddingX) - var(--text-extra-top-space));", _ref5 => {
+  let {
+    hasError,
+    backgroundColor,
+    size
+  } = _ref5;
   return getFieldStyles({
     hasError,
-    backgroundColor
+    backgroundColor,
+    size
   });
-}, ";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(--padding-block), 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VGV4dFNpemUgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBjb3VudGVyQmFySGVpZ2h0ID0gJzMycHgnO1xuXG5jb25zdCBDb3VudGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICBsZWZ0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICByaWdodDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbmA7XG5cbmNvbnN0IENvdW50ZXJSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lOiAke2dldFNwYWNlKCdzMicpfTtcbiAgaGVpZ2h0OiAke2NvdW50ZXJCYXJIZWlnaHR9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmRDb2xvciB9KSA9PiBnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBmb250LXNpemU6ICR7Z2V0VGV4dFNpemUoJ3MnKX07XG5gO1xuXG5jb25zdCBDb3VudGVyID0gKHsgbGVuZ3RoLCBtYXhMZW5ndGgsIGJhY2tncm91bmRDb2xvciA9ICd2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZCknIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q291bnRlclJvb3RcbiAgICAgIHBhZGRpbmdYPVwic1wiXG4gICAgICBwYWRkaW5nWT1cInhzXCJcbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiZW5kXCJcbiAgICA+XG4gICAgICB7bGVuZ3RofVxuICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnQyXCI+Jm5ic3A7LyB7bWF4TGVuZ3RofTwvQm94PlxuICAgIDwvQ291bnRlclJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gIC8qXG4gICAgdmlzdWFsbHkgbWF0Y2ggeCBhbmQgeSBwYWRkaW5nLlxuICAgIGFwcGx5IHggcGFkZGluZyB0byB5LCBtaW51cyB0ZXh0J3MgdXBwZXIgc3BhY2UgZ2VuZXJhdGVkIGJ5IGxpbmUgaGVpZ2h0LlxuICAqL1xuICAtLXRleHQtZXh0cmEtdG9wLXNwYWNlOiBjYWxjKCh2YXIoLS1ncm4tbGluZUhlaWdodC1nbG9iYWwpIC0gdmFyKC0tZ3JuLWNhcCkpIC8gMik7XG4gIC0tcGFkZGluZy1ibG9jazogY2FsYyh2YXIoLS1ncm4tZmllbGQtcGFkZGluZ1gpIC0gdmFyKC0tdGV4dC1leHRyYS10b3Atc3BhY2UpKTtcblxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcmVzaXplOiBub25lO1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYKTtcbiAgcGFkZGluZy1ibG9jazogcm91bmQodXAsIHZhcigtLXBhZGRpbmctYmxvY2spLCAxcHgpO1xuXG4gIC8qXG4gICAgdXNpbmcgYm9yZGVyIHRvIGNyZWF0ZSBib3R0b20gc3BhY2UsXG4gICAgc3BlY2lmaWNhbGx5IGJvcmRlciBtZXRob2QsIHRvIG1ha2Ugc3VyZSB0aGUgc2Nyb2xsIGJlaGF2ZXMgY29ycmVjdGx5XG4gICovXG4gICR7KHsgaGFzQ291bnRlciB9KSA9PiBoYXNDb3VudGVyICYmIGBib3JkZXItYm90dG9tLXdpZHRoOiAke2NvdW50ZXJCYXJIZWlnaHR9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYSA9IGZvcndhcmRSZWYoZnVuY3Rpb24gVGV4dGFyZWEoXG4gIHtcbiAgICB2YWx1ZSxcbiAgICBwbGFjZWhvbGRlcixcbiAgICBsYWJlbCxcbiAgICBpZCxcbiAgICBoYXNFcnJvcixcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgaXNSZWFkT25seSxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGhpbnQsXG4gICAgbWF4TGVuZ3RoLFxuICAgIGNoaWxkcmVuLFxuICAgIHJvd3MgPSAzLFxuICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAuLi5wcm9wc1xuICB9LFxuICByZWYsXG4pIHtcbiAgY29uc3QgaGFzQ291bnRlciA9IEJvb2xlYW4obWF4TGVuZ3RoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgeyhsYWJlbCB8fCBoaW50KSAmJiAoXG4gICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuXG4gICAgICA8VGV4dGFyZWFXcmFwcGVyIG1heExlbmd0aD17bWF4TGVuZ3RofT5cbiAgICAgICAgPFRleHRhcmVhRmllbGRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICBoYXNDb3VudGVyPXtoYXNDb3VudGVyfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgLz5cbiAgICAgICAge2hhc0NvdW50ZXIgJiYgKFxuICAgICAgICAgIDxDb3VudGVyV3JhcHBlcj5cbiAgICAgICAgICAgIDxDb3VudGVyXG4gICAgICAgICAgICAgIGxlbmd0aD17dmFsdWUubGVuZ3RofVxuICAgICAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQ291bnRlcldyYXBwZXI+XG4gICAgICAgICl9XG4gICAgICA8L1RleHRhcmVhV3JhcHBlcj5cblxuICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgIDxCb3ggY29sb3I9XCJjb250ZW50RGFuZ2VyXCIgbWFyZ2luVG9wPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApO1xufSk7XG5cblRleHRhcmVhLkNvdW50ZXIgPSBDb3VudGVyO1xuXG5UZXh0YXJlYS5wcm9wVHlwZXMgPSB7XG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBtYXhMZW5ndGg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHJvd3M6IFByb3BUeXBlcy5udW1iZXIsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG59O1xuIl19 */"));
-export const Textarea = /*#__PURE__*/forwardRef(function Textarea(_ref6, ref) {
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VGV4dFNpemUgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBjb3VudGVyQmFySGVpZ2h0ID0gJzMycHgnO1xuXG5jb25zdCBDb3VudGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICBsZWZ0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICByaWdodDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbmA7XG5cbmNvbnN0IENvdW50ZXJSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lOiAke2dldFNwYWNlKCdzMicpfTtcbiAgaGVpZ2h0OiAke2NvdW50ZXJCYXJIZWlnaHR9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmRDb2xvciB9KSA9PiBnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBmb250LXNpemU6ICR7Z2V0VGV4dFNpemUoJ3MnKX07XG5gO1xuXG5jb25zdCBDb3VudGVyID0gKHsgbGVuZ3RoLCBtYXhMZW5ndGgsIGJhY2tncm91bmRDb2xvciA9ICd2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZCknIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q291bnRlclJvb3RcbiAgICAgIHBhZGRpbmdYPVwic1wiXG4gICAgICBwYWRkaW5nWT1cInhzXCJcbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiZW5kXCJcbiAgICA+XG4gICAgICB7bGVuZ3RofVxuICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnQyXCI+Jm5ic3A7LyB7bWF4TGVuZ3RofTwvQm94PlxuICAgIDwvQ291bnRlclJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gIC8qXG4gICAgdmlzdWFsbHkgbWF0Y2ggeCBhbmQgeSBwYWRkaW5nLlxuICAgIGFwcGx5IHggcGFkZGluZyB0byB5LCBtaW51cyB0ZXh0J3MgdXBwZXIgc3BhY2UgZ2VuZXJhdGVkIGJ5IGxpbmUgaGVpZ2h0LlxuICAqL1xuICAtLXBhZGRpbmdYOiAkeyh7IHNpemUgfSkgPT4gYHZhcigtLWdybi1maWVsZC1wYWRkaW5nWC0ke3NpemV9KWB9O1xuXG4gIC0tdGV4dC1leHRyYS10b3Atc3BhY2U6IGNhbGMoKHZhcigtLWdybi1saW5lSGVpZ2h0LWdsb2JhbCkgLSB2YXIoLS1ncm4tY2FwKSkgLyAyKTtcbiAgLS1wYWRkaW5nLWJsb2NrOiBjYWxjKHZhcigtLXBhZGRpbmdYKSAtIHZhcigtLXRleHQtZXh0cmEtdG9wLXNwYWNlKSk7XG5cbiAgJHsoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yLCBzaXplIH0pID0+IGdldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciwgc2l6ZSB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXBhZGRpbmdYKTtcbiAgcGFkZGluZy1ibG9jazogcm91bmQodXAsIHZhcigtLXBhZGRpbmctYmxvY2spLCAxcHgpO1xuXG4gIC8qXG4gICAgdXNpbmcgYm9yZGVyIHRvIGNyZWF0ZSBib3R0b20gc3BhY2UsXG4gICAgc3BlY2lmaWNhbGx5IGJvcmRlciBtZXRob2QsIHRvIG1ha2Ugc3VyZSB0aGUgc2Nyb2xsIGJlaGF2ZXMgY29ycmVjdGx5XG4gICovXG4gICR7KHsgaGFzQ291bnRlciB9KSA9PiBoYXNDb3VudGVyICYmIGBib3JkZXItYm90dG9tLXdpZHRoOiAke2NvdW50ZXJCYXJIZWlnaHR9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYSA9IGZvcndhcmRSZWYoZnVuY3Rpb24gVGV4dGFyZWEoXG4gIHtcbiAgICB2YWx1ZSxcbiAgICBwbGFjZWhvbGRlcixcbiAgICBsYWJlbCxcbiAgICBpZCxcbiAgICBoYXNFcnJvcixcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgaXNSZWFkT25seSxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGhpbnQsXG4gICAgbWF4TGVuZ3RoLFxuICAgIGNoaWxkcmVuLFxuICAgIHJvd3MgPSAzLFxuICAgIGJhY2tncm91bmRDb2xvcixcbiAgICBzaXplID0gJ20nLFxuICAgIC4uLnByb3BzXG4gIH0sXG4gIHJlZixcbikge1xuICBjb25zdCBoYXNDb3VudGVyID0gQm9vbGVhbihtYXhMZW5ndGgpO1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209XCJ2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcClcIj5cbiAgICAgICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG5cbiAgICAgIDxUZXh0YXJlYVdyYXBwZXIgbWF4TGVuZ3RoPXttYXhMZW5ndGh9PlxuICAgICAgICA8VGV4dGFyZWFGaWVsZFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgIGhhc0NvdW50ZXI9e2hhc0NvdW50ZXJ9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIC8+XG4gICAgICAgIHtoYXNDb3VudGVyICYmIChcbiAgICAgICAgICA8Q291bnRlcldyYXBwZXI+XG4gICAgICAgICAgICA8Q291bnRlclxuICAgICAgICAgICAgICBsZW5ndGg9e3ZhbHVlLmxlbmd0aH1cbiAgICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0NvdW50ZXJXcmFwcGVyPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8Qm94IGNvbG9yPVwiY29udGVudERhbmdlclwiIG1hcmdpblRvcD1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuXG5UZXh0YXJlYS5Db3VudGVyID0gQ291bnRlcjtcblxuVGV4dGFyZWEucHJvcFR5cGVzID0ge1xuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvck1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgbWF4TGVuZ3RoOiBQcm9wVHlwZXMubnVtYmVyLFxuICByb3dzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */"));
+export const Textarea = /*#__PURE__*/forwardRef(function Textarea(_ref7, ref) {
   let {
       value,
       placeholder,
@@ -97,9 +104,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 +127,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,

package/es/foundational/field.js

@@ -9,7 +9,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import { forwardRef } from 'react';
 import { Text, IconButton } from '../components';
 import { IconCross } from '../icons';
-import { getColor, getRadius, getSpace, getTransition, getWeight } from '../utilities';
+import { getColor, getSpace, getTransition, getWeight } from '../utilities';
 import { styles } from './styles';
 import { types } from '../types';
 import PropTypes from 'prop-types';
@@ -22,9 +22,10 @@ export const fieldPlaceholderStyles = "\n  /* these selectors are needed to forc
 export const getFieldStyles = _ref => {
   let {
     hasError,
-    backgroundColor
+    backgroundColor,
+    size
   } = _ref;
-  return "\n  ".concat(styles.transitions, ";\n  appearance: none;\n  display: block;\n  font: inherit;\n  color: inherit;\n  transition-property: border-color;\n  width: 100%;\n  border-radius: ").concat(getRadius('s'), ";\n\n  outline: none;\n  border: var(--grn-border-size) solid;\n  border-color: ").concat(getColor(hasError ? 'contentDanger' : 'var(--grn-field-border-color)'), ";\n  background-color: ").concat(getColor(backgroundColor ? backgroundColor : 'var(--grn-field-background)'), ";\n  ").concat(fieldPlaceholderStyles, ";\n\n  &:disabled {\n    ").concat(fieldDisabledStyles, "\n  }\n  &:read-only {\n    ").concat(fieldDisabledStyles, ";\n    ").concat(safari16Fix, ";\n  }\n\n  ").concat(!hasError && "\n    &:not(:disabled, :read-only) {\n      &:hover {\n        border-color: var(--grn-field-border-color-hover);\n      }\n\n      &:focus {\n        transition: var(--grn-transition-active);\n        border-color: var(--grn-field-border-color-focus);\n      }\n    }\n  ", "\n");
+  return "\n  ".concat(styles.transitions, ";\n  appearance: none;\n  display: block;\n  font: inherit;\n  color: inherit;\n  transition-property: border-color;\n  width: 100%;\n  border-radius: var(--grn-textbox-radius-").concat(size, ");\n\n  outline: none;\n  border: var(--grn-border-size) solid;\n  border-color: ").concat(getColor(hasError ? 'contentDanger' : 'var(--grn-field-border-color)'), ";\n  background-color: ").concat(getColor(backgroundColor ? backgroundColor : 'var(--grn-field-background)'), ";\n  ").concat(fieldPlaceholderStyles, ";\n\n  &:disabled {\n    ").concat(fieldDisabledStyles, "\n  }\n  &:read-only {\n    ").concat(fieldDisabledStyles, ";\n    ").concat(safari16Fix, ";\n  }\n\n  ").concat(!hasError && "\n    &:not(:disabled, :read-only) {\n      &:hover {\n        border-color: var(--grn-field-border-color-hover);\n      }\n\n      &:focus {\n        transition: var(--grn-transition-active);\n        border-color: var(--grn-field-border-color-focus);\n      }\n    }\n  ", "\n");
 };
 const InputFieldRoot = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
   target: "e1swxi6p1"
@@ -34,11 +35,13 @@ const InputFieldRoot = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "p
 })(_ref2 => {
   let {
     hasError,
-    backgroundColor
+    backgroundColor,
+    size
   } = _ref2;
   return getFieldStyles({
     hasError,
-    backgroundColor
+    backgroundColor,
+    size
   });
 }, ";padding:", _ref3 => {
   let {
@@ -51,7 +54,7 @@ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbi8vIGZpeCBmb3Igc2FmYXJpIHYxNiwgaW5jb3JyZWN0IGNvbG9yIHdoZW4gcmVhZC1vbmx5XG5jb25zdCBzYWZhcmkxNkZpeCA9IGBcbiAgQHN1cHBvcnRzIChoYW5naW5nLXB1bmN0dWF0aW9uOiBmaXJzdCkgYW5kIChub3QgKHRleHQtdHJhbnNmb3JtOiBmdWxsLXNpemUta2FuYSkpIHtcbiAgICAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIH1cbiAgICAmOnBsYWNlaG9sZGVyLXNob3duIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICAgIH1cbiAgICAmOm5vdChbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPVwiZGlzYWJsZWRcIl0gJikge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZERpc2FibGVkU3R5bGVzID0gYFxuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWRpc2FibGVkQ29udGVudCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdybi1maWVsZC1iYWNrZ3JvdW5kLWRpc2FibGVkKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWRpc2FibGVkKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZFBsYWNlaG9sZGVyU3R5bGVzID0gYFxuICAvKiB0aGVzZSBzZWxlY3RvcnMgYXJlIG5lZWRlZCB0byBmb3JjZSB0aGUgY29sb3IgKi9cbiAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KTo6cGxhY2Vob2xkZXIsXG4gICY6ZGlzYWJsZWQ6OnBsYWNlaG9sZGVyLFxuICAmOnJlYWQtb25seTo6cGxhY2Vob2xkZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0RmllbGRTdHlsZXMgPSAoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJvcmRlci1jb2xvcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogdmFyKC0tZ3JuLWJvcmRlci1zaXplKSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKGhhc0Vycm9yID8gJ2NvbnRlbnREYW5nZXInIDogJ3ZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3IpJyl9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKGJhY2tncm91bmRDb2xvciA/IGJhY2tncm91bmRDb2xvciA6ICd2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZCknKX07XG4gICR7ZmllbGRQbGFjZWhvbGRlclN0eWxlc307XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgJHtmaWVsZERpc2FibGVkU3R5bGVzfVxuICB9XG4gICY6cmVhZC1vbmx5IHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9O1xuICAgICR7c2FmYXJpMTZGaXh9O1xuICB9XG5cbiAgJHtcbiAgICAhaGFzRXJyb3IgJiZcbiAgICBgXG4gICAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWhvdmVyKTtcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWFjdGl2ZSk7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1mb2N1cyk7XG4gICAgICB9XG4gICAgfVxuICBgXG4gIH1cbmA7XG5cbmNvbnN0IElucHV0RmllbGRSb290ID0gc3R5bGVkLmlucHV0YFxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcGFkZGluZzogJHsoeyBwYWRkaW5nTGVmdCwgcGFkZGluZ1JpZ2h0IH0pID0+XG4gICAgYDAgJHtnZXRTcGFjZShwYWRkaW5nUmlnaHQpfSAwICR7Z2V0U3BhY2UocGFkZGluZ0xlZnQpfWB9O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LSR7c2l6ZX0pYH07XG5gO1xuXG5leHBvcnQgY29uc3QgSW5wdXRGaWVsZCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gSW5wdXRGaWVsZChcbiAge1xuICAgIHBhZGRpbmdMZWZ0LFxuICAgIHBhZGRpbmdSaWdodCxcbiAgICBoYXNFcnJvcixcbiAgICBpc1JlYWRPbmx5LFxuICAgIGlzRGlzYWJsZWQsXG4gICAgYmFja2dyb3VuZENvbG9yLFxuICAgIHNpemUgPSAnbScsXG4gICAgLi4ucHJvcHNcbiAgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IHBhZGRpbmdYID0gYHZhcigtLWdybi1maWVsZC1wYWRkaW5nWC0ke3NpemV9KWA7XG4gIHJldHVybiAoXG4gICAgPElucHV0RmllbGRSb290XG4gICAgICBwYWRkaW5nTGVmdD17cGFkZGluZ0xlZnQgfHwgcGFkZGluZ1h9XG4gICAgICBwYWRkaW5nUmlnaHQ9e3BhZGRpbmdSaWdodCB8fCBwYWRkaW5nWH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufSk7XG5cbklucHV0RmllbGQucHJvcFR5cGVzID0ge1xuICBwYWRkaW5nTGVmdDogdHlwZXMuc3BhY2UsXG4gIHBhZGRpbmdSaWdodDogdHlwZXMuc3BhY2UsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxuICBzaXplOiBQcm9wVHlwZXMub25lT2YoWydtJywgJ2wnXSksXG59O1xuXG5jb25zdCBGaWVsZExhYmVsUm9vdCA9IHN0eWxlZC5sYWJlbGBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgLyogVE9ETzogcmVtb3ZlIGFmdGVyIGRlbGV0aW5nIEJvb3RzdHJhcCAqL1xuICBtYXJnaW46IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEZpZWxkTGFiZWwoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSB7XG4gIHJldHVybiAoXG4gICAgPEZpZWxkTGFiZWxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRmllbGRMYWJlbFJvb3Q+XG4gICk7XG59KTtcblxuRmllbGRMYWJlbC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEZpZWxkSGludCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpIHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICApO1xufSk7XG5cbkZpZWxkSGludC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZENsZWFyQnV0dG9uID0gKHsgb25DbGljaywgdGFnID0gJ2J1dHRvbicsIC4uLnByb3BzIH0pID0+IChcbiAgPEljb25CdXR0b24gaWNvbj17PEljb25Dcm9zcyAvPn0gb25DbGljaz17b25DbGlja30gdGFnPXt0YWd9IHsuLi5wcm9wc30gLz5cbik7XG5cbkZpZWxkQ2xlYXJCdXR0b24ucHJvcFR5cGVzID0ge1xuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG59O1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuXG4vLyBmaXggZm9yIHNhZmFyaSB2MTYsIGluY29ycmVjdCBjb2xvciB3aGVuIHJlYWQtb25seVxuY29uc3Qgc2FmYXJpMTZGaXggPSBgXG4gIEBzdXBwb3J0cyAoaGFuZ2luZy1wdW5jdHVhdGlvbjogZmlyc3QpIGFuZCAobm90ICh0ZXh0LXRyYW5zZm9ybTogZnVsbC1zaXplLWthbmEpKSB7XG4gICAgJjpub3QoOnBsYWNlaG9sZGVyLXNob3duKSB7XG4gICAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgICB9XG4gICAgJjpwbGFjZWhvbGRlci1zaG93biB7XG4gICAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgICB9XG4gICAgJjpub3QoW2RhdGEtaGVhZGxlc3N1aS1zdGF0ZT1cImRpc2FibGVkXCJdICYpIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGREaXNhYmxlZFN0eWxlcyA9IGBcbiAgY29sb3I6IHZhcigtLWdybi1jb2xvci1kaXNhYmxlZENvbnRlbnQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZC1kaXNhYmxlZCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1kaXNhYmxlZCk7XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGRQbGFjZWhvbGRlclN0eWxlcyA9IGBcbiAgLyogdGhlc2Ugc2VsZWN0b3JzIGFyZSBuZWVkZWQgdG8gZm9yY2UgdGhlIGNvbG9yICovXG4gICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSk6OnBsYWNlaG9sZGVyLFxuICAmOmRpc2FibGVkOjpwbGFjZWhvbGRlcixcbiAgJjpyZWFkLW9ubHk6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZpZWxkU3R5bGVzID0gKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciwgc2l6ZSB9KSA9PiBgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tdGV4dGJveC1yYWRpdXMtJHtzaXplfSk7XG5cbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpIHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoaGFzRXJyb3IgPyAnY29udGVudERhbmdlcicgOiAndmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvciknKX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoYmFja2dyb3VuZENvbG9yID8gYmFja2dyb3VuZENvbG9yIDogJ3ZhcigtLWdybi1maWVsZC1iYWNrZ3JvdW5kKScpfTtcbiAgJHtmaWVsZFBsYWNlaG9sZGVyU3R5bGVzfTtcblxuICAmOmRpc2FibGVkIHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9XG4gIH1cbiAgJjpyZWFkLW9ubHkge1xuICAgICR7ZmllbGREaXNhYmxlZFN0eWxlc307XG4gICAgJHtzYWZhcmkxNkZpeH07XG4gIH1cblxuICAke1xuICAgICFoYXNFcnJvciAmJlxuICAgIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3ItaG92ZXIpO1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tYWN0aXZlKTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWZvY3VzKTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbiAgfVxuYDtcblxuY29uc3QgSW5wdXRGaWVsZFJvb3QgPSBzdHlsZWQuaW5wdXRgXG4gICR7KHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciwgc2l6ZSB9KSA9PiBnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IsIHNpemUgfSl9O1xuICBwYWRkaW5nOiAkeyh7IHBhZGRpbmdMZWZ0LCBwYWRkaW5nUmlnaHQgfSkgPT5cbiAgICBgMCAke2dldFNwYWNlKHBhZGRpbmdSaWdodCl9IDAgJHtnZXRTcGFjZShwYWRkaW5nTGVmdCl9YH07XG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IGB2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtJHtzaXplfSlgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihmdW5jdGlvbiBJbnB1dEZpZWxkKFxuICB7XG4gICAgcGFkZGluZ0xlZnQsXG4gICAgcGFkZGluZ1JpZ2h0LFxuICAgIGhhc0Vycm9yLFxuICAgIGlzUmVhZE9ubHksXG4gICAgaXNEaXNhYmxlZCxcbiAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgc2l6ZSA9ICdtJyxcbiAgICAuLi5wcm9wc1xuICB9LFxuICByZWYsXG4pIHtcbiAgY29uc3QgcGFkZGluZ1ggPSBgdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYLSR7c2l6ZX0pYDtcbiAgcmV0dXJuIChcbiAgICA8SW5wdXRGaWVsZFJvb3RcbiAgICAgIHBhZGRpbmdMZWZ0PXtwYWRkaW5nTGVmdCB8fCBwYWRkaW5nWH1cbiAgICAgIHBhZGRpbmdSaWdodD17cGFkZGluZ1JpZ2h0IHx8IHBhZGRpbmdYfVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59KTtcblxuSW5wdXRGaWVsZC5wcm9wVHlwZXMgPSB7XG4gIHBhZGRpbmdMZWZ0OiB0eXBlcy5zcGFjZSxcbiAgcGFkZGluZ1JpZ2h0OiB0eXBlcy5zcGFjZSxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG4gIHNpemU6IFByb3BUeXBlcy5vbmVPZihbJ20nLCAnbCddKSxcbn07XG5cbmNvbnN0IEZpZWxkTGFiZWxSb290ID0gc3R5bGVkLmxhYmVsYFxuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcblxuICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gIG1hcmdpbjogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gRmllbGRMYWJlbCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpIHtcbiAgcmV0dXJuIChcbiAgICA8RmllbGRMYWJlbFJvb3QgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9GaWVsZExhYmVsUm9vdD5cbiAgKTtcbn0pO1xuXG5GaWVsZExhYmVsLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gRmllbGRIaW50KHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikge1xuICByZXR1cm4gKFxuICAgIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIiByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gICk7XG59KTtcblxuRmllbGRIaW50LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkQ2xlYXJCdXR0b24gPSAoeyBvbkNsaWNrLCB0YWcgPSAnYnV0dG9uJywgLi4ucHJvcHMgfSkgPT4gKFxuICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsaWNrfSB0YWc9e3RhZ30gey4uLnByb3BzfSAvPlxuKTtcblxuRmllbGRDbGVhckJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbn07XG4iXX0= */"));
 export const InputField = /*#__PURE__*/forwardRef(function InputField(_ref5, ref) {
   let {
       paddingLeft,
@@ -89,7 +92,7 @@ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThIbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbi8vIGZpeCBmb3Igc2FmYXJpIHYxNiwgaW5jb3JyZWN0IGNvbG9yIHdoZW4gcmVhZC1vbmx5XG5jb25zdCBzYWZhcmkxNkZpeCA9IGBcbiAgQHN1cHBvcnRzIChoYW5naW5nLXB1bmN0dWF0aW9uOiBmaXJzdCkgYW5kIChub3QgKHRleHQtdHJhbnNmb3JtOiBmdWxsLXNpemUta2FuYSkpIHtcbiAgICAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIH1cbiAgICAmOnBsYWNlaG9sZGVyLXNob3duIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICAgIH1cbiAgICAmOm5vdChbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPVwiZGlzYWJsZWRcIl0gJikge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZERpc2FibGVkU3R5bGVzID0gYFxuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWRpc2FibGVkQ29udGVudCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdybi1maWVsZC1iYWNrZ3JvdW5kLWRpc2FibGVkKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWRpc2FibGVkKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZFBsYWNlaG9sZGVyU3R5bGVzID0gYFxuICAvKiB0aGVzZSBzZWxlY3RvcnMgYXJlIG5lZWRlZCB0byBmb3JjZSB0aGUgY29sb3IgKi9cbiAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KTo6cGxhY2Vob2xkZXIsXG4gICY6ZGlzYWJsZWQ6OnBsYWNlaG9sZGVyLFxuICAmOnJlYWQtb25seTo6cGxhY2Vob2xkZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0RmllbGRTdHlsZXMgPSAoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJvcmRlci1jb2xvcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogdmFyKC0tZ3JuLWJvcmRlci1zaXplKSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKGhhc0Vycm9yID8gJ2NvbnRlbnREYW5nZXInIDogJ3ZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3IpJyl9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKGJhY2tncm91bmRDb2xvciA/IGJhY2tncm91bmRDb2xvciA6ICd2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZCknKX07XG4gICR7ZmllbGRQbGFjZWhvbGRlclN0eWxlc307XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgJHtmaWVsZERpc2FibGVkU3R5bGVzfVxuICB9XG4gICY6cmVhZC1vbmx5IHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9O1xuICAgICR7c2FmYXJpMTZGaXh9O1xuICB9XG5cbiAgJHtcbiAgICAhaGFzRXJyb3IgJiZcbiAgICBgXG4gICAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWhvdmVyKTtcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWFjdGl2ZSk7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1mb2N1cyk7XG4gICAgICB9XG4gICAgfVxuICBgXG4gIH1cbmA7XG5cbmNvbnN0IElucHV0RmllbGRSb290ID0gc3R5bGVkLmlucHV0YFxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcGFkZGluZzogJHsoeyBwYWRkaW5nTGVmdCwgcGFkZGluZ1JpZ2h0IH0pID0+XG4gICAgYDAgJHtnZXRTcGFjZShwYWRkaW5nUmlnaHQpfSAwICR7Z2V0U3BhY2UocGFkZGluZ0xlZnQpfWB9O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LSR7c2l6ZX0pYH07XG5gO1xuXG5leHBvcnQgY29uc3QgSW5wdXRGaWVsZCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gSW5wdXRGaWVsZChcbiAge1xuICAgIHBhZGRpbmdMZWZ0LFxuICAgIHBhZGRpbmdSaWdodCxcbiAgICBoYXNFcnJvcixcbiAgICBpc1JlYWRPbmx5LFxuICAgIGlzRGlzYWJsZWQsXG4gICAgYmFja2dyb3VuZENvbG9yLFxuICAgIHNpemUgPSAnbScsXG4gICAgLi4ucHJvcHNcbiAgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IHBhZGRpbmdYID0gYHZhcigtLWdybi1maWVsZC1wYWRkaW5nWC0ke3NpemV9KWA7XG4gIHJldHVybiAoXG4gICAgPElucHV0RmllbGRSb290XG4gICAgICBwYWRkaW5nTGVmdD17cGFkZGluZ0xlZnQgfHwgcGFkZGluZ1h9XG4gICAgICBwYWRkaW5nUmlnaHQ9e3BhZGRpbmdSaWdodCB8fCBwYWRkaW5nWH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufSk7XG5cbklucHV0RmllbGQucHJvcFR5cGVzID0ge1xuICBwYWRkaW5nTGVmdDogdHlwZXMuc3BhY2UsXG4gIHBhZGRpbmdSaWdodDogdHlwZXMuc3BhY2UsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxuICBzaXplOiBQcm9wVHlwZXMub25lT2YoWydtJywgJ2wnXSksXG59O1xuXG5jb25zdCBGaWVsZExhYmVsUm9vdCA9IHN0eWxlZC5sYWJlbGBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgLyogVE9ETzogcmVtb3ZlIGFmdGVyIGRlbGV0aW5nIEJvb3RzdHJhcCAqL1xuICBtYXJnaW46IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEZpZWxkTGFiZWwoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSB7XG4gIHJldHVybiAoXG4gICAgPEZpZWxkTGFiZWxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRmllbGRMYWJlbFJvb3Q+XG4gICk7XG59KTtcblxuRmllbGRMYWJlbC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEZpZWxkSGludCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpIHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICApO1xufSk7XG5cbkZpZWxkSGludC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZENsZWFyQnV0dG9uID0gKHsgb25DbGljaywgdGFnID0gJ2J1dHRvbicsIC4uLnByb3BzIH0pID0+IChcbiAgPEljb25CdXR0b24gaWNvbj17PEljb25Dcm9zcyAvPn0gb25DbGljaz17b25DbGlja30gdGFnPXt0YWd9IHsuLi5wcm9wc30gLz5cbik7XG5cbkZpZWxkQ2xlYXJCdXR0b24ucHJvcFR5cGVzID0ge1xuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG59O1xuIl19 */"));
+})("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThIbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuXG4vLyBmaXggZm9yIHNhZmFyaSB2MTYsIGluY29ycmVjdCBjb2xvciB3aGVuIHJlYWQtb25seVxuY29uc3Qgc2FmYXJpMTZGaXggPSBgXG4gIEBzdXBwb3J0cyAoaGFuZ2luZy1wdW5jdHVhdGlvbjogZmlyc3QpIGFuZCAobm90ICh0ZXh0LXRyYW5zZm9ybTogZnVsbC1zaXplLWthbmEpKSB7XG4gICAgJjpub3QoOnBsYWNlaG9sZGVyLXNob3duKSB7XG4gICAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgICB9XG4gICAgJjpwbGFjZWhvbGRlci1zaG93biB7XG4gICAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgICB9XG4gICAgJjpub3QoW2RhdGEtaGVhZGxlc3N1aS1zdGF0ZT1cImRpc2FibGVkXCJdICYpIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGREaXNhYmxlZFN0eWxlcyA9IGBcbiAgY29sb3I6IHZhcigtLWdybi1jb2xvci1kaXNhYmxlZENvbnRlbnQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZC1kaXNhYmxlZCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1kaXNhYmxlZCk7XG5gO1xuXG5leHBvcnQgY29uc3QgZmllbGRQbGFjZWhvbGRlclN0eWxlcyA9IGBcbiAgLyogdGhlc2Ugc2VsZWN0b3JzIGFyZSBuZWVkZWQgdG8gZm9yY2UgdGhlIGNvbG9yICovXG4gICY6bm90KDpkaXNhYmxlZCwgOnJlYWQtb25seSk6OnBsYWNlaG9sZGVyLFxuICAmOmRpc2FibGVkOjpwbGFjZWhvbGRlcixcbiAgJjpyZWFkLW9ubHk6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWZpZWxkLXBsYWNlaG9sZGVyLWNvbG9yKTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZpZWxkU3R5bGVzID0gKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciwgc2l6ZSB9KSA9PiBgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tdGV4dGJveC1yYWRpdXMtJHtzaXplfSk7XG5cbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpIHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoaGFzRXJyb3IgPyAnY29udGVudERhbmdlcicgOiAndmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvciknKX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoYmFja2dyb3VuZENvbG9yID8gYmFja2dyb3VuZENvbG9yIDogJ3ZhcigtLWdybi1maWVsZC1iYWNrZ3JvdW5kKScpfTtcbiAgJHtmaWVsZFBsYWNlaG9sZGVyU3R5bGVzfTtcblxuICAmOmRpc2FibGVkIHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9XG4gIH1cbiAgJjpyZWFkLW9ubHkge1xuICAgICR7ZmllbGREaXNhYmxlZFN0eWxlc307XG4gICAgJHtzYWZhcmkxNkZpeH07XG4gIH1cblxuICAke1xuICAgICFoYXNFcnJvciAmJlxuICAgIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3ItaG92ZXIpO1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogdmFyKC0tZ3JuLXRyYW5zaXRpb24tYWN0aXZlKTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWZvY3VzKTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbiAgfVxuYDtcblxuY29uc3QgSW5wdXRGaWVsZFJvb3QgPSBzdHlsZWQuaW5wdXRgXG4gICR7KHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciwgc2l6ZSB9KSA9PiBnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IsIHNpemUgfSl9O1xuICBwYWRkaW5nOiAkeyh7IHBhZGRpbmdMZWZ0LCBwYWRkaW5nUmlnaHQgfSkgPT5cbiAgICBgMCAke2dldFNwYWNlKHBhZGRpbmdSaWdodCl9IDAgJHtnZXRTcGFjZShwYWRkaW5nTGVmdCl9YH07XG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IGB2YXIoLS1ncm4tdGV4dGJveC1oZWlnaHQtJHtzaXplfSlgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihmdW5jdGlvbiBJbnB1dEZpZWxkKFxuICB7XG4gICAgcGFkZGluZ0xlZnQsXG4gICAgcGFkZGluZ1JpZ2h0LFxuICAgIGhhc0Vycm9yLFxuICAgIGlzUmVhZE9ubHksXG4gICAgaXNEaXNhYmxlZCxcbiAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgc2l6ZSA9ICdtJyxcbiAgICAuLi5wcm9wc1xuICB9LFxuICByZWYsXG4pIHtcbiAgY29uc3QgcGFkZGluZ1ggPSBgdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYLSR7c2l6ZX0pYDtcbiAgcmV0dXJuIChcbiAgICA8SW5wdXRGaWVsZFJvb3RcbiAgICAgIHBhZGRpbmdMZWZ0PXtwYWRkaW5nTGVmdCB8fCBwYWRkaW5nWH1cbiAgICAgIHBhZGRpbmdSaWdodD17cGFkZGluZ1JpZ2h0IHx8IHBhZGRpbmdYfVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59KTtcblxuSW5wdXRGaWVsZC5wcm9wVHlwZXMgPSB7XG4gIHBhZGRpbmdMZWZ0OiB0eXBlcy5zcGFjZSxcbiAgcGFkZGluZ1JpZ2h0OiB0eXBlcy5zcGFjZSxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG4gIHNpemU6IFByb3BUeXBlcy5vbmVPZihbJ20nLCAnbCddKSxcbn07XG5cbmNvbnN0IEZpZWxkTGFiZWxSb290ID0gc3R5bGVkLmxhYmVsYFxuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcblxuICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gIG1hcmdpbjogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gRmllbGRMYWJlbCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpIHtcbiAgcmV0dXJuIChcbiAgICA8RmllbGRMYWJlbFJvb3QgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9GaWVsZExhYmVsUm9vdD5cbiAgKTtcbn0pO1xuXG5GaWVsZExhYmVsLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gRmllbGRIaW50KHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikge1xuICByZXR1cm4gKFxuICAgIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIiByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gICk7XG59KTtcblxuRmllbGRIaW50LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxufTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkQ2xlYXJCdXR0b24gPSAoeyBvbkNsaWNrLCB0YWcgPSAnYnV0dG9uJywgLi4ucHJvcHMgfSkgPT4gKFxuICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsaWNrfSB0YWc9e3RhZ30gey4uLnByb3BzfSAvPlxuKTtcblxuRmllbGRDbGVhckJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbn07XG4iXX0= */"));
 export const FieldLabel = /*#__PURE__*/forwardRef(function FieldLabel(_ref6, ref) {
   let {
       children

package/es/styles/foundational.js

@@ -4,7 +4,7 @@ const capValue = "\n  :root {\n    @supports not (font-size: 1cap) { --grn-cap-v
 export const capVariables = "\n  :root {\n    --grn-cap: var(--grn-cap-value);\n    --grn-lh: var(--grn-lh-value);\n\n    --grn-cap-lh-offset: calc((var(--grn-lh) - var(--grn-cap)) / 2);\n    --grn-cap-lh-offset-neg: calc((var(--grn-lh) - var(--grn-cap)) / -2);\n  }\n";
 export const fieldVariables = "\n  :root, [data-theme], .grn-scope-next {\n    --grn-field-paddingX: var(--grn-space-s2);\n    --grn-field-paddingX-m: var(--grn-space-s2);\n    --grn-field-paddingX-l: var(--grn-textbox-paddingX-l);\n\n    --grn-field-border-color: transparent;\n    --grn-field-border-color-hover: var(--grn-color-fade4);\n    --grn-field-border-color-focus: var(--grn-color-shade7);\n    --grn-field-border-color-disabled: transparent;\n    --grn-field-background: var(--grn-color-shade3);\n    --grn-field-background-disabled: var(--grn-color-shade3);\n    --grn-field-placeholder-color: var(--grn-color-shade7);\n  }\n";
 const experiments = "\n  [data-experiment-compact-textbox=\"true\"] {\n    --grn-textBoxHeight: 36px;\n\n    --grn-textbox-height-m: 36px;\n    --grn-textbox-paddingX-m: var(--grn-space-s2);\n  }\n  :root [data-experiment-lighter-fields='true'],\n  [data-theme][data-experiment-lighter-fields='true'] {\n    --grn-field-border-color: var(--grn-color-fade2);\n  }\n\n  [data-experiment-match-button-and-field-padding=\"true\"] {\n    --grn-field-paddingX: 14px;\n    --grn-field-paddingX-m: 14px;\n    --grn-textbox-paddingX-m: 14px;\n  }\n";
-export const textboxVariables = "\n  :root {\n    --grn-textbox-height-s: 28px;\n    --grn-textbox-paddingX-s: var(--grn-space-s);\n    --grn-textbox-radius-s: var(--grn-radius-xs);\n    --grn-textbox-text-s: var(--grn-text-s);\n\n    --grn-textbox-height-m: 40px;\n    --grn-textbox-paddingX-m: var(--grn-space-m);\n    --grn-textbox-radius-m: var(--grn-radius-s);\n    --grn-textbox-text-m: var(--grn-text-m);\n\n    --grn-textbox-height-l: 48px;\n    --grn-textbox-paddingX-l: 18px;\n    --grn-textbox-radius-l: var(--grn-radius-m);\n    --grn-textbox-text-l: var(--grn-text-m);\n  }\n";
+export const textboxVariables = "\n  :root {\n    --grn-textbox-height-s: 28px;\n    --grn-textbox-paddingX-s: var(--grn-space-s);\n    --grn-textbox-radius-s: var(--grn-radius-xs);\n    --grn-textbox-text-s: var(--grn-text-s);\n\n    --grn-textbox-height-m: 40px;\n    --grn-textbox-paddingX-m: var(--grn-space-s2);\n    --grn-textbox-radius-m: var(--grn-radius-s);\n    --grn-textbox-text-m: var(--grn-text-m);\n\n    --grn-textbox-height-l: 48px;\n    --grn-textbox-paddingX-l: 16px;\n    --grn-textbox-radius-l: var(--grn-radius-m);\n    --grn-textbox-text-l: var(--grn-text-m);\n  }\n";
 export const clearbuttonVariables = "\n  :root {\n    --grn-clearbutton-height: 36px;\n  }\n";
 export const formVariables = "\n  :root {\n    --grn-form-title-content-gap: var(--grn-space-l);\n    --grn-form-contents-gap: var(--grn-space-m);\n    --grn-form-content-actions-gap: var(--grn-space-xl);\n    --grn-form-control-label-gap: var(--grn-space-s);\n  }\n";
 export const transitionVariables = "\n  :root {\n    --grn-transition-leave: var(--grn-transition-slow);\n    --grn-transition-hover: var(--grn-transition-fast);\n    --grn-transition-active: var(--grn-transition-xxFast);\n  }\n";

package/es/styles/variables.js

@@ -1,2 +1,2 @@
-const variables = "\n  :root {\n    --grn-unit: 8px;\n  }\n\n  :root {\n    --grn-text-s: 12px;\n    --grn-text-m: 14px;\n    --grn-text-l: 18px;\n    --grn-text-xl: 24px;\n    --grn-text-xxl: 30px;\n  }\n\n  /* text size \u2715 ~1.2 */\n  :root {\n    --grn-icon-s: 14px;\n    --grn-icon-m: 18px;\n    --grn-icon-l: 22px;\n    --grn-icon-xl: 28px;\n    --grn-icon-xxl: 36px;\n  }\n\n  :root {\n    --grn-weight-normal: 400;\n    --grn-weight-medium: 500;\n  }\n\n  :root {\n    --grn-space-xs: calc(var(--grn-unit) / 2);\n    --grn-space-s: calc(var(--grn-unit) * 1);\n    --grn-space-s2: calc(var(--grn-unit) * 1.5);\n    --grn-space-m: calc(var(--grn-unit) * 2);\n    --grn-space-l: calc(var(--grn-unit) * 3);\n    --grn-space-l2: calc(var(--grn-unit) * 4);\n    --grn-space-xl: calc(var(--grn-unit) * 5);\n    --grn-space-xl2: calc(var(--grn-unit) * 6);\n    --grn-space-xxl: calc(var(--grn-unit) * 7);\n  }\n\n  :root {\n    --grn-radius-xs: 3px;\n    --grn-radius-s: 6px;\n    --grn-radius-m: 8px;\n    --grn-radius-l: 10px;\n  }\n\n  :root:has(body[data-experiment-squircle=\"true\"]) {\n    --rr: 1.8375;\n\n    --grn-radius-xs: calc(3px * var(--rr));\n    --grn-radius-s: calc(6px * var(--rr));\n    --grn-radius-m: calc(8px * var(--rr));\n    --grn-radius-l: calc(10px * var(--rr));\n  }\n  [data-experiment-squircle=\"true\"] * {\n    corner-shape: squircle;\n  }\n  [data-experiment-squircle=\"true\"] .extgwng0,\n  [data-experiment-squircle=\"true\"] .ez8kn7b1 {\n    corner-shape: round !important;\n  }\n\n\n  [data-experiment-new-brand-radii=\"true\"] {\n    --grn-radius-xs: 4px;\n    --grn-radius-s: 8px;\n    --grn-radius-m: 12px;\n    --grn-radius-l: 16px;\n  }\n\n  [data-experiment-squircle=\"true\"][data-experiment-new-brand-radii=\"true\"] {\n    --rr: 1.8375;\n\n    --grn-radius-xs: calc(4px * var(--rr));\n    --grn-radius-s: calc(8px * var(--rr));\n    --grn-radius-m: calc(12px * var(--rr));\n    --grn-radius-l: calc(16px * var(--rr));\n  }\n\n  :root {\n    --grn-transition-slow: 400ms;\n    --grn-transition-fast: 200ms;\n    --grn-transition-xFast: 160ms;\n    --grn-transition-xxFast: 80ms;\n  }\n";
+const variables = "\n  :root {\n    --grn-unit: 8px;\n  }\n\n  :root {\n    --grn-text-s: 12px;\n    --grn-text-m: 14px;\n    --grn-text-l: 18px;\n    --grn-text-xl: 24px;\n    --grn-text-xxl: 30px;\n  }\n\n  /* text size \u2715 ~1.2 */\n  :root {\n    --grn-icon-s: 14px;\n    --grn-icon-m: 18px;\n    --grn-icon-l: 22px;\n    --grn-icon-xl: 28px;\n    --grn-icon-xxl: 36px;\n  }\n\n  :root {\n    --grn-weight-normal: 400;\n    --grn-weight-medium: 500;\n  }\n\n  :root {\n    --grn-space-xs: calc(var(--grn-unit) / 2);\n    --grn-space-s: calc(var(--grn-unit) * 1);\n    --grn-space-s2: calc(var(--grn-unit) * 1.5);\n    --grn-space-m: calc(var(--grn-unit) * 2);\n    --grn-space-l: calc(var(--grn-unit) * 3);\n    --grn-space-l2: calc(var(--grn-unit) * 4);\n    --grn-space-xl: calc(var(--grn-unit) * 5);\n    --grn-space-xl2: calc(var(--grn-unit) * 6);\n    --grn-space-xxl: calc(var(--grn-unit) * 7);\n  }\n\n  :root {\n    --grn-radius-xs: 4px;\n    --grn-radius-s: 6px;\n    --grn-radius-m: 10px;\n    --grn-radius-l: 14px;\n  }\n\n  :root:has(body[data-experiment-squircle=\"true\"]) {\n    --rr: 1.8375;\n\n    --grn-radius-xs: calc(3px * var(--rr));\n    --grn-radius-s: calc(6px * var(--rr));\n    --grn-radius-m: calc(8px * var(--rr));\n    --grn-radius-l: calc(10px * var(--rr));\n  }\n  [data-experiment-squircle=\"true\"] * {\n    corner-shape: squircle;\n  }\n  [data-experiment-squircle=\"true\"] .extgwng0,\n  [data-experiment-squircle=\"true\"] .ez8kn7b1 {\n    corner-shape: round !important;\n  }\n\n\n  [data-experiment-new-brand-radii=\"true\"] {\n    --grn-radius-xs: 4px;\n    --grn-radius-s: 8px;\n    --grn-radius-m: 12px;\n    --grn-radius-l: 16px;\n  }\n\n  [data-experiment-squircle=\"true\"][data-experiment-new-brand-radii=\"true\"] {\n    --rr: 1.8375;\n\n    --grn-radius-xs: calc(4px * var(--rr));\n    --grn-radius-s: calc(8px * var(--rr));\n    --grn-radius-m: calc(12px * var(--rr));\n    --grn-radius-l: calc(16px * var(--rr));\n  }\n\n  :root {\n    --grn-transition-slow: 400ms;\n    --grn-transition-fast: 200ms;\n    --grn-transition-xFast: 160ms;\n    --grn-transition-xxFast: 80ms;\n  }\n";
 export default variables;

package/package.json

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