@flodesk/grain 11.44.0 → 11.46.0

package/es/components/button.js

@@ -61,7 +61,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:", getRadius('s'), ";height:var(--grn-textbox-height-m);padding:0 ", getSpace('m'), ";background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", p => p.hasFullWidth && "width: 100%", ";", p => tagStyles[p.as], ";", _ref => {
+})(styles.transitions, ";", styles.buttonReset, ";position:relative;border:none;border-width:var(--grn-border-size);border-style:solid;border-radius:", getRadius('s'), ";height:var(--grn-textbox-height-m);padding:0 var(--grn-textbox-paddingX-m);background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", p => p.hasFullWidth && "width: 100%", ";", p => tagStyles[p.as], ";", _ref => {
   let {
     variant
   } = _ref;
@@ -71,7 +71,7 @@ const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "product
     hasSpinner
   } = _ref2;
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkQ2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJy4vc3Bpbm5lcic7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBpY29uSW52ZXJ0ID0gJ2hzbCh2YXIoLS1IUykgdmFyKC0tYmFja2dyb3VuZEwpIC8gdmFyKC0tZmFkZTEwLWEpKSc7XG5cbmNvbnN0IHZhcmlhbnRDb2xvcnMgPSB7XG4gIGFjY2VudDoge1xuICAgIGljb246IGljb25JbnZlcnQsXG4gICAgY29udGVudDogJ3NoYWRlMicsXG4gICAgYm9yZGVyOiAndHJhbnNwYXJlbnQnLFxuICAgIGJhY2tncm91bmQ6ICdzaGFkZTEyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdzaGFkZTEwJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnc2hhZGU5JyxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgaWNvbjogJ2hzbCgwIDAlIDEwMCUgLyB2YXIoLS1mYWRlOC1hKSknLFxuICAgIGNvbnRlbnQ6ICd2YXIoLS13aGl0ZSknLFxuICAgIGJvcmRlcjogJ3RyYW5zcGFyZW50JyxcbiAgICBiYWNrZ3JvdW5kOiAnZGFuZ2VyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdoc2wodmFyKC0tcmVkSFMpIGNhbGModmFyKC0tcmVkTCkgKyA0JSkpJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnaHNsKHZhcigtLXJlZEhTKSBjYWxjKHZhcigtLXJlZEwpICsgNyUpKScsXG4gIH0sXG4gIG5ldXRyYWw6IHtcbiAgICBpY29uOiAnaWNvbicsXG4gICAgY29udGVudDogJ2NvbnRlbnQnLFxuICAgIGJvcmRlcjogJ2ZhZGU0JyxcbiAgICBib3JkZXJIb3ZlcjogJ2ZhZGU2JyxcbiAgICBib3JkZXJBY3RpdmU6ICdzaGFkZTgnLFxuICAgIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59O1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIDAlLCAyNSUgeyBvcGFjaXR5OiAwIH1cbmA7XG5cbmNvbnN0IHRhZ1N0eWxlcyA9IHtcbiAgYTogYFxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGAsXG4gIGJ1dHRvbjogYGAsXG4gIHNwYW46IGBcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgLFxufTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBoZWlnaHQ6IHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKTtcbiAgcGFkZGluZzogMCAke2dldFNwYWNlKCdtJyl9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuICAke3AgPT4gdGFnU3R5bGVzW3AuYXNdfTtcblxuICAkeyh7IHZhcmlhbnQgfSkgPT4gYFxuICAgIC0taWNvbkNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uaWNvbil9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlcil9O1xuICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kKX07XG5cbiAgICBAbWVkaWEoaG92ZXI6IGhvdmVyKSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgLS1pY29uQ29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgICAgICAgJHtcbiAgICAgICAgICB2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRIb3ZlciAmJlxuICAgICAgICAgIGBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZEhvdmVyKX1gXG4gICAgICAgIH07XG4gICAgICAgICR7XG4gICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJIb3ZlciAmJlxuICAgICAgICAgIGBib3JkZXItY29sb3I6JHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckhvdmVyKX1gXG4gICAgICAgIH07XG5cbiAgICAgICAgLy8gc2V0IGNvbG9yIHRvIHByZXZlbnQgaW5oZXJpdGluZyBmcm9tIG91dGlzZGUgcmVzZXRcbiAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5jb250ZW50KX07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgJHtcbiAgICAgICAgICB2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRBY3RpdmUgJiZcbiAgICAgICAgICBgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRBY3RpdmUpfWBcbiAgICAgICAgfTtcbiAgICAgICAgICR7XG4gICAgICAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVyQWN0aXZlICYmXG4gICAgICAgICAgIGBib3JkZXItY29sb3I6JHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckFjdGl2ZSl9YFxuICAgICAgICAgfTtcbiAgICAgIH1cbiAgICB9XG4gIGB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgLS1pY29uQ29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkSWNvbicpfTtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQmFja2dyb3VuZCcpfTtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5cbiAgLkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gIH1cblxuICAuYnV0dG9uVGV4dCxcbiAgLkljb24ge1xuICAgICR7KHsgaGFzU3Bpbm5lciB9KSA9PlxuICAgICAgaGFzU3Bpbm5lciAmJlxuICAgICAgYFxuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICAgIGB9XG4gIH1cblxuICAuYnV0dG9uU3Bpbm5lciB7XG4gICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuICB9XG5cbiAgW2RhdGEtZXhwZXJpbWVudC1yb3VuZGVkLWJ1dHRvbl0gJiB7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LW0pO1xuICB9XG5cbiAgW2RhdGEtZXhwZXJpbWVudC1jb21wYWN0LXRleHRib3hdICYge1xuICAgIHBhZGRpbmc6IDAgJHtnZXRTcGFjZSgnczInKX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgICBoYXNGdWxsV2lkdGgsXG4gICAgICBoYXNTcGlubmVyLFxuICAgICAgdHlwZSA9ICdidXR0b24nLFxuICAgICAgdGFnID0gJ2J1dHRvbicsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH1cbiAgICAgICAgaGFzU3Bpbm5lcj17aGFzU3Bpbm5lcn1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGFzPXt0YWd9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgKFxuICAgICAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIGNsYXNzTmFtZT1cImJ1dHRvblNwaW5uZXJcIj5cbiAgICAgICAgICAgIDxTcGlubmVyIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJ2YXIoLS1pY29uQ29sb3IpXCIgLz59XG4gICAgICAgIDxUZXh0IGNsYXNzTmFtZT1cImJ1dHRvblRleHRcIj57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG4gIH0sXG4pO1xuXG5CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgdmFyaWFudDogdHlwZXMuYnV0dG9uVmFyaWFudCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxuICBoYXNTcGlubmVyOiBQcm9wVHlwZXMuYm9vbCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG59O1xuIl19 */"));
+}, ";}.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkQ2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJy4vc3Bpbm5lcic7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBpY29uSW52ZXJ0ID0gJ2hzbCh2YXIoLS1IUykgdmFyKC0tYmFja2dyb3VuZEwpIC8gdmFyKC0tZmFkZTEwLWEpKSc7XG5cbmNvbnN0IHZhcmlhbnRDb2xvcnMgPSB7XG4gIGFjY2VudDoge1xuICAgIGljb246IGljb25JbnZlcnQsXG4gICAgY29udGVudDogJ3NoYWRlMicsXG4gICAgYm9yZGVyOiAndHJhbnNwYXJlbnQnLFxuICAgIGJhY2tncm91bmQ6ICdzaGFkZTEyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdzaGFkZTEwJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnc2hhZGU5JyxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgaWNvbjogJ2hzbCgwIDAlIDEwMCUgLyB2YXIoLS1mYWRlOC1hKSknLFxuICAgIGNvbnRlbnQ6ICd2YXIoLS13aGl0ZSknLFxuICAgIGJvcmRlcjogJ3RyYW5zcGFyZW50JyxcbiAgICBiYWNrZ3JvdW5kOiAnZGFuZ2VyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdoc2wodmFyKC0tcmVkSFMpIGNhbGModmFyKC0tcmVkTCkgKyA0JSkpJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnaHNsKHZhcigtLXJlZEhTKSBjYWxjKHZhcigtLXJlZEwpICsgNyUpKScsXG4gIH0sXG4gIG5ldXRyYWw6IHtcbiAgICBpY29uOiAnaWNvbicsXG4gICAgY29udGVudDogJ2NvbnRlbnQnLFxuICAgIGJvcmRlcjogJ2ZhZGU0JyxcbiAgICBib3JkZXJIb3ZlcjogJ2ZhZGU2JyxcbiAgICBib3JkZXJBY3RpdmU6ICdzaGFkZTgnLFxuICAgIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59O1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIDAlLCAyNSUgeyBvcGFjaXR5OiAwIH1cbmA7XG5cbmNvbnN0IHRhZ1N0eWxlcyA9IHtcbiAgYTogYFxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGAsXG4gIGJ1dHRvbjogYGAsXG4gIHNwYW46IGBcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgLFxufTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBoZWlnaHQ6IHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKTtcbiAgcGFkZGluZzogMCB2YXIoLS1ncm4tdGV4dGJveC1wYWRkaW5nWC1tKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDEycHg7XG4gICR7cCA9PiBwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IDEwMCVgfTtcbiAgJHtwID0+IHRhZ1N0eWxlc1twLmFzXX07XG5cbiAgJHsoeyB2YXJpYW50IH0pID0+IGBcbiAgICAtLWljb25Db2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmljb24pfTtcbiAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXIpfTtcbiAgICBjb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmNvbnRlbnQpfTtcbiAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZCl9O1xuXG4gICAgQG1lZGlhKGhvdmVyOiBob3Zlcikge1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIC0taWNvbkNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgICR7XG4gICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIgJiZcbiAgICAgICAgICBgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRIb3Zlcil9YFxuICAgICAgICB9O1xuICAgICAgICAke1xuICAgICAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVySG92ZXIgJiZcbiAgICAgICAgICBgYm9yZGVyLWNvbG9yOiR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJIb3Zlcil9YFxuICAgICAgICB9O1xuXG4gICAgICAgIC8vIHNldCBjb2xvciB0byBwcmV2ZW50IGluaGVyaXRpbmcgZnJvbSBvdXRpc2RlIHJlc2V0XG4gICAgICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgICAgfVxuXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgICR7XG4gICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kQWN0aXZlICYmXG4gICAgICAgICAgYGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kQWN0aXZlKX1gXG4gICAgICAgIH07XG4gICAgICAgICAke1xuICAgICAgICAgICB2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckFjdGl2ZSAmJlxuICAgICAgICAgICBgYm9yZGVyLWNvbG9yOiR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJBY3RpdmUpfWBcbiAgICAgICAgIH07XG4gICAgICB9XG4gICAgfVxuICBgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIC0taWNvbkNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEljb24nKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIC5JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5JY29uIHtcbiAgICAkeyh7IGhhc1NwaW5uZXIgfSkgPT5cbiAgICAgIGhhc1NwaW5uZXIgJiZcbiAgICAgIGBcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICBgfVxuICB9XG5cbiAgLmJ1dHRvblNwaW5uZXIge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlSW59ICR7Z2V0VHJhbnNpdGlvbignc2xvdycpfTtcbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtcm91bmRlZC1idXR0b25dICYge1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKTtcbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtY29tcGFjdC10ZXh0Ym94XSAmIHtcbiAgICBwYWRkaW5nOiAwICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgaGFzRnVsbFdpZHRoLFxuICAgICAgaGFzU3Bpbm5lcixcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIHRhZyA9ICdidXR0b24nLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyXG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgICAgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBhcz17dGFnfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBjbGFzc05hbWU9XCJidXR0b25TcGlubmVyXCI+XG4gICAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwidmFyKC0taWNvbkNvbG9yKVwiIC8+fVxuICAgICAgICA8VGV4dCBjbGFzc05hbWU9XCJidXR0b25UZXh0XCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9LFxuKTtcblxuQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIHZhcmlhbnQ6IHR5cGVzLmJ1dHRvblZhcmlhbnQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRhZzogdHlwZXMuYnV0dG9uVGFnLFxufTtcbiJdfQ== */"));
 
 export const Button = /*#__PURE__*/forwardRef((_ref3, ref) => {
   let {

package/es/components/progress.js

@@ -1,5 +1,7 @@
 import _styled from "@emotion/styled/base";
-const _excluded = ["max", "value"];
+const _excluded = ["max", "value", "variant"];
+
+var _templateObject;
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -7,40 +9,56 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { getColor, getTransition } from '../utilities';
+import { keyframes, css } from '@emotion/react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 const background = getColor('fade1');
 const fill = getColor('content');
 const height = '4px';
+const fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% { transform: translateX(-100%) }\n  100% { transform: translateX(100%) }\n"])));
 
 const Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e665t821"
 } : {
   target: "e665t821",
   label: "Root"
-})("position:relative;&::after{content:'';display:block;height:100%;width:var(--value);background:", fill, ";border-radius:", height, ";position:absolute;top:0;left:0;transition:", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gZ2V0Q29sb3IoJ2ZhZGUxJyk7XG5jb25zdCBmaWxsID0gZ2V0Q29sb3IoJ2NvbnRlbnQnKTtcbmNvbnN0IGhlaWdodCA9ICc0cHgnO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IHZhcigtLXZhbHVlKTtcbiAgICBiYWNrZ3JvdW5kOiAke2ZpbGx9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBQcm9ncmVzc1Jvb3QgPSBzdHlsZWQucHJvZ3Jlc3NgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJhY2tncm91bmQ6ICR7YmFja2dyb3VuZH07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy1iYXIge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG4gICY6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFByb2dyZXNzID0gZm9yd2FyZFJlZigoeyBtYXggPSAxMDAsIHZhbHVlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgdmFsdWVTdHJpbmcgPSBgJHsodmFsdWUgLyBtYXgpICogMTAwfSVgO1xuICByZXR1cm4gKFxuICAgIDxSb290IHN0eWxlPXt7ICctLXZhbHVlJzogdmFsdWVTdHJpbmcgfX0+XG4gICAgICA8UHJvZ3Jlc3NSb290IHJlZj17cmVmfSB2YWx1ZT17dmFsdWV9IG1heD17bWF4fSB7Li4ucHJvcHN9IC8+XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cblByb2dyZXNzLnByb3BUeXBlcyA9IHtcbiAgbWF4OiBQcm9wVHlwZXMubnVtYmVyLFxuICB2YWx1ZTogUHJvcFR5cGVzLm51bWJlcixcbn07XG4iXX0= */"));
+})("position:relative;overflow:hidden;border-radius:", height, ";&::after{content:'';display:block;height:100%;background:", fill, ";border-radius:", height, ";position:absolute;top:0;left:0;", _ref => {
+  let {
+    variant
+  } = _ref;
+  return variant === 'determinate' && /*#__PURE__*/css("width:var(--value);transition:", getTransition('fast'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ1MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IGJhY2tncm91bmQgPSBnZXRDb2xvcignZmFkZTEnKTtcbmNvbnN0IGZpbGwgPSBnZXRDb2xvcignY29udGVudCcpO1xuY29uc3QgaGVpZ2h0ID0gJzRweCc7XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpIH1cbiAgMTAwJSB7IHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKSB9XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAke2ZpbGx9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5cbiAgICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgIHZhcmlhbnQgPT09ICdkZXRlcm1pbmF0ZScgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IHZhcigtLXZhbHVlKTtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICAgICAgYH07XG5cbiAgICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgIHZhcmlhbnQgPT09ICdpbmRldGVybWluYXRlJyAmJlxuICAgICAgY3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gMXMgaW5maW5pdGU7XG4gICAgICBgfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvZ3Jlc3NSb290ID0gc3R5bGVkLnByb2dyZXNzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiAke2JhY2tncm91bmR9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyOiBub25lO1xuXG4gICY6Oi13ZWJraXQtcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotbW96LXByb2dyZXNzLWJhciB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzcyA9IGZvcndhcmRSZWYoXG4gICh7IG1heCA9IDEwMCwgdmFsdWUsIHZhcmlhbnQgPSAnZGV0ZXJtaW5hdGUnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCB2YWx1ZVN0cmluZyA9IGAkeyh2YWx1ZSAvIG1heCkgKiAxMDB9JWA7XG4gICAgcmV0dXJuIChcbiAgICAgIDxSb290IHN0eWxlPXt7ICctLXZhbHVlJzogdmFsdWVTdHJpbmcgfX0gdmFyaWFudD17dmFyaWFudH0+XG4gICAgICAgIDxQcm9ncmVzc1Jvb3QgcmVmPXtyZWZ9IHZhbHVlPXt2YWx1ZX0gbWF4PXttYXh9IHsuLi5wcm9wc30gLz5cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuUHJvZ3Jlc3MucHJvcFR5cGVzID0ge1xuICBtYXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydkZXRlcm1pbmF0ZScsICdpbmRldGVybWluYXRlJ10pLFxufTtcbiJdfQ== */");
+}, ";", _ref2 => {
+  let {
+    variant
+  } = _ref2;
+  return variant === 'indeterminate' && /*#__PURE__*/css("width:100%;animation:", fadeIn, " 1s infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q1MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IGJhY2tncm91bmQgPSBnZXRDb2xvcignZmFkZTEnKTtcbmNvbnN0IGZpbGwgPSBnZXRDb2xvcignY29udGVudCcpO1xuY29uc3QgaGVpZ2h0ID0gJzRweCc7XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpIH1cbiAgMTAwJSB7IHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKSB9XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAke2ZpbGx9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5cbiAgICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgIHZhcmlhbnQgPT09ICdkZXRlcm1pbmF0ZScgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IHZhcigtLXZhbHVlKTtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICAgICAgYH07XG5cbiAgICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgIHZhcmlhbnQgPT09ICdpbmRldGVybWluYXRlJyAmJlxuICAgICAgY3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gMXMgaW5maW5pdGU7XG4gICAgICBgfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvZ3Jlc3NSb290ID0gc3R5bGVkLnByb2dyZXNzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiAke2JhY2tncm91bmR9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyOiBub25lO1xuXG4gICY6Oi13ZWJraXQtcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotbW96LXByb2dyZXNzLWJhciB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzcyA9IGZvcndhcmRSZWYoXG4gICh7IG1heCA9IDEwMCwgdmFsdWUsIHZhcmlhbnQgPSAnZGV0ZXJtaW5hdGUnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCB2YWx1ZVN0cmluZyA9IGAkeyh2YWx1ZSAvIG1heCkgKiAxMDB9JWA7XG4gICAgcmV0dXJuIChcbiAgICAgIDxSb290IHN0eWxlPXt7ICctLXZhbHVlJzogdmFsdWVTdHJpbmcgfX0gdmFyaWFudD17dmFyaWFudH0+XG4gICAgICAgIDxQcm9ncmVzc1Jvb3QgcmVmPXtyZWZ9IHZhbHVlPXt2YWx1ZX0gbWF4PXttYXh9IHsuLi5wcm9wc30gLz5cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuUHJvZ3Jlc3MucHJvcFR5cGVzID0ge1xuICBtYXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydkZXRlcm1pbmF0ZScsICdpbmRldGVybWluYXRlJ10pLFxufTtcbiJdfQ== */");
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFldUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IGJhY2tncm91bmQgPSBnZXRDb2xvcignZmFkZTEnKTtcbmNvbnN0IGZpbGwgPSBnZXRDb2xvcignY29udGVudCcpO1xuY29uc3QgaGVpZ2h0ID0gJzRweCc7XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpIH1cbiAgMTAwJSB7IHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKSB9XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAke2ZpbGx9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5cbiAgICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgIHZhcmlhbnQgPT09ICdkZXRlcm1pbmF0ZScgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IHZhcigtLXZhbHVlKTtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICAgICAgYH07XG5cbiAgICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgIHZhcmlhbnQgPT09ICdpbmRldGVybWluYXRlJyAmJlxuICAgICAgY3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gMXMgaW5maW5pdGU7XG4gICAgICBgfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvZ3Jlc3NSb290ID0gc3R5bGVkLnByb2dyZXNzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiAke2JhY2tncm91bmR9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyOiBub25lO1xuXG4gICY6Oi13ZWJraXQtcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotbW96LXByb2dyZXNzLWJhciB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzcyA9IGZvcndhcmRSZWYoXG4gICh7IG1heCA9IDEwMCwgdmFsdWUsIHZhcmlhbnQgPSAnZGV0ZXJtaW5hdGUnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCB2YWx1ZVN0cmluZyA9IGAkeyh2YWx1ZSAvIG1heCkgKiAxMDB9JWA7XG4gICAgcmV0dXJuIChcbiAgICAgIDxSb290IHN0eWxlPXt7ICctLXZhbHVlJzogdmFsdWVTdHJpbmcgfX0gdmFyaWFudD17dmFyaWFudH0+XG4gICAgICAgIDxQcm9ncmVzc1Jvb3QgcmVmPXtyZWZ9IHZhbHVlPXt2YWx1ZX0gbWF4PXttYXh9IHsuLi5wcm9wc30gLz5cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuUHJvZ3Jlc3MucHJvcFR5cGVzID0ge1xuICBtYXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydkZXRlcm1pbmF0ZScsICdpbmRldGVybWluYXRlJ10pLFxufTtcbiJdfQ== */"));
 
 const ProgressRoot = /*#__PURE__*/_styled("progress", process.env.NODE_ENV === "production" ? {
   target: "e665t820"
 } : {
   target: "e665t820",
   label: "ProgressRoot"
-})("appearance:none;margin:0;display:block;background:", background, ";width:100%;height:", height, ";border-radius:", height, ";border:none;&::-webkit-progress-bar{background:transparent;}&::-moz-progress-bar{background:transparent;}&::-webkit-progress-value{background:transparent;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQm9DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgYmFja2dyb3VuZCA9IGdldENvbG9yKCdmYWRlMScpO1xuY29uc3QgZmlsbCA9IGdldENvbG9yKCdjb250ZW50Jyk7XG5jb25zdCBoZWlnaHQgPSAnNHB4JztcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiB2YXIoLS12YWx1ZSk7XG4gICAgYmFja2dyb3VuZDogJHtmaWxsfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvZ3Jlc3NSb290ID0gc3R5bGVkLnByb2dyZXNzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiAke2JhY2tncm91bmR9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyOiBub25lO1xuXG4gICY6Oi13ZWJraXQtcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotbW96LXByb2dyZXNzLWJhciB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzcyA9IGZvcndhcmRSZWYoKHsgbWF4ID0gMTAwLCB2YWx1ZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHZhbHVlU3RyaW5nID0gYCR7KHZhbHVlIC8gbWF4KSAqIDEwMH0lYDtcbiAgcmV0dXJuIChcbiAgICA8Um9vdCBzdHlsZT17eyAnLS12YWx1ZSc6IHZhbHVlU3RyaW5nIH19PlxuICAgICAgPFByb2dyZXNzUm9vdCByZWY9e3JlZn0gdmFsdWU9e3ZhbHVlfSBtYXg9e21heH0gey4uLnByb3BzfSAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5Qcm9ncmVzcy5wcm9wVHlwZXMgPSB7XG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG59O1xuIl19 */"));
+})("appearance:none;margin:0;display:block;background:", background, ";width:100%;height:", height, ";border-radius:", height, ";border:none;&::-webkit-progress-bar{background:transparent;}&::-moz-progress-bar{background:transparent;}&::-webkit-progress-value{background:transparent;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q29DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gZ2V0Q29sb3IoJ2ZhZGUxJyk7XG5jb25zdCBmaWxsID0gZ2V0Q29sb3IoJ2NvbnRlbnQnKTtcbmNvbnN0IGhlaWdodCA9ICc0cHgnO1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIDAlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKSB9XG4gIDEwMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogJHtmaWxsfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnZGV0ZXJtaW5hdGUnICYmXG4gICAgICBjc3NgXG4gICAgICAgIHdpZHRoOiB2YXIoLS12YWx1ZSk7XG4gICAgICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIGB9O1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnaW5kZXRlcm1pbmF0ZScgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGFuaW1hdGlvbjogJHtmYWRlSW59IDFzIGluZmluaXRlO1xuICAgICAgYH07XG4gIH1cbmA7XG5cbmNvbnN0IFByb2dyZXNzUm9vdCA9IHN0eWxlZC5wcm9ncmVzc2BcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBkaXNwbGF5OiBibG9jaztcbiAgYmFja2dyb3VuZDogJHtiYWNrZ3JvdW5kfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogJHtoZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOjotd2Via2l0LXByb2dyZXNzLWJhciB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjo6LW1vei1wcm9ncmVzcy1iYXIge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG4gICY6Oi13ZWJraXQtcHJvZ3Jlc3MtdmFsdWUge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3MgPSBmb3J3YXJkUmVmKFxuICAoeyBtYXggPSAxMDAsIHZhbHVlLCB2YXJpYW50ID0gJ2RldGVybWluYXRlJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgdmFsdWVTdHJpbmcgPSBgJHsodmFsdWUgLyBtYXgpICogMTAwfSVgO1xuICAgIHJldHVybiAoXG4gICAgICA8Um9vdCBzdHlsZT17eyAnLS12YWx1ZSc6IHZhbHVlU3RyaW5nIH19IHZhcmlhbnQ9e3ZhcmlhbnR9PlxuICAgICAgICA8UHJvZ3Jlc3NSb290IHJlZj17cmVmfSB2YWx1ZT17dmFsdWV9IG1heD17bWF4fSB7Li4ucHJvcHN9IC8+XG4gICAgICA8L1Jvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cblByb2dyZXNzLnByb3BUeXBlcyA9IHtcbiAgbWF4OiBQcm9wVHlwZXMubnVtYmVyLFxuICB2YWx1ZTogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnZGV0ZXJtaW5hdGUnLCAnaW5kZXRlcm1pbmF0ZSddKSxcbn07XG4iXX0= */"));
 
-export const Progress = /*#__PURE__*/forwardRef((_ref, ref) => {
+export const Progress = /*#__PURE__*/forwardRef((_ref3, ref) => {
   let {
     max = 100,
-    value
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
+    value,
+    variant = 'determinate'
+  } = _ref3,
+      props = _objectWithoutProperties(_ref3, _excluded);
 
   const valueString = "".concat(value / max * 100, "%");
   return ___EmotionJSX(Root, {
     style: {
       '--value': valueString
-    }
+    },
+    variant: variant
   }, ___EmotionJSX(ProgressRoot, _extends({
     ref: ref,
     value: value,
@@ -49,5 +67,6 @@ export const Progress = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 Progress.propTypes = {
   max: PropTypes.number,
-  value: PropTypes.number
+  value: PropTypes.number,
+  variant: PropTypes.oneOf(['determinate', 'indeterminate'])
 };

package/es/components/text-input.js

@@ -18,17 +18,16 @@ import { IconButton } from './icon-button';
 import { FieldClearButton, FieldHint, FieldLabel, InputField } from '../foundational';
 import { types } from '../types';
 import { IconHide, IconShow } from '../icons';
-import { useWidth } from '../hooks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-const iconOffsetPx = 12;
-const iconTextGapPx = 8;
+const iconOffset = 'var(--grn-field-paddingX)';
+const iconTextGap = 'var(--grn-space-s)';
 
 const IconSection = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1o9e51y0"
 } : {
   target: "e1o9e51y0",
   label: "IconSection"
-})("position:absolute;margin:auto;left:", iconOffsetPx, "px;top:0;bottom:0;height:fit-content;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtaW5wdXQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWlucHV0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLic7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEZpZWxkQ2xlYXJCdXR0b24sIEZpZWxkSGludCwgRmllbGRMYWJlbCwgSW5wdXRGaWVsZCB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IEljb25IaWRlLCBJY29uU2hvdyB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IHVzZVdpZHRoIH0gZnJvbSAnLi4vaG9va3MnO1xuXG5jb25zdCBpY29uT2Zmc2V0UHggPSAxMjtcbmNvbnN0IGljb25UZXh0R2FwUHggPSA4O1xuXG5jb25zdCBJY29uU2VjdGlvbiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luOiBhdXRvO1xuICBsZWZ0OiAke2ljb25PZmZzZXRQeH1weDtcbiAgdG9wOiAwO1xuICBib3R0b206IDA7XG4gIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuYDtcblxuY29uc3QgQWN0aW9uQnV0dG9uV3JhcHBlciA9ICh7IGNoaWxkcmVuIH0pID0+IHtcbiAgY29uc3QgcmlnaHRPZmZzZXQgPSBgY2FsYygodmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LW0pIC0gdmFyKC0tZ3JuLWNsZWFyYnV0dG9uLWhlaWdodCkpIC8gMilgO1xuICByZXR1cm4gKFxuICAgIDxCb3hcbiAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgcmlnaHQ9e3JpZ2h0T2Zmc2V0fVxuICAgICAgdG9wPVwiMFwiXG4gICAgICBib3R0b209XCIwXCJcbiAgICAgIG1hcmdpbj1cImF1dG9cIlxuICAgICAgaGVpZ2h0PVwiZml0LWNvbnRlbnRcIlxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmNvbnN0IFZpc2liaWxpdHlCdXR0b24gPSAoeyBjaGlsZHJlbiwgaW50ZXJuYWxUeXBlLCBzZXRJbnRlcm5hbFR5cGUsIC4uLnByb3BzIH0pID0+IHtcbiAgY29uc3QgdHlwZUFuZEljb25NYXAgPSB7XG4gICAgcGFzc3dvcmQ6IDxJY29uU2hvdyAvPixcbiAgICB0ZXh0OiA8SWNvbkhpZGUgLz4sXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8QWN0aW9uQnV0dG9uV3JhcHBlcj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgaWNvbj17dHlwZUFuZEljb25NYXBbaW50ZXJuYWxUeXBlXX1cbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SW50ZXJuYWxUeXBlKGludGVybmFsVHlwZSA9PT0gJ3RleHQnID8gJ3Bhc3N3b3JkJyA6ICd0ZXh0Jyl9XG4gICAgICAvPlxuICAgIDwvQWN0aW9uQnV0dG9uV3JhcHBlcj5cbiAgKTtcbn07XG5cbmNvbnN0IENsZWFyQnV0dG9uID0gKHsgb25DbGljayB9KSA9PiAoXG4gIDxBY3Rpb25CdXR0b25XcmFwcGVyPlxuICAgIDxGaWVsZENsZWFyQnV0dG9uIG9uQ2xpY2s9e29uQ2xpY2t9IC8+XG4gIDwvQWN0aW9uQnV0dG9uV3JhcHBlcj5cbik7XG5cbmV4cG9ydCBjb25zdCBUZXh0SW5wdXRMYWJlbCA9ICh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxGaWVsZExhYmVsIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvRmllbGRMYWJlbD5cbik7XG5cbmV4cG9ydCBjb25zdCBUZXh0SW5wdXQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgaWQsXG4gICAgICBpY29uLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBlcnJvck1lc3NhZ2UsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIHR5cGUgPSAndGV4dCcsXG4gICAgICBoaW50LFxuICAgICAgb25DbGVhcixcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGljb25SZWYgPSBSZWFjdC51c2VSZWYobnVsbCk7XG4gICAgY29uc3QgW2ludGVybmFsVHlwZSwgc2V0SW50ZXJuYWxUeXBlXSA9IFJlYWN0LnVzZVN0YXRlKHR5cGUpO1xuXG4gICAgY29uc3QgaWNvbldpZHRoID0gdXNlV2lkdGgoaWNvblJlZik7XG4gICAgY29uc3QgaGFzVmlzaWJpbGl0eUJ1dHRvbiA9IHR5cGUgPT09ICdwYXNzd29yZCcgJiYgIWlzUmVhZE9ubHkgJiYgIWlzRGlzYWJsZWQ7XG4gICAgY29uc3QgaGFzQ2xlYXJCdXR0b24gPSBvbkNsZWFyICYmICFpc1JlYWRPbmx5ICYmICFpc0Rpc2FibGVkO1xuICAgIGNvbnN0IGhhc0J1dHRvbiA9IGhhc1Zpc2liaWxpdHlCdXR0b24gfHwgaGFzQ2xlYXJCdXR0b247XG4gICAgY29uc3QgcGFkZGluZ0xlZnQgPSBpY29uID8gYCR7aWNvbk9mZnNldFB4ICsgaWNvbldpZHRoICsgaWNvblRleHRHYXBQeH1weGAgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgcGFkZGluZ1JpZ2h0ID0gaGFzQnV0dG9uID8gJ3ZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKScgOiB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCBmaWVsZE1hcmdpblRvcCA9IGxhYmVsIHx8IGhpbnQgPyAndmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApJyA6IHVuZGVmaW5lZDtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCIgbWFyZ2luVG9wPXtmaWVsZE1hcmdpblRvcH0+XG4gICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgPEljb25TZWN0aW9uPlxuICAgICAgICAgICAgICA8SWNvbiByZWY9e2ljb25SZWZ9IGljb249e2ljb259IC8+XG4gICAgICAgICAgICA8L0ljb25TZWN0aW9uPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPElucHV0RmllbGRcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgdHlwZT17aW50ZXJuYWxUeXBlfVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgcGFkZGluZ0xlZnQ9e3BhZGRpbmdMZWZ0fVxuICAgICAgICAgICAgcGFkZGluZ1JpZ2h0PXtwYWRkaW5nUmlnaHR9XG4gICAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgICBpc1JlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2hhc1Zpc2liaWxpdHlCdXR0b24gJiYgKFxuICAgICAgICAgICAgPFZpc2liaWxpdHlCdXR0b24gc2V0SW50ZXJuYWxUeXBlPXtzZXRJbnRlcm5hbFR5cGV9IGludGVybmFsVHlwZT17aW50ZXJuYWxUeXBlfSAvPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2hhc0NsZWFyQnV0dG9uICYmIHZhbHVlICYmIDxDbGVhckJ1dHRvbiBvbkNsaWNrPXtvbkNsZWFyfSAvPn1cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAgICA8VGV4dCBjb2xvcj1cImRhbmdlclwiPntlcnJvck1lc3NhZ2V9PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRJbnB1dC5MYWJlbCA9IFRleHRJbnB1dExhYmVsO1xuVGV4dElucHV0LkhpbnQgPSBGaWVsZEhpbnQ7XG5cblRleHRJbnB1dC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB2YWx1ZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm51bWJlcl0pLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB0eXBlOiB0eXBlcy50ZXh0SW5wdXQsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG4gIG9uQ2xlYXI6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
+})("position:absolute;margin:auto;left:", iconOffset, ";top:0;bottom:0;height:fit-content;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtaW5wdXQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWE4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWlucHV0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLic7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEZpZWxkQ2xlYXJCdXR0b24sIEZpZWxkSGludCwgRmllbGRMYWJlbCwgSW5wdXRGaWVsZCB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IEljb25IaWRlLCBJY29uU2hvdyB9IGZyb20gJy4uL2ljb25zJztcblxuY29uc3QgaWNvbk9mZnNldCA9ICd2YXIoLS1ncm4tZmllbGQtcGFkZGluZ1gpJztcbmNvbnN0IGljb25UZXh0R2FwID0gJ3ZhcigtLWdybi1zcGFjZS1zKSc7XG5cbmNvbnN0IEljb25TZWN0aW9uID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IGF1dG87XG4gIGxlZnQ6ICR7aWNvbk9mZnNldH07XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IEFjdGlvbkJ1dHRvbldyYXBwZXIgPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gIGNvbnN0IHJpZ2h0T2Zmc2V0ID0gYGNhbGMoKHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKSAtIHZhcigtLWdybi1jbGVhcmJ1dHRvbi1oZWlnaHQpKSAvIDIpYDtcbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIHJpZ2h0PXtyaWdodE9mZnNldH1cbiAgICAgIHRvcD1cIjBcIlxuICAgICAgYm90dG9tPVwiMFwiXG4gICAgICBtYXJnaW49XCJhdXRvXCJcbiAgICAgIGhlaWdodD1cImZpdC1jb250ZW50XCJcbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5jb25zdCBWaXNpYmlsaXR5QnV0dG9uID0gKHsgY2hpbGRyZW4sIGludGVybmFsVHlwZSwgc2V0SW50ZXJuYWxUeXBlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IHR5cGVBbmRJY29uTWFwID0ge1xuICAgIHBhc3N3b3JkOiA8SWNvblNob3cgLz4sXG4gICAgdGV4dDogPEljb25IaWRlIC8+LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjdGlvbkJ1dHRvbldyYXBwZXI+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGljb249e3R5cGVBbmRJY29uTWFwW2ludGVybmFsVHlwZV19XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHNldEludGVybmFsVHlwZShpbnRlcm5hbFR5cGUgPT09ICd0ZXh0JyA/ICdwYXNzd29yZCcgOiAndGV4dCcpfVxuICAgICAgLz5cbiAgICA8L0FjdGlvbkJ1dHRvbldyYXBwZXI+XG4gICk7XG59O1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9ICh7IG9uQ2xpY2sgfSkgPT4gKFxuICA8QWN0aW9uQnV0dG9uV3JhcHBlcj5cbiAgICA8RmllbGRDbGVhckJ1dHRvbiBvbkNsaWNrPXtvbkNsaWNrfSAvPlxuICA8L0FjdGlvbkJ1dHRvbldyYXBwZXI+XG4pO1xuXG5leHBvcnQgY29uc3QgVGV4dElucHV0TGFiZWwgPSAoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSkgPT4gKFxuICA8RmllbGRMYWJlbCB7Li4ucHJvcHN9PntjaGlsZHJlbn08L0ZpZWxkTGFiZWw+XG4pO1xuXG5leHBvcnQgY29uc3QgVGV4dElucHV0ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHZhbHVlLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICBsYWJlbCxcbiAgICAgIGlkLFxuICAgICAgaWNvbixcbiAgICAgIGhhc0Vycm9yLFxuICAgICAgZXJyb3JNZXNzYWdlLFxuICAgICAgaXNSZWFkT25seSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICB0eXBlID0gJ3RleHQnLFxuICAgICAgaGludCxcbiAgICAgIG9uQ2xlYXIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBbaW50ZXJuYWxUeXBlLCBzZXRJbnRlcm5hbFR5cGVdID0gUmVhY3QudXNlU3RhdGUodHlwZSk7XG5cbiAgICBjb25zdCBpY29uV2lkdGggPSBpY29uPy50eXBlPy52aWV3Qm94V2lkdGggLyAyIHx8IDE2O1xuICAgIGNvbnN0IGhhc1Zpc2liaWxpdHlCdXR0b24gPSB0eXBlID09PSAncGFzc3dvcmQnICYmICFpc1JlYWRPbmx5ICYmICFpc0Rpc2FibGVkO1xuICAgIGNvbnN0IGhhc0NsZWFyQnV0dG9uID0gb25DbGVhciAmJiAhaXNSZWFkT25seSAmJiAhaXNEaXNhYmxlZDtcbiAgICBjb25zdCBoYXNCdXR0b24gPSBoYXNWaXNpYmlsaXR5QnV0dG9uIHx8IGhhc0NsZWFyQnV0dG9uO1xuICAgIGNvbnN0IHBhZGRpbmdMZWZ0ID0gaWNvbiA/IGBjYWxjKCR7aWNvbk9mZnNldH0gKyAke2ljb25XaWR0aH1weCArICR7aWNvblRleHRHYXB9KWAgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgcGFkZGluZ1JpZ2h0ID0gaGFzQnV0dG9uID8gJ3ZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKScgOiB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCBmaWVsZE1hcmdpblRvcCA9IGxhYmVsIHx8IGhpbnQgPyAndmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApJyA6IHVuZGVmaW5lZDtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCIgbWFyZ2luVG9wPXtmaWVsZE1hcmdpblRvcH0+XG4gICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgPEljb25TZWN0aW9uPlxuICAgICAgICAgICAgICA8SWNvbiBpY29uPXtpY29ufSAvPlxuICAgICAgICAgICAgPC9JY29uU2VjdGlvbj5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxJbnB1dEZpZWxkXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHR5cGU9e2ludGVybmFsVHlwZX1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgIHBhZGRpbmdMZWZ0PXtwYWRkaW5nTGVmdH1cbiAgICAgICAgICAgIHBhZGRpbmdSaWdodD17cGFkZGluZ1JpZ2h0fVxuICAgICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgICAgaXNSZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtoYXNWaXNpYmlsaXR5QnV0dG9uICYmIChcbiAgICAgICAgICAgIDxWaXNpYmlsaXR5QnV0dG9uIHNldEludGVybmFsVHlwZT17c2V0SW50ZXJuYWxUeXBlfSBpbnRlcm5hbFR5cGU9e2ludGVybmFsVHlwZX0gLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtoYXNDbGVhckJ1dHRvbiAmJiB2YWx1ZSAmJiA8Q2xlYXJCdXR0b24gb25DbGljaz17b25DbGVhcn0gLz59XG4gICAgICAgIDwvQm94PlxuICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgICAgPFRleHQgY29sb3I9XCJkYW5nZXJcIj57ZXJyb3JNZXNzYWdlfTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuXG5UZXh0SW5wdXQuTGFiZWwgPSBUZXh0SW5wdXRMYWJlbDtcblRleHRJbnB1dC5IaW50ID0gRmllbGRIaW50O1xuXG5UZXh0SW5wdXQucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdmFsdWU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5udW1iZXJdKSxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvck1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgdHlwZTogdHlwZXMudGV4dElucHV0LFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxuICBvbkNsZWFyOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
 
 const ActionButtonWrapper = _ref => {
   let {
@@ -81,6 +80,8 @@ export const TextInputLabel = _ref4 => {
   return ___EmotionJSX(FieldLabel, props, children);
 };
 export const TextInput = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
+  var _icon$type;
+
   let {
     value,
     placeholder,
@@ -98,13 +99,12 @@ export const TextInput = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
   } = _ref5,
       props = _objectWithoutProperties(_ref5, _excluded3);
 
-  const iconRef = React.useRef(null);
   const [internalType, setInternalType] = React.useState(type);
-  const iconWidth = useWidth(iconRef);
+  const iconWidth = (icon === null || icon === void 0 ? void 0 : (_icon$type = icon.type) === null || _icon$type === void 0 ? void 0 : _icon$type.viewBoxWidth) / 2 || 16;
   const hasVisibilityButton = type === 'password' && !isReadOnly && !isDisabled;
   const hasClearButton = onClear && !isReadOnly && !isDisabled;
   const hasButton = hasVisibilityButton || hasClearButton;
-  const paddingLeft = icon ? "".concat(iconOffsetPx + iconWidth + iconTextGapPx, "px") : undefined;
+  const paddingLeft = icon ? "calc(".concat(iconOffset, " + ").concat(iconWidth, "px + ").concat(iconTextGap, ")") : undefined;
   const paddingRight = hasButton ? 'var(--grn-textbox-height-m)' : undefined;
   const fieldMarginTop = label || hint ? 'var(--grn-form-control-label-gap)' : undefined;
   return ___EmotionJSX("div", null, label && ___EmotionJSX(FieldLabel, {
@@ -113,7 +113,6 @@ export const TextInput = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
     position: "relative",
     marginTop: fieldMarginTop
   }, icon && ___EmotionJSX(IconSection, null, ___EmotionJSX(Icon, {
-    ref: iconRef,
     icon: icon
   })), ___EmotionJSX(InputField, _extends({
     ref: ref,

package/es/components/textarea.js

@@ -29,7 +29,7 @@ const CounterWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
 } : {
   name: "d4ujbj",
   styles: "position:absolute;bottom:var(--grn-border-size);left:var(--grn-border-size);right:var(--grn-border-size)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dGFyZWEuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsLCBnZXRGaWVsZFN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUZXh0U2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IGNvdW50ZXJCYXJIZWlnaHQgPSAnMzJweCc7XG5cbmNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIGxlZnQ6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIHJpZ2h0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuYDtcblxuY29uc3QgQ291bnRlclJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICBoZWlnaHQ6ICR7Y291bnRlckJhckhlaWdodH07XG4gIGJhY2tncm91bmQ6ICR7KHsgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldENvbG9yKGJhY2tncm91bmRDb2xvcil9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGZvbnQtc2l6ZTogJHtnZXRUZXh0U2l6ZSgncycpfTtcbmA7XG5cbmNvbnN0IENvdW50ZXIgPSAoeyBsZW5ndGgsIG1heExlbmd0aCwgYmFja2dyb3VuZENvbG9yID0gJ2JhY2tncm91bmQnIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q291bnRlclJvb3RcbiAgICAgIHBhZGRpbmdYPVwic1wiXG4gICAgICBwYWRkaW5nWT1cInhzXCJcbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiZW5kXCJcbiAgICA+XG4gICAgICB7bGVuZ3RofVxuICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnQyXCI+Jm5ic3A7LyB7bWF4TGVuZ3RofTwvQm94PlxuICAgIDwvQ291bnRlclJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gICR7KHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KSA9PiBnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSl9O1xuICByZXNpemU6IG5vbmU7XG4gIHBhZGRpbmc6ICR7Z2V0U3BhY2UoJ3MnKX0gdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYKTtcblxuICAvKlxuICAgIHVzaW5nIGJvcmRlciB0byBjcmVhdGUgYm90dG9tIHNwYWNlLFxuICAgIHNwZWNpZmljYWxseSBib3JkZXIgbWV0aG9kLCB0byBtYWtlIHN1cmUgdGhlIHNjcm9sbCBiZWhhdmVzIGNvcnJlY3RseVxuICAqL1xuICAkeyh7IGhhc0NvdW50ZXIgfSkgPT4gaGFzQ291bnRlciAmJiBgYm9yZGVyLWJvdHRvbS13aWR0aDogJHtjb3VudGVyQmFySGVpZ2h0fWB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgaWQsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGVycm9yTWVzc2FnZSxcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaGludCxcbiAgICAgIG1heExlbmd0aCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcm93cyA9IDMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBoYXNDb3VudGVyID0gQm9vbGVhbihtYXhMZW5ndGgpO1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuXG4gICAgICAgIDxUZXh0YXJlYVdyYXBwZXIgbWF4TGVuZ3RoPXttYXhMZW5ndGh9PlxuICAgICAgICAgIDxUZXh0YXJlYUZpZWxkXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgaGFzQ291bnRlcj17aGFzQ291bnRlcn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtoYXNDb3VudGVyICYmIChcbiAgICAgICAgICAgIDxDb3VudGVyV3JhcHBlcj5cbiAgICAgICAgICAgICAgPENvdW50ZXJcbiAgICAgICAgICAgICAgICBsZW5ndGg9e3ZhbHVlLmxlbmd0aH1cbiAgICAgICAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvQ291bnRlcldyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPEJveCBjb2xvcj1cImRhbmdlclwiIG1hcmdpblRvcD1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuXG5UZXh0YXJlYS5Db3VudGVyID0gQ291bnRlcjtcblxuVGV4dGFyZWEucHJvcFR5cGVzID0ge1xuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvck1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgbWF4TGVuZ3RoOiBQcm9wVHlwZXMubnVtYmVyLFxuICByb3dzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dGFyZWEuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsLCBnZXRGaWVsZFN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUZXh0U2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IGNvdW50ZXJCYXJIZWlnaHQgPSAnMzJweCc7XG5cbmNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIGxlZnQ6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIHJpZ2h0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuYDtcblxuY29uc3QgQ291bnRlclJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICBoZWlnaHQ6ICR7Y291bnRlckJhckhlaWdodH07XG4gIGJhY2tncm91bmQ6ICR7KHsgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldENvbG9yKGJhY2tncm91bmRDb2xvcil9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGZvbnQtc2l6ZTogJHtnZXRUZXh0U2l6ZSgncycpfTtcbmA7XG5cbmNvbnN0IENvdW50ZXIgPSAoeyBsZW5ndGgsIG1heExlbmd0aCwgYmFja2dyb3VuZENvbG9yID0gJ2JhY2tncm91bmQnIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q291bnRlclJvb3RcbiAgICAgIHBhZGRpbmdYPVwic1wiXG4gICAgICBwYWRkaW5nWT1cInhzXCJcbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiZW5kXCJcbiAgICA+XG4gICAgICB7bGVuZ3RofVxuICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnQyXCI+Jm5ic3A7LyB7bWF4TGVuZ3RofTwvQm94PlxuICAgIDwvQ291bnRlclJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gIC8qXG4gICAgdmlzdWFsbHkgbWF0Y2ggeCBhbmQgeSBwYWRkaW5nLlxuICAgIGFwcGx5IHggcGFkZGluZyB0byB5LCBtaW51cyB0ZXh0J3MgdXBwZXIgc3BhY2UgZ2VuZXJhdGVkIGJ5IGxpbmUgaGVpZ2h0LlxuICAqL1xuICAtLXRleHQtZXh0cmEtdG9wLXNwYWNlOiBjYWxjKCh2YXIoLS1ncm4tbGluZUhlaWdodC1nbG9iYWwpIC0gdmFyKC0tZ3JuLWNhcCkpIC8gMik7XG4gIC0tcGFkZGluZy1ibG9jazogY2FsYyh2YXIoLS1ncm4tZmllbGQtcGFkZGluZ1gpIC0gdmFyKC0tdGV4dC1leHRyYS10b3Atc3BhY2UpKTtcblxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcmVzaXplOiBub25lO1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYKTtcbiAgcGFkZGluZy1ibG9jazogcm91bmQodXAsIHZhcigtLXBhZGRpbmctYmxvY2spLCAxcHgpO1xuXG4gIC8qXG4gICAgdXNpbmcgYm9yZGVyIHRvIGNyZWF0ZSBib3R0b20gc3BhY2UsXG4gICAgc3BlY2lmaWNhbGx5IGJvcmRlciBtZXRob2QsIHRvIG1ha2Ugc3VyZSB0aGUgc2Nyb2xsIGJlaGF2ZXMgY29ycmVjdGx5XG4gICovXG4gICR7KHsgaGFzQ291bnRlciB9KSA9PiBoYXNDb3VudGVyICYmIGBib3JkZXItYm90dG9tLXdpZHRoOiAke2NvdW50ZXJCYXJIZWlnaHR9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgbGFiZWwsXG4gICAgICBpZCxcbiAgICAgIGhhc0Vycm9yLFxuICAgICAgZXJyb3JNZXNzYWdlLFxuICAgICAgaXNSZWFkT25seSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBoaW50LFxuICAgICAgbWF4TGVuZ3RoLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICByb3dzID0gMyxcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGhhc0NvdW50ZXIgPSBCb29sZWFuKG1heExlbmd0aCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXY+XG4gICAgICAgIHsobGFiZWwgfHwgaGludCkgJiYgKFxuICAgICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG5cbiAgICAgICAgPFRleHRhcmVhV3JhcHBlciBtYXhMZW5ndGg9e21heExlbmd0aH0+XG4gICAgICAgICAgPFRleHRhcmVhRmllbGRcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgICBoYXNDb3VudGVyPXtoYXNDb3VudGVyfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2hhc0NvdW50ZXIgJiYgKFxuICAgICAgICAgICAgPENvdW50ZXJXcmFwcGVyPlxuICAgICAgICAgICAgICA8Q291bnRlclxuICAgICAgICAgICAgICAgIGxlbmd0aD17dmFsdWUubGVuZ3RofVxuICAgICAgICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9Db3VudGVyV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L1RleHRhcmVhV3JhcHBlcj5cblxuICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICA8Qm94IGNvbG9yPVwiZGFuZ2VyXCIgbWFyZ2luVG9wPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRhcmVhLkNvdW50ZXIgPSBDb3VudGVyO1xuXG5UZXh0YXJlYS5wcm9wVHlwZXMgPSB7XG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBtYXhMZW5ndGg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHJvd3M6IFByb3BUeXBlcy5udW1iZXIsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -43,7 +43,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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VGV4dFNpemUgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBjb3VudGVyQmFySGVpZ2h0ID0gJzMycHgnO1xuXG5jb25zdCBDb3VudGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICBsZWZ0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICByaWdodDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbmA7XG5cbmNvbnN0IENvdW50ZXJSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lOiAke2dldFNwYWNlKCdzMicpfTtcbiAgaGVpZ2h0OiAke2NvdW50ZXJCYXJIZWlnaHR9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmRDb2xvciB9KSA9PiBnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBmb250LXNpemU6ICR7Z2V0VGV4dFNpemUoJ3MnKX07XG5gO1xuXG5jb25zdCBDb3VudGVyID0gKHsgbGVuZ3RoLCBtYXhMZW5ndGgsIGJhY2tncm91bmRDb2xvciA9ICdiYWNrZ3JvdW5kJyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvdW50ZXJSb290XG4gICAgICBwYWRkaW5nWD1cInNcIlxuICAgICAgcGFkZGluZ1k9XCJ4c1wiXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImVuZFwiXG4gICAgPlxuICAgICAge2xlbmd0aH1cbiAgICAgIDxCb3ggY29sb3I9XCJjb250ZW50MlwiPiZuYnNwOy8ge21heExlbmd0aH08L0JveD5cbiAgICA8L0NvdW50ZXJSb290PlxuICApO1xufTtcblxuY29uc3QgVGV4dGFyZWFXcmFwcGVyID0gKHsgY2hpbGRyZW4sIG1heExlbmd0aCB9KSA9PiB7XG4gIGlmICghbWF4TGVuZ3RoKSByZXR1cm4gY2hpbGRyZW47XG5cbiAgcmV0dXJuIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiPntjaGlsZHJlbn08L0JveD47XG59O1xuXG5jb25zdCBUZXh0YXJlYUZpZWxkID0gc3R5bGVkLnRleHRhcmVhYFxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcmVzaXplOiBub25lO1xuICBwYWRkaW5nOiAke2dldFNwYWNlKCdzJyl9IHZhcigtLWdybi1maWVsZC1wYWRkaW5nWCk7XG5cbiAgLypcbiAgICB1c2luZyBib3JkZXIgdG8gY3JlYXRlIGJvdHRvbSBzcGFjZSxcbiAgICBzcGVjaWZpY2FsbHkgYm9yZGVyIG1ldGhvZCwgdG8gbWFrZSBzdXJlIHRoZSBzY3JvbGwgYmVoYXZlcyBjb3JyZWN0bHlcbiAgKi9cbiAgJHsoeyBoYXNDb3VudGVyIH0pID0+IGhhc0NvdW50ZXIgJiYgYGJvcmRlci1ib3R0b20td2lkdGg6ICR7Y291bnRlckJhckhlaWdodH1gfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHZhbHVlLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICBsYWJlbCxcbiAgICAgIGlkLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBlcnJvck1lc3NhZ2UsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGhpbnQsXG4gICAgICBtYXhMZW5ndGgsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIHJvd3MgPSAzLFxuICAgICAgYmFja2dyb3VuZENvbG9yLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaGFzQ291bnRlciA9IEJvb2xlYW4obWF4TGVuZ3RoKTtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgeyhsYWJlbCB8fCBoaW50KSAmJiAoXG4gICAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209XCJ2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcClcIj5cbiAgICAgICAgICAgIHtsYWJlbCAmJiA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cblxuICAgICAgICA8VGV4dGFyZWFXcmFwcGVyIG1heExlbmd0aD17bWF4TGVuZ3RofT5cbiAgICAgICAgICA8VGV4dGFyZWFGaWVsZFxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBuYW1lPXtpZH1cbiAgICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgIGhhc0NvdW50ZXI9e2hhc0NvdW50ZXJ9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7aGFzQ291bnRlciAmJiAoXG4gICAgICAgICAgICA8Q291bnRlcldyYXBwZXI+XG4gICAgICAgICAgICAgIDxDb3VudGVyXG4gICAgICAgICAgICAgICAgbGVuZ3RoPXt2YWx1ZS5sZW5ndGh9XG4gICAgICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0NvdW50ZXJXcmFwcGVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dGFyZWFXcmFwcGVyPlxuXG4gICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICAgIDxCb3ggY29sb3I9XCJkYW5nZXJcIiBtYXJnaW5Ub3A9XCJ2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcClcIj5cbiAgICAgICAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9LFxuKTtcblxuVGV4dGFyZWEuQ291bnRlciA9IENvdW50ZXI7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbiAgYmFja2dyb3VuZENvbG9yOiB0eXBlcy5jb2xvcixcbn07XG4iXX0= */"));
+}, ";border-bottom-left-radius:calc(", getRadius('s'), " - var(--grn-border-size));border-bottom-right-radius:calc(", getRadius('s'), " - var(--grn-border-size));font-size:", getTextSize('s'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VGV4dFNpemUgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBjb3VudGVyQmFySGVpZ2h0ID0gJzMycHgnO1xuXG5jb25zdCBDb3VudGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICBsZWZ0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICByaWdodDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbmA7XG5cbmNvbnN0IENvdW50ZXJSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lOiAke2dldFNwYWNlKCdzMicpfTtcbiAgaGVpZ2h0OiAke2NvdW50ZXJCYXJIZWlnaHR9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmRDb2xvciB9KSA9PiBnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBmb250LXNpemU6ICR7Z2V0VGV4dFNpemUoJ3MnKX07XG5gO1xuXG5jb25zdCBDb3VudGVyID0gKHsgbGVuZ3RoLCBtYXhMZW5ndGgsIGJhY2tncm91bmRDb2xvciA9ICdiYWNrZ3JvdW5kJyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvdW50ZXJSb290XG4gICAgICBwYWRkaW5nWD1cInNcIlxuICAgICAgcGFkZGluZ1k9XCJ4c1wiXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImVuZFwiXG4gICAgPlxuICAgICAge2xlbmd0aH1cbiAgICAgIDxCb3ggY29sb3I9XCJjb250ZW50MlwiPiZuYnNwOy8ge21heExlbmd0aH08L0JveD5cbiAgICA8L0NvdW50ZXJSb290PlxuICApO1xufTtcblxuY29uc3QgVGV4dGFyZWFXcmFwcGVyID0gKHsgY2hpbGRyZW4sIG1heExlbmd0aCB9KSA9PiB7XG4gIGlmICghbWF4TGVuZ3RoKSByZXR1cm4gY2hpbGRyZW47XG5cbiAgcmV0dXJuIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiPntjaGlsZHJlbn08L0JveD47XG59O1xuXG5jb25zdCBUZXh0YXJlYUZpZWxkID0gc3R5bGVkLnRleHRhcmVhYFxuICAvKlxuICAgIHZpc3VhbGx5IG1hdGNoIHggYW5kIHkgcGFkZGluZy5cbiAgICBhcHBseSB4IHBhZGRpbmcgdG8geSwgbWludXMgdGV4dCdzIHVwcGVyIHNwYWNlIGdlbmVyYXRlZCBieSBsaW5lIGhlaWdodC5cbiAgKi9cbiAgLS10ZXh0LWV4dHJhLXRvcC1zcGFjZTogY2FsYygodmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSAtIHZhcigtLWdybi1jYXApKSAvIDIpO1xuICAtLXBhZGRpbmctYmxvY2s6IGNhbGModmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYKSAtIHZhcigtLXRleHQtZXh0cmEtdG9wLXNwYWNlKSk7XG5cbiAgJHsoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWdybi1maWVsZC1wYWRkaW5nWCk7XG4gIHBhZGRpbmctYmxvY2s6IHJvdW5kKHVwLCB2YXIoLS1wYWRkaW5nLWJsb2NrKSwgMXB4KTtcblxuICAvKlxuICAgIHVzaW5nIGJvcmRlciB0byBjcmVhdGUgYm90dG9tIHNwYWNlLFxuICAgIHNwZWNpZmljYWxseSBib3JkZXIgbWV0aG9kLCB0byBtYWtlIHN1cmUgdGhlIHNjcm9sbCBiZWhhdmVzIGNvcnJlY3RseVxuICAqL1xuICAkeyh7IGhhc0NvdW50ZXIgfSkgPT4gaGFzQ291bnRlciAmJiBgYm9yZGVyLWJvdHRvbS13aWR0aDogJHtjb3VudGVyQmFySGVpZ2h0fWB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgaWQsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGVycm9yTWVzc2FnZSxcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaGludCxcbiAgICAgIG1heExlbmd0aCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcm93cyA9IDMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBoYXNDb3VudGVyID0gQm9vbGVhbihtYXhMZW5ndGgpO1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuXG4gICAgICAgIDxUZXh0YXJlYVdyYXBwZXIgbWF4TGVuZ3RoPXttYXhMZW5ndGh9PlxuICAgICAgICAgIDxUZXh0YXJlYUZpZWxkXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgaGFzQ291bnRlcj17aGFzQ291bnRlcn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtoYXNDb3VudGVyICYmIChcbiAgICAgICAgICAgIDxDb3VudGVyV3JhcHBlcj5cbiAgICAgICAgICAgICAgPENvdW50ZXJcbiAgICAgICAgICAgICAgICBsZW5ndGg9e3ZhbHVlLmxlbmd0aH1cbiAgICAgICAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvQ291bnRlcldyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPEJveCBjb2xvcj1cImRhbmdlclwiIG1hcmdpblRvcD1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuXG5UZXh0YXJlYS5Db3VudGVyID0gQ291bnRlcjtcblxuVGV4dGFyZWEucHJvcFR5cGVzID0ge1xuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvck1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgbWF4TGVuZ3RoOiBQcm9wVHlwZXMubnVtYmVyLFxuICByb3dzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */"));
 
 const Counter = _ref2 => {
   let {
@@ -78,7 +78,7 @@ const TextareaField = /*#__PURE__*/_styled("textarea", process.env.NODE_ENV ===
 } : {
   target: "e1hvcshh0",
   label: "TextareaField"
-})(_ref4 => {
+})("--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 => {
   let {
     hasError,
     backgroundColor
@@ -87,12 +87,12 @@ const TextareaField = /*#__PURE__*/_styled("textarea", process.env.NODE_ENV ===
     hasError,
     backgroundColor
   });
-}, ";resize:none;padding:", getSpace('s'), " var(--grn-field-paddingX);", _ref5 => {
+}, ";resize:none;padding-inline:var(--grn-field-paddingX);padding-block:round(up, var(--padding-block), 1px);", _ref5 => {
   let {
     hasCounter
   } = _ref5;
   return hasCounter && "border-bottom-width: ".concat(counterBarHeight);
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VGV4dFNpemUgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBjb3VudGVyQmFySGVpZ2h0ID0gJzMycHgnO1xuXG5jb25zdCBDb3VudGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICBsZWZ0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICByaWdodDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbmA7XG5cbmNvbnN0IENvdW50ZXJSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lOiAke2dldFNwYWNlKCdzMicpfTtcbiAgaGVpZ2h0OiAke2NvdW50ZXJCYXJIZWlnaHR9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmRDb2xvciB9KSA9PiBnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBmb250LXNpemU6ICR7Z2V0VGV4dFNpemUoJ3MnKX07XG5gO1xuXG5jb25zdCBDb3VudGVyID0gKHsgbGVuZ3RoLCBtYXhMZW5ndGgsIGJhY2tncm91bmRDb2xvciA9ICdiYWNrZ3JvdW5kJyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvdW50ZXJSb290XG4gICAgICBwYWRkaW5nWD1cInNcIlxuICAgICAgcGFkZGluZ1k9XCJ4c1wiXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImVuZFwiXG4gICAgPlxuICAgICAge2xlbmd0aH1cbiAgICAgIDxCb3ggY29sb3I9XCJjb250ZW50MlwiPiZuYnNwOy8ge21heExlbmd0aH08L0JveD5cbiAgICA8L0NvdW50ZXJSb290PlxuICApO1xufTtcblxuY29uc3QgVGV4dGFyZWFXcmFwcGVyID0gKHsgY2hpbGRyZW4sIG1heExlbmd0aCB9KSA9PiB7XG4gIGlmICghbWF4TGVuZ3RoKSByZXR1cm4gY2hpbGRyZW47XG5cbiAgcmV0dXJuIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiPntjaGlsZHJlbn08L0JveD47XG59O1xuXG5jb25zdCBUZXh0YXJlYUZpZWxkID0gc3R5bGVkLnRleHRhcmVhYFxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcmVzaXplOiBub25lO1xuICBwYWRkaW5nOiAke2dldFNwYWNlKCdzJyl9IHZhcigtLWdybi1maWVsZC1wYWRkaW5nWCk7XG5cbiAgLypcbiAgICB1c2luZyBib3JkZXIgdG8gY3JlYXRlIGJvdHRvbSBzcGFjZSxcbiAgICBzcGVjaWZpY2FsbHkgYm9yZGVyIG1ldGhvZCwgdG8gbWFrZSBzdXJlIHRoZSBzY3JvbGwgYmVoYXZlcyBjb3JyZWN0bHlcbiAgKi9cbiAgJHsoeyBoYXNDb3VudGVyIH0pID0+IGhhc0NvdW50ZXIgJiYgYGJvcmRlci1ib3R0b20td2lkdGg6ICR7Y291bnRlckJhckhlaWdodH1gfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHZhbHVlLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICBsYWJlbCxcbiAgICAgIGlkLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBlcnJvck1lc3NhZ2UsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGhpbnQsXG4gICAgICBtYXhMZW5ndGgsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIHJvd3MgPSAzLFxuICAgICAgYmFja2dyb3VuZENvbG9yLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaGFzQ291bnRlciA9IEJvb2xlYW4obWF4TGVuZ3RoKTtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgeyhsYWJlbCB8fCBoaW50KSAmJiAoXG4gICAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209XCJ2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcClcIj5cbiAgICAgICAgICAgIHtsYWJlbCAmJiA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cblxuICAgICAgICA8VGV4dGFyZWFXcmFwcGVyIG1heExlbmd0aD17bWF4TGVuZ3RofT5cbiAgICAgICAgICA8VGV4dGFyZWFGaWVsZFxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICBuYW1lPXtpZH1cbiAgICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgIGhhc0NvdW50ZXI9e2hhc0NvdW50ZXJ9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7aGFzQ291bnRlciAmJiAoXG4gICAgICAgICAgICA8Q291bnRlcldyYXBwZXI+XG4gICAgICAgICAgICAgIDxDb3VudGVyXG4gICAgICAgICAgICAgICAgbGVuZ3RoPXt2YWx1ZS5sZW5ndGh9XG4gICAgICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0NvdW50ZXJXcmFwcGVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dGFyZWFXcmFwcGVyPlxuXG4gICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICAgIDxCb3ggY29sb3I9XCJkYW5nZXJcIiBtYXJnaW5Ub3A9XCJ2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcClcIj5cbiAgICAgICAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9LFxuKTtcblxuVGV4dGFyZWEuQ291bnRlciA9IENvdW50ZXI7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbiAgYmFja2dyb3VuZENvbG9yOiB0eXBlcy5jb2xvcixcbn07XG4iXX0= */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VGV4dFNpemUgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBjb3VudGVyQmFySGVpZ2h0ID0gJzMycHgnO1xuXG5jb25zdCBDb3VudGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICBsZWZ0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICByaWdodDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbmA7XG5cbmNvbnN0IENvdW50ZXJSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lOiAke2dldFNwYWNlKCdzMicpfTtcbiAgaGVpZ2h0OiAke2NvdW50ZXJCYXJIZWlnaHR9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmRDb2xvciB9KSA9PiBnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBmb250LXNpemU6ICR7Z2V0VGV4dFNpemUoJ3MnKX07XG5gO1xuXG5jb25zdCBDb3VudGVyID0gKHsgbGVuZ3RoLCBtYXhMZW5ndGgsIGJhY2tncm91bmRDb2xvciA9ICdiYWNrZ3JvdW5kJyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvdW50ZXJSb290XG4gICAgICBwYWRkaW5nWD1cInNcIlxuICAgICAgcGFkZGluZ1k9XCJ4c1wiXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImVuZFwiXG4gICAgPlxuICAgICAge2xlbmd0aH1cbiAgICAgIDxCb3ggY29sb3I9XCJjb250ZW50MlwiPiZuYnNwOy8ge21heExlbmd0aH08L0JveD5cbiAgICA8L0NvdW50ZXJSb290PlxuICApO1xufTtcblxuY29uc3QgVGV4dGFyZWFXcmFwcGVyID0gKHsgY2hpbGRyZW4sIG1heExlbmd0aCB9KSA9PiB7XG4gIGlmICghbWF4TGVuZ3RoKSByZXR1cm4gY2hpbGRyZW47XG5cbiAgcmV0dXJuIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiPntjaGlsZHJlbn08L0JveD47XG59O1xuXG5jb25zdCBUZXh0YXJlYUZpZWxkID0gc3R5bGVkLnRleHRhcmVhYFxuICAvKlxuICAgIHZpc3VhbGx5IG1hdGNoIHggYW5kIHkgcGFkZGluZy5cbiAgICBhcHBseSB4IHBhZGRpbmcgdG8geSwgbWludXMgdGV4dCdzIHVwcGVyIHNwYWNlIGdlbmVyYXRlZCBieSBsaW5lIGhlaWdodC5cbiAgKi9cbiAgLS10ZXh0LWV4dHJhLXRvcC1zcGFjZTogY2FsYygodmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSAtIHZhcigtLWdybi1jYXApKSAvIDIpO1xuICAtLXBhZGRpbmctYmxvY2s6IGNhbGModmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYKSAtIHZhcigtLXRleHQtZXh0cmEtdG9wLXNwYWNlKSk7XG5cbiAgJHsoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWdybi1maWVsZC1wYWRkaW5nWCk7XG4gIHBhZGRpbmctYmxvY2s6IHJvdW5kKHVwLCB2YXIoLS1wYWRkaW5nLWJsb2NrKSwgMXB4KTtcblxuICAvKlxuICAgIHVzaW5nIGJvcmRlciB0byBjcmVhdGUgYm90dG9tIHNwYWNlLFxuICAgIHNwZWNpZmljYWxseSBib3JkZXIgbWV0aG9kLCB0byBtYWtlIHN1cmUgdGhlIHNjcm9sbCBiZWhhdmVzIGNvcnJlY3RseVxuICAqL1xuICAkeyh7IGhhc0NvdW50ZXIgfSkgPT4gaGFzQ291bnRlciAmJiBgYm9yZGVyLWJvdHRvbS13aWR0aDogJHtjb3VudGVyQmFySGVpZ2h0fWB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgaWQsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGVycm9yTWVzc2FnZSxcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaGludCxcbiAgICAgIG1heExlbmd0aCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcm93cyA9IDMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBoYXNDb3VudGVyID0gQm9vbGVhbihtYXhMZW5ndGgpO1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuXG4gICAgICAgIDxUZXh0YXJlYVdyYXBwZXIgbWF4TGVuZ3RoPXttYXhMZW5ndGh9PlxuICAgICAgICAgIDxUZXh0YXJlYUZpZWxkXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgaGFzQ291bnRlcj17aGFzQ291bnRlcn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtoYXNDb3VudGVyICYmIChcbiAgICAgICAgICAgIDxDb3VudGVyV3JhcHBlcj5cbiAgICAgICAgICAgICAgPENvdW50ZXJcbiAgICAgICAgICAgICAgICBsZW5ndGg9e3ZhbHVlLmxlbmd0aH1cbiAgICAgICAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvQ291bnRlcldyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPEJveCBjb2xvcj1cImRhbmdlclwiIG1hcmdpblRvcD1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuXG5UZXh0YXJlYS5Db3VudGVyID0gQ291bnRlcjtcblxuVGV4dGFyZWEucHJvcFR5cGVzID0ge1xuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvck1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgbWF4TGVuZ3RoOiBQcm9wVHlwZXMubnVtYmVyLFxuICByb3dzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */"));
 
 export const Textarea = /*#__PURE__*/forwardRef((_ref6, ref) => {
   let {

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  }\n";
 export const fieldVariables = "\n  :root, [data-theme] {\n    --grn-field-paddingX: var(--grn-space-s2);\n    --grn-field-border-color: var(--grn-color-fade3);\n    --grn-field-border-color-hover: var(--grn-color-fade6);\n    --grn-field-border-color-focus: var(--grn-color-shade9);\n    --grn-field-border-color-disabled: var(--grn-color-shade5);\n    --grn-field-background-disabled: var(--grn-color-shade2);\n    --grn-field-placeholder-color: var(--grn-color-shade7);\n  }\n";
 export const componentVariables = "\n  :root, [data-theme] {\n    --grn-clearbutton-danger-background-hover: hsl(var(--redHS) var(--redL) / 12%);\n    --grn-clearbutton-danger-background-active: hsl(var(--redHS) var(--redL) / 19%);\n    --grn-icon-danger-color: hsl(var(--redHS) var(--redL) / 70%);\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";
+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-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";
 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";

package/package.json

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