@flodesk/grain 8.8.1 → 8.10.0

package/es/components/box.js

@@ -66,7 +66,7 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var Tag = tag;
   return ___EmotionJSX(Tag, _extends({
     ref: ref,
-    css: /*#__PURE__*/css(getBorder(borderSide, borderWidth, borderColor), ";", getResponsiveSpace('padding', padding), ";", getResponsiveSpace('padding-top', paddingTop || paddingY), ";", getResponsiveSpace('padding-bottom', paddingBottom || paddingY), ";", getResponsiveSpace('padding-left', paddingLeft || paddingX), ";", getResponsiveSpace('padding-right', paddingRight || paddingX), ";", getResponsiveSpace('margin', margin), ";", getResponsiveSpace('margin-top', marginTop || marginY), ";", getResponsiveSpace('margin-bottom', marginBottom || marginY), ";", getResponsiveSpace('margin-left', marginLeft || marginX), ";", getResponsiveSpace('margin-right', marginRight || marginX), ";", getResponsiveSpace('top', top), ";", getResponsiveSpace('bottom', bottom), ";", getResponsiveSpace('left', left), ";", getResponsiveSpace('right', right), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('min-width', minWidth), ";", getResponsiveDimension('max-width', maxWidth), ";", getResponsiveDimension('height', height), ";", getResponsiveDimension('min-height', minHeight), ";", getResponsiveDimension('max-height', maxHeight), ";color:", getColor(color), ";background-color:", getColor(backgroundColor), ";position:", position, ";border-radius:", getRadius(radius), ";box-shadow:", getShadow(shadow), ";overflow:", overflow, ";aspect-ratio:", aspectRatio, ";z-index:", zIndex, ";", Boolean(opacity) && "opacity: ".concat(opacity), ";order:", order, ";flex:", flex, ";", getResponsiveOneOf('align-self', alignSelf), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Box;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2JveC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVnQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9ib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZ2V0Qm9yZGVyLFxuICBnZXRDb2xvcixcbiAgZ2V0UmFkaXVzLFxuICBnZXRSZXNwb25zaXZlU3BhY2UsXG4gIGdldFNoYWRvdyxcbiAgZ2V0UmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgZ2V0UmVzcG9uc2l2ZU9uZU9mLFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuXG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuZXhwb3J0IGNvbnN0IEJveCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNvbG9yLFxuICAgICAgYmFja2dyb3VuZENvbG9yLFxuICAgICAgYm9yZGVyQ29sb3IgPSAnYm9yZGVyJyxcbiAgICAgIGJvcmRlcldpZHRoID0gJzFweCcsXG4gICAgICBib3JkZXJTaWRlLFxuICAgICAgd2lkdGgsXG4gICAgICBtaW5XaWR0aCxcbiAgICAgIG1heFdpZHRoLFxuICAgICAgaGVpZ2h0LFxuICAgICAgbWluSGVpZ2h0LFxuICAgICAgbWF4SGVpZ2h0LFxuICAgICAgcmFkaXVzLFxuICAgICAgcGFkZGluZyxcbiAgICAgIHBhZGRpbmdUb3AsXG4gICAgICBwYWRkaW5nQm90dG9tLFxuICAgICAgcGFkZGluZ0xlZnQsXG4gICAgICBwYWRkaW5nUmlnaHQsXG4gICAgICBwYWRkaW5nWCxcbiAgICAgIHBhZGRpbmdZLFxuICAgICAgbWFyZ2luLFxuICAgICAgbWFyZ2luVG9wLFxuICAgICAgbWFyZ2luQm90dG9tLFxuICAgICAgbWFyZ2luTGVmdCxcbiAgICAgIG1hcmdpblJpZ2h0LFxuICAgICAgbWFyZ2luWCxcbiAgICAgIG1hcmdpblksXG4gICAgICBwb3NpdGlvbixcbiAgICAgIHRvcCxcbiAgICAgIGJvdHRvbSxcbiAgICAgIGxlZnQsXG4gICAgICByaWdodCxcbiAgICAgIHNoYWRvdyxcbiAgICAgIG92ZXJmbG93LFxuICAgICAgYXNwZWN0UmF0aW8sXG4gICAgICB6SW5kZXgsXG4gICAgICB0YWcgPSAnZGl2JyxcbiAgICAgIG9wYWNpdHksXG4gICAgICBvcmRlcixcbiAgICAgIGFsaWduU2VsZixcbiAgICAgIGZsZXgsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBUYWcgPSB0YWc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWdcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0Qm9yZGVyKGJvcmRlclNpZGUsIGJvcmRlcldpZHRoLCBib3JkZXJDb2xvcil9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmcnLCBwYWRkaW5nKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmctdG9wJywgcGFkZGluZ1RvcCB8fCBwYWRkaW5nWSl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdwYWRkaW5nLWJvdHRvbScsIHBhZGRpbmdCb3R0b20gfHwgcGFkZGluZ1kpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1sZWZ0JywgcGFkZGluZ0xlZnQgfHwgcGFkZGluZ1gpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1yaWdodCcsIHBhZGRpbmdSaWdodCB8fCBwYWRkaW5nWCl9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbicsIG1hcmdpbil9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdtYXJnaW4tdG9wJywgbWFyZ2luVG9wIHx8IG1hcmdpblkpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnbWFyZ2luLWJvdHRvbScsIG1hcmdpbkJvdHRvbSB8fCBtYXJnaW5ZKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1sZWZ0JywgbWFyZ2luTGVmdCB8fCBtYXJnaW5YKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1yaWdodCcsIG1hcmdpblJpZ2h0IHx8IG1hcmdpblgpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCd0b3AnLCB0b3ApfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnYm90dG9tJywgYm90dG9tKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2xlZnQnLCBsZWZ0KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3JpZ2h0JywgcmlnaHQpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignd2lkdGgnLCB3aWR0aCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignbWluLXdpZHRoJywgbWluV2lkdGgpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC13aWR0aCcsIG1heFdpZHRoKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCdoZWlnaHQnLCBoZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21pbi1oZWlnaHQnLCBtaW5IZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC1oZWlnaHQnLCBtYXhIZWlnaHQpfTtcblxuICAgICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgICAgICAgICBwb3NpdGlvbjogJHtwb3NpdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMocmFkaXVzKX07XG4gICAgICAgICAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coc2hhZG93KX07XG4gICAgICAgICAgb3ZlcmZsb3c6ICR7b3ZlcmZsb3d9O1xuICAgICAgICAgIGFzcGVjdC1yYXRpbzogJHthc3BlY3RSYXRpb307XG4gICAgICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgICAgICAgICR7Qm9vbGVhbihvcGFjaXR5KSAmJiBgb3BhY2l0eTogJHtvcGFjaXR5fWB9O1xuICAgICAgICAgIG9yZGVyOiAke29yZGVyfTtcbiAgICAgICAgICBmbGV4OiAke2ZsZXh9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdhbGlnbi1zZWxmJywgYWxpZ25TZWxmKX07XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UYWc+XG4gICAgKTtcbiAgfSxcbik7XG5cbkJveC5wcm9wVHlwZXMgPSB7XG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYmFja2dyb3VuZENvbG9yOiB0eXBlcy5jb2xvcixcbiAgYm9yZGVyU2lkZTogdHlwZXMuc2lkZSxcbiAgYm9yZGVyV2lkdGg6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5udW1iZXIsIFByb3BUeXBlcy5zdHJpbmddKSxcbiAgYm9yZGVyQ29sb3I6IHR5cGVzLmNvbG9yLFxuICB3aWR0aDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgbWluV2lkdGg6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1heFdpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBoZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1pbkhlaWdodDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgbWF4SGVpZ2h0OiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICByYWRpdXM6IHR5cGVzLnJhZGl1cyxcbiAgc2hhZG93OiB0eXBlcy5zaGFkb3csXG4gIHBhZGRpbmc6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1RvcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nQm90dG9tOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHBhZGRpbmdMZWZ0OiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHBhZGRpbmdSaWdodDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nWDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nWTogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW46IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luVG9wOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpbkJvdHRvbTogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5MZWZ0OiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblJpZ2h0OiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblg6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luWTogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwb3NpdGlvbjogdHlwZXMucG9zaXRpb24sXG4gIHRvcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBib3R0b206IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbGVmdDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICByaWdodDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBvdmVyZmxvdzogdHlwZXMub3ZlcmZsb3csXG4gIGFzcGVjdFJhdGlvOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgdGFnOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBvcGFjaXR5OiBQcm9wVHlwZXMuc3RyaW5nLFxuICBvcmRlcjogUHJvcFR5cGVzLm51bWJlcixcbiAgYWxpZ25TZWxmOiB0eXBlcy5hbGlnblNlbGYsXG4gIGZsZXg6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuIl19 */")
+    css: /*#__PURE__*/css(getBorder(borderSide, borderWidth, borderColor), ";", getResponsiveSpace('padding', padding), ";", getResponsiveSpace('padding-top', paddingTop || paddingY), ";", getResponsiveSpace('padding-bottom', paddingBottom || paddingY), ";", getResponsiveSpace('padding-left', paddingLeft || paddingX), ";", getResponsiveSpace('padding-right', paddingRight || paddingX), ";", getResponsiveSpace('margin', margin), ";", getResponsiveSpace('margin-top', marginTop || marginY), ";", getResponsiveSpace('margin-bottom', marginBottom || marginY), ";", getResponsiveSpace('margin-left', marginLeft || marginX), ";", getResponsiveSpace('margin-right', marginRight || marginX), ";", getResponsiveSpace('top', top), ";", getResponsiveSpace('bottom', bottom), ";", getResponsiveSpace('left', left), ";", getResponsiveSpace('right', right), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('min-width', minWidth), ";", getResponsiveDimension('max-width', maxWidth), ";", getResponsiveDimension('height', height), ";", getResponsiveDimension('min-height', minHeight), ";", getResponsiveDimension('max-height', maxHeight), ";", getResponsiveOneOf('order', order), ";", getResponsiveOneOf('flex', flex), ";", getResponsiveOneOf('align-self', alignSelf), ";color:", getColor(color), ";background-color:", getColor(backgroundColor), ";position:", position, ";border-radius:", getRadius(radius), ";box-shadow:", getShadow(shadow), ";overflow:", overflow, ";aspect-ratio:", aspectRatio, ";z-index:", zIndex, ";", Boolean(opacity) && "opacity: ".concat(opacity), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Box;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2JveC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVnQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9ib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZ2V0Qm9yZGVyLFxuICBnZXRDb2xvcixcbiAgZ2V0UmFkaXVzLFxuICBnZXRSZXNwb25zaXZlU3BhY2UsXG4gIGdldFNoYWRvdyxcbiAgZ2V0UmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgZ2V0UmVzcG9uc2l2ZU9uZU9mLFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuXG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuZXhwb3J0IGNvbnN0IEJveCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNvbG9yLFxuICAgICAgYmFja2dyb3VuZENvbG9yLFxuICAgICAgYm9yZGVyQ29sb3IgPSAnYm9yZGVyJyxcbiAgICAgIGJvcmRlcldpZHRoID0gJzFweCcsXG4gICAgICBib3JkZXJTaWRlLFxuICAgICAgd2lkdGgsXG4gICAgICBtaW5XaWR0aCxcbiAgICAgIG1heFdpZHRoLFxuICAgICAgaGVpZ2h0LFxuICAgICAgbWluSGVpZ2h0LFxuICAgICAgbWF4SGVpZ2h0LFxuICAgICAgcmFkaXVzLFxuICAgICAgcGFkZGluZyxcbiAgICAgIHBhZGRpbmdUb3AsXG4gICAgICBwYWRkaW5nQm90dG9tLFxuICAgICAgcGFkZGluZ0xlZnQsXG4gICAgICBwYWRkaW5nUmlnaHQsXG4gICAgICBwYWRkaW5nWCxcbiAgICAgIHBhZGRpbmdZLFxuICAgICAgbWFyZ2luLFxuICAgICAgbWFyZ2luVG9wLFxuICAgICAgbWFyZ2luQm90dG9tLFxuICAgICAgbWFyZ2luTGVmdCxcbiAgICAgIG1hcmdpblJpZ2h0LFxuICAgICAgbWFyZ2luWCxcbiAgICAgIG1hcmdpblksXG4gICAgICBwb3NpdGlvbixcbiAgICAgIHRvcCxcbiAgICAgIGJvdHRvbSxcbiAgICAgIGxlZnQsXG4gICAgICByaWdodCxcbiAgICAgIHNoYWRvdyxcbiAgICAgIG92ZXJmbG93LFxuICAgICAgYXNwZWN0UmF0aW8sXG4gICAgICB6SW5kZXgsXG4gICAgICB0YWcgPSAnZGl2JyxcbiAgICAgIG9wYWNpdHksXG4gICAgICBvcmRlcixcbiAgICAgIGFsaWduU2VsZixcbiAgICAgIGZsZXgsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBUYWcgPSB0YWc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWdcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0Qm9yZGVyKGJvcmRlclNpZGUsIGJvcmRlcldpZHRoLCBib3JkZXJDb2xvcil9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmcnLCBwYWRkaW5nKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmctdG9wJywgcGFkZGluZ1RvcCB8fCBwYWRkaW5nWSl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdwYWRkaW5nLWJvdHRvbScsIHBhZGRpbmdCb3R0b20gfHwgcGFkZGluZ1kpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1sZWZ0JywgcGFkZGluZ0xlZnQgfHwgcGFkZGluZ1gpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1yaWdodCcsIHBhZGRpbmdSaWdodCB8fCBwYWRkaW5nWCl9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbicsIG1hcmdpbil9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdtYXJnaW4tdG9wJywgbWFyZ2luVG9wIHx8IG1hcmdpblkpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnbWFyZ2luLWJvdHRvbScsIG1hcmdpbkJvdHRvbSB8fCBtYXJnaW5ZKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1sZWZ0JywgbWFyZ2luTGVmdCB8fCBtYXJnaW5YKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1yaWdodCcsIG1hcmdpblJpZ2h0IHx8IG1hcmdpblgpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCd0b3AnLCB0b3ApfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnYm90dG9tJywgYm90dG9tKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2xlZnQnLCBsZWZ0KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3JpZ2h0JywgcmlnaHQpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignd2lkdGgnLCB3aWR0aCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignbWluLXdpZHRoJywgbWluV2lkdGgpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC13aWR0aCcsIG1heFdpZHRoKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCdoZWlnaHQnLCBoZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21pbi1oZWlnaHQnLCBtaW5IZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC1oZWlnaHQnLCBtYXhIZWlnaHQpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdvcmRlcicsIG9yZGVyKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2ZsZXgnLCBmbGV4KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2FsaWduLXNlbGYnLCBhbGlnblNlbGYpfTtcblxuICAgICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgICAgICAgICBwb3NpdGlvbjogJHtwb3NpdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMocmFkaXVzKX07XG4gICAgICAgICAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coc2hhZG93KX07XG4gICAgICAgICAgb3ZlcmZsb3c6ICR7b3ZlcmZsb3d9O1xuICAgICAgICAgIGFzcGVjdC1yYXRpbzogJHthc3BlY3RSYXRpb307XG4gICAgICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgICAgICAgICR7Qm9vbGVhbihvcGFjaXR5KSAmJiBgb3BhY2l0eTogJHtvcGFjaXR5fWB9O1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGFnPlxuICAgICk7XG4gIH0sXG4pO1xuXG5Cb3gucHJvcFR5cGVzID0ge1xuICBjb2xvcjogdHlwZXMuY29sb3IsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG4gIGJvcmRlclNpZGU6IHR5cGVzLnNpZGUsXG4gIGJvcmRlcldpZHRoOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMubnVtYmVyLCBQcm9wVHlwZXMuc3RyaW5nXSksXG4gIGJvcmRlckNvbG9yOiB0eXBlcy5jb2xvcixcbiAgd2lkdGg6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1pbldpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBtYXhXaWR0aDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgaGVpZ2h0OiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBtaW5IZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1heEhlaWdodDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgcmFkaXVzOiB0eXBlcy5yYWRpdXMsXG4gIHNoYWRvdzogdHlwZXMuc2hhZG93LFxuICBwYWRkaW5nOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHBhZGRpbmdUb3A6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ0JvdHRvbTogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nTGVmdDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nUmlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1g6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1k6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblRvcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5Cb3R0b206IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luTGVmdDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5SaWdodDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5YOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblk6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcG9zaXRpb246IHR5cGVzLnBvc2l0aW9uLFxuICB0b3A6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgYm90dG9tOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIGxlZnQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcmlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgb3ZlcmZsb3c6IHR5cGVzLm92ZXJmbG93LFxuICBhc3BlY3RSYXRpbzogUHJvcFR5cGVzLnN0cmluZyxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIHRhZzogUHJvcFR5cGVzLnN0cmluZyxcbiAgb3BhY2l0eTogUHJvcFR5cGVzLnN0cmluZyxcbiAgb3JkZXI6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5vYmplY3RdKSxcbiAgYWxpZ25TZWxmOiB0eXBlcy5hbGlnblNlbGYsXG4gIGZsZXg6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5vYmplY3RdKSxcbn07XG4iXX0= */")
   }, props), children);
 });
 Box.propTypes = {
@@ -107,7 +107,7 @@ Box.propTypes = {
   zIndex: types.zIndex,
   tag: PropTypes.string,
   opacity: PropTypes.string,
-  order: PropTypes.number,
+  order: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   alignSelf: types.alignSelf,
-  flex: PropTypes.string
+  flex: PropTypes.oneOfType([PropTypes.string, PropTypes.object])
 };

package/es/components/button.js

@@ -58,7 +58,7 @@ var variantColors = {
     background: 'transparent'
   }
 };
-var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from { opacity: 0 }\n"])));
+var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0%, 25% { opacity: 0 }\n"])));
 
 var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1blxzk90"
@@ -70,26 +70,27 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
 }, ";", function (_ref) {
   var variant = _ref.variant;
   return "\n    ".concat(variantColors[variant].icon && "\n      --grn-color-icon: ".concat(getColor(variantColors[variant].icon), "\n    "), ";\n    border-color: ").concat(getColor(variantColors[variant].border), ";\n    color: ").concat(getColor(variantColors[variant].content), ";\n    background: ").concat(getColor(variantColors[variant].background), ";\n\n    &:hover {\n      --grn-color-icon: currentColor;\n      background: ").concat(getColor(variantColors[variant].backgroundHover), ";\n      border-color: ").concat(getColor(variantColors[variant].borderHover), ";\n    }\n\n    &:active {\n      background: ").concat(getColor(variantColors[variant].backgroundActive), ";\n      border-color: ").concat(getColor(variantColors[variant].borderActive), ";\n    }\n  ");
-}, " &:disabled{--grn-color-icon:", getColor('disabledContent'), ";color:", getColor('disabledContent'), ";background-color:", getColor('disabledBackground'), ";border-color:transparent;pointer-events:none;}.buttonIcon{", function (p) {
+}, " &:disabled{--grn-color-icon:", getColor('disabledContent'), ";color:", getColor('disabledContent'), ";background-color:", getColor('disabledBackground'), ";border-color:transparent;pointer-events:none;}.Icon{", function (p) {
   return p.iconPosition === 'right' && "order: 1";
-}, ";}.buttonText,.buttonIcon{transition:color ", getTransition('fast'), ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkM2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHN0eWxlcywgY29tcG9uZW50VmFycyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi9zcGlubmVyJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4vdGV4dCc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IHBhZGRpbmdYID0gJzE2cHgnO1xuY29uc3QgaWNvbkludmVydCA9ICdoc2wodmFyKC0tSFMpIHZhcigtLWJhY2tncm91bmRMKSAvIHZhcigtLWZhZGVBOCkpJztcblxuY29uc3QgdmFyaWFudENvbG9ycyA9IHtcbiAgYWNjZW50OiB7XG4gICAgaWNvbjogaWNvbkludmVydCxcbiAgICBjb250ZW50OiAnc2hhZGUyJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ3NoYWRlMTInLFxuICAgIGJhY2tncm91bmRIb3ZlcjogJ3NoYWRlOScsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ3NoYWRlOCcsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGljb246ICdoc2woMCAwJSAxMDAlIC8gdmFyKC0tZmFkZUE4KSknLFxuICAgIGNvbnRlbnQ6ICd2YXIoLS13aGl0ZSknLFxuICAgIGJvcmRlcjogJ3RyYW5zcGFyZW50JyxcbiAgICBiYWNrZ3JvdW5kOiAnZGFuZ2VyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdoc2wodmFyKC0tcmVkSFMpIGNhbGModmFyKC0tcmVkTCkgLSAzJSkpJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnaHNsKHZhcigtLXJlZEhTKSBjYWxjKHZhcigtLXJlZEwpIC0gNyUpKScsXG4gIH0sXG4gIG5ldXRyYWw6IHtcbiAgICBjb250ZW50OiAnY29udGVudCcsXG4gICAgYm9yZGVyOiAnZmFkZTQnLFxuICAgIGJvcmRlckhvdmVyOiAnZmFkZTYnLFxuICAgIGJvcmRlckFjdGl2ZTogJ3NoYWRlOCcsXG4gICAgYmFja2dyb3VuZDogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBwYWRkaW5nOiAwICR7cGFkZGluZ1h9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuXG4gICR7KHsgdmFyaWFudCB9KSA9PiBgXG4gICAgJHtcbiAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uaWNvbiAmJlxuICAgICAgYFxuICAgICAgLS1ncm4tY29sb3ItaWNvbjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmljb24pfVxuICAgIGBcbiAgICB9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlcil9O1xuICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIC0tZ3JuLWNvbG9yLWljb246IGN1cnJlbnRDb2xvcjtcbiAgICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIpfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckhvdmVyKX07XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRBY3RpdmUpfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckFjdGl2ZSl9O1xuICAgIH1cbiAgYH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLWdybi1jb2xvci1pY29uOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIC5idXR0b25JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gIH1cblxuICAuYnV0dG9uVGV4dCxcbiAgLmJ1dHRvbkljb24ge1xuICAgIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuXG4gIC5idXR0b25TcGlubmVyIHtcbiAgICBhbmltYXRpb246ICR7ZmFkZUlufSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgICBoYXNGdWxsV2lkdGgsXG4gICAgICBoYXNTcGlubmVyLFxuICAgICAgdHlwZSA9ICdidXR0b24nLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaWNvbkNvbG9yID0gaGFzU3Bpbm5lciA/ICd0cmFuc3BhcmVudCcgOiAnaWNvbic7XG4gICAgY29uc3QgY29udGVudENvbG9yID0gaGFzU3Bpbm5lciA/ICd0cmFuc3BhcmVudCcgOiAnaW5oZXJpdCc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyXG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgICAgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBjbGFzc05hbWU9XCJidXR0b25TcGlubmVyXCI+XG4gICAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtpY29uICYmIDxJY29uIGNvbG9yPXtpY29uQ29sb3J9IGljb249e2ljb259IGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiAvPn1cbiAgICAgICAgPFRleHQgY29sb3I9e2NvbnRlbnRDb2xvcn0gY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG4gIH0sXG4pO1xuXG5CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgdmFyaWFudDogdHlwZXMuYnV0dG9uVmFyaWFudCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxuICBoYXNTcGlubmVyOiBQcm9wVHlwZXMuYm9vbCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbn07XG4iXX0= */"));
+}, ";", styles.transitions, ";}.buttonText,.Icon{", function (_ref2) {
+  var hasSpinner = _ref2.hasSpinner;
+  return hasSpinner && "\n      opacity: 0;\n      transition: opacity ".concat(getTransition('fast'), ";\n    ");
+}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkM2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHN0eWxlcywgY29tcG9uZW50VmFycyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi9zcGlubmVyJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4vdGV4dCc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IHBhZGRpbmdYID0gJzE2cHgnO1xuY29uc3QgaWNvbkludmVydCA9ICdoc2wodmFyKC0tSFMpIHZhcigtLWJhY2tncm91bmRMKSAvIHZhcigtLWZhZGVBOCkpJztcblxuY29uc3QgdmFyaWFudENvbG9ycyA9IHtcbiAgYWNjZW50OiB7XG4gICAgaWNvbjogaWNvbkludmVydCxcbiAgICBjb250ZW50OiAnc2hhZGUyJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ3NoYWRlMTInLFxuICAgIGJhY2tncm91bmRIb3ZlcjogJ3NoYWRlOScsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ3NoYWRlOCcsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGljb246ICdoc2woMCAwJSAxMDAlIC8gdmFyKC0tZmFkZUE4KSknLFxuICAgIGNvbnRlbnQ6ICd2YXIoLS13aGl0ZSknLFxuICAgIGJvcmRlcjogJ3RyYW5zcGFyZW50JyxcbiAgICBiYWNrZ3JvdW5kOiAnZGFuZ2VyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdoc2wodmFyKC0tcmVkSFMpIGNhbGModmFyKC0tcmVkTCkgLSAzJSkpJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnaHNsKHZhcigtLXJlZEhTKSBjYWxjKHZhcigtLXJlZEwpIC0gNyUpKScsXG4gIH0sXG4gIG5ldXRyYWw6IHtcbiAgICBjb250ZW50OiAnY29udGVudCcsXG4gICAgYm9yZGVyOiAnZmFkZTQnLFxuICAgIGJvcmRlckhvdmVyOiAnZmFkZTYnLFxuICAgIGJvcmRlckFjdGl2ZTogJ3NoYWRlOCcsXG4gICAgYmFja2dyb3VuZDogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBwYWRkaW5nOiAwICR7cGFkZGluZ1h9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuXG4gICR7KHsgdmFyaWFudCB9KSA9PiBgXG4gICAgJHtcbiAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uaWNvbiAmJlxuICAgICAgYFxuICAgICAgLS1ncm4tY29sb3ItaWNvbjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmljb24pfVxuICAgIGBcbiAgICB9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlcil9O1xuICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIC0tZ3JuLWNvbG9yLWljb246IGN1cnJlbnRDb2xvcjtcbiAgICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIpfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckhvdmVyKX07XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRBY3RpdmUpfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckFjdGl2ZSl9O1xuICAgIH1cbiAgYH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLWdybi1jb2xvci1pY29uOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIC5JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5JY29uIHtcbiAgICAkeyh7IGhhc1NwaW5uZXIgfSkgPT5cbiAgICAgIGhhc1NwaW5uZXIgJiZcbiAgICAgIGBcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICBgfVxuICB9XG5cbiAgLmJ1dHRvblNwaW5uZXIge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlSW59ICR7Z2V0VHJhbnNpdGlvbignc2xvdycpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIGhhc0Z1bGxXaWR0aCxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH1cbiAgICAgICAgaGFzU3Bpbm5lcj17aGFzU3Bpbm5lcn1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgKFxuICAgICAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIGNsYXNzTmFtZT1cImJ1dHRvblNwaW5uZXJcIj5cbiAgICAgICAgICAgIDxTcGlubmVyIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gLz59XG4gICAgICAgIDxUZXh0IGNsYXNzTmFtZT1cImJ1dHRvblRleHRcIj57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG4gIH0sXG4pO1xuXG5CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgdmFyaWFudDogdHlwZXMuYnV0dG9uVmFyaWFudCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxuICBoYXNTcGlubmVyOiBQcm9wVHlwZXMuYm9vbCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbn07XG4iXX0= */"));
 
-export var Button = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-      _ref2$variant = _ref2.variant,
-      variant = _ref2$variant === void 0 ? 'neutral' : _ref2$variant,
-      isDisabled = _ref2.isDisabled,
-      icon = _ref2.icon,
-      _ref2$iconPosition = _ref2.iconPosition,
-      iconPosition = _ref2$iconPosition === void 0 ? 'left' : _ref2$iconPosition,
-      hasFullWidth = _ref2.hasFullWidth,
-      hasSpinner = _ref2.hasSpinner,
-      _ref2$type = _ref2.type,
-      type = _ref2$type === void 0 ? 'button' : _ref2$type,
-      props = _objectWithoutProperties(_ref2, _excluded);
+export var Button = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+  var children = _ref3.children,
+      _ref3$variant = _ref3.variant,
+      variant = _ref3$variant === void 0 ? 'neutral' : _ref3$variant,
+      isDisabled = _ref3.isDisabled,
+      icon = _ref3.icon,
+      _ref3$iconPosition = _ref3.iconPosition,
+      iconPosition = _ref3$iconPosition === void 0 ? 'left' : _ref3$iconPosition,
+      hasFullWidth = _ref3.hasFullWidth,
+      hasSpinner = _ref3.hasSpinner,
+      _ref3$type = _ref3.type,
+      type = _ref3$type === void 0 ? 'button' : _ref3$type,
+      props = _objectWithoutProperties(_ref3, _excluded);
 
-  var iconColor = hasSpinner ? 'transparent' : 'icon';
-  var contentColor = hasSpinner ? 'transparent' : 'inherit';
   return ___EmotionJSX(Wrapper, _extends({
     type: type,
     variant: variant,
@@ -105,11 +106,8 @@ export var Button = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   }, ___EmotionJSX(Spinner, {
     color: "currentColor"
   })), icon && ___EmotionJSX(Icon, {
-    color: iconColor,
-    icon: icon,
-    className: "buttonIcon"
+    icon: icon
   }), ___EmotionJSX(Text, {
-    color: contentColor,
     className: "buttonText"
   }, children));
 });

package/es/components/icon-button.js

@@ -3,7 +3,7 @@ import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.object.assign.js";
 import _styled from "@emotion/styled/base";
-var _excluded = ["children", "isDisabled", "icon", "color", "variant", "type"];
+var _excluded = ["children", "isDisabled", "icon", "color", "variant", "type", "isActive"];
 
 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); }
 
@@ -15,7 +15,7 @@ import { Icon } from './icon';
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { types } from '../types';
-import { componentVars, getClearButtonStyles, transitionStyles } from '../foundational';
+import { componentVars, getClearButtonStyles } from '../foundational';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
@@ -23,31 +23,36 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
 } : {
   target: "evb8g3z0",
   label: "Wrapper"
-})(function (_ref) {
-  var variant = _ref.variant;
-  return getClearButtonStyles({
-    variant: variant
-  });
-}, ";min-width:", componentVars.clearButtonHeight, ";padding-left:8px;padding-right:8px;&:hover{--grn-color-icon:currentColor;}.Icon{", transitionStyles, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIGdldENsZWFyQnV0dG9uU3R5bGVzLCB0cmFuc2l0aW9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7KHsgdmFyaWFudCB9KSA9PiBnZXRDbGVhckJ1dHRvblN0eWxlcyh7IHZhcmlhbnQgfSl9O1xuICBtaW4td2lkdGg6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkhlaWdodH07XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG5cbiAgJjpob3ZlciB7XG4gICAgLS1ncm4tY29sb3ItaWNvbjogY3VycmVudENvbG9yO1xuICB9XG5cbiAgLkljb24ge1xuICAgICR7dHJhbnNpdGlvblN0eWxlc307XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzRGlzYWJsZWQsIGljb24sIGNvbG9yLCB2YXJpYW50ID0gJ25ldXRyYWwnLCB0eXBlID0gJ2J1dHRvbicsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxXcmFwcGVyXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKSxcbik7XG5cbkljb25CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxufTtcbiJdfQ== */"));
+})(function (p) {
+  return p.clearButtonStyles.box;
+}, ";min-width:", componentVars.clearButtonHeight, ";padding-left:8px;padding-right:8px;.Icon{", function (p) {
+  return p.clearButtonStyles.icon;
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7cCA9PiBwLmNsZWFyQnV0dG9uU3R5bGVzLmJveH07XG4gIG1pbi13aWR0aDogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fTtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHBhZGRpbmctcmlnaHQ6IDhweDtcblxuICAuSWNvbiB7XG4gICAgJHtwID0+IHAuY2xlYXJCdXR0b25TdHlsZXMuaWNvbn07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHsgY2hpbGRyZW4sIGlzRGlzYWJsZWQsIGljb24sIGNvbG9yLCB2YXJpYW50ID0gJ25ldXRyYWwnLCB0eXBlID0gJ2J1dHRvbicsIGlzQWN0aXZlLCAuLi5wcm9wcyB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgY2xlYXJCdXR0b25TdHlsZXMgPSBnZXRDbGVhckJ1dHRvblN0eWxlcyh7IHZhcmlhbnQsIGlzRGlzYWJsZWQsIGlzQWN0aXZlIH0pO1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIGNsZWFyQnV0dG9uU3R5bGVzPXtjbGVhckJ1dHRvblN0eWxlc31cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSAvPn1cbiAgICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG4gIH0sXG4pO1xuXG5JY29uQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IHR5cGVzLmNsZWFyQnV0dG9uVmFyaWFudCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbn07XG4iXX0= */"));
 
-export var IconButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-      isDisabled = _ref2.isDisabled,
-      icon = _ref2.icon,
-      color = _ref2.color,
-      _ref2$variant = _ref2.variant,
-      variant = _ref2$variant === void 0 ? 'neutral' : _ref2$variant,
-      _ref2$type = _ref2.type,
-      type = _ref2$type === void 0 ? 'button' : _ref2$type,
-      props = _objectWithoutProperties(_ref2, _excluded);
+export var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      isDisabled = _ref.isDisabled,
+      icon = _ref.icon,
+      color = _ref.color,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'neutral' : _ref$variant,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'button' : _ref$type,
+      isActive = _ref.isActive,
+      props = _objectWithoutProperties(_ref, _excluded);
 
+  var clearButtonStyles = getClearButtonStyles({
+    variant: variant,
+    isDisabled: isDisabled,
+    isActive: isActive
+  });
   return ___EmotionJSX(Wrapper, _extends({
     type: type,
     disabled: isDisabled,
     icon: icon,
-    color: color,
     ref: ref,
-    variant: variant
+    variant: variant,
+    clearButtonStyles: clearButtonStyles
   }, props), icon && ___EmotionJSX(Icon, {
     icon: icon
   }), children && children);
@@ -57,7 +62,7 @@ IconButton.propTypes = {
   icon: PropTypes.node,
   onClick: PropTypes.func,
   isDisabled: PropTypes.bool,
-  color: types.color,
+  isActive: PropTypes.bool,
   variant: types.clearButtonVariant,
   type: types.buttonType
 };

package/es/components/icon.js

@@ -23,13 +23,13 @@ var Wrapper = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production"
 } : {
   target: "e1vavdtj0",
   label: "Wrapper"
-})(styles.transitions, ";display:block;color:", function (p) {
+})("display:block;color:", function (p) {
   return getColor(p.color);
 }, ";svg{display:block;height:", function (p) {
   return getIconSize(p.size);
 }, ";", function (p) {
   return p.hasEvenBoundary && "width: ".concat(getIconSize(p.size));
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8yQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9pY29uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRJY29uU2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICR7cCA9PiBnZXRDb2xvcihwLmNvbG9yKX07XG5cbiAgc3ZnIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6ICR7cCA9PiBnZXRJY29uU2l6ZShwLnNpemUpfTtcbiAgICAke3AgPT4gcC5oYXNFdmVuQm91bmRhcnkgJiYgYHdpZHRoOiAke2dldEljb25TaXplKHAuc2l6ZSl9YH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uID0gZm9yd2FyZFJlZihcbiAgKHsgaWNvbiwgc2l6ZSA9ICdtJywgY29sb3IgPSBnZXRDb2xvcignaWNvbicpLCBoYXNFdmVuQm91bmRhcnksIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxXcmFwcGVyXG4gICAgICBzaXplPXtzaXplfVxuICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgaGFzRXZlbkJvdW5kYXJ5PXtoYXNFdmVuQm91bmRhcnl9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNsYXNzTmFtZT1cIkljb25cIlxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtpY29uICYmIGljb259XG4gICAgPC9XcmFwcGVyPlxuICApLFxuKTtcblxuSWNvbi5wcm9wVHlwZXMgPSB7XG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBoYXNFdmVuQm91bmRhcnk6IFByb3BUeXBlcy5ib29sLFxuICBzaXplOiB0eXBlcy5pY29uU2l6ZSxcbiAgY29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */"));
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8yQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9pY29uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRJY29uU2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgLyogJHtzdHlsZXMudHJhbnNpdGlvbnN9OyAqL1xuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICR7cCA9PiBnZXRDb2xvcihwLmNvbG9yKX07XG5cbiAgc3ZnIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6ICR7cCA9PiBnZXRJY29uU2l6ZShwLnNpemUpfTtcbiAgICAke3AgPT4gcC5oYXNFdmVuQm91bmRhcnkgJiYgYHdpZHRoOiAke2dldEljb25TaXplKHAuc2l6ZSl9YH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uID0gZm9yd2FyZFJlZihcbiAgKHsgaWNvbiwgc2l6ZSA9ICdtJywgY29sb3IgPSBnZXRDb2xvcignaWNvbicpLCBoYXNFdmVuQm91bmRhcnksIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxXcmFwcGVyXG4gICAgICBzaXplPXtzaXplfVxuICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgaGFzRXZlbkJvdW5kYXJ5PXtoYXNFdmVuQm91bmRhcnl9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNsYXNzTmFtZT1cIkljb25cIlxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtpY29uICYmIGljb259XG4gICAgPC9XcmFwcGVyPlxuICApLFxuKTtcblxuSWNvbi5wcm9wVHlwZXMgPSB7XG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBoYXNFdmVuQm91bmRhcnk6IFByb3BUeXBlcy5ib29sLFxuICBzaXplOiB0eXBlcy5pY29uU2l6ZSxcbiAgY29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */"));
 
 export var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var icon = _ref.icon,

package/es/components/pagination.js

@@ -18,7 +18,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
-import { componentVars, styles } from '../foundational';
+import { componentVars, getClearButtonStyles } from '../foundational';
 import { getColor, getRadius, getSpace } from '../utilities';
 import { IconButton } from './icon-button';
 import { IconChevronLeft, IconChevronRight } from '../icons';
@@ -35,7 +35,7 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   name: "1k1r7uj",
   styles: "display:grid;grid-auto-flow:column;width:fit-content",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVF1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9wYWdpbmF0aW9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ2hldnJvbkxlZnQsIEljb25DaGV2cm9uUmlnaHQgfSBmcm9tICcuLi9pY29ucyc7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBQYWdlUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gICR7KHsgc2VsZWN0ZWQgfSkgPT4gYFxuICAgICR7IXNlbGVjdGVkICYmIGAtLXRleHRDb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX1gfTtcbiAgICAke1xuICAgICAgc2VsZWN0ZWQgJiZcbiAgICAgIGBcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9ICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAtLXRleHRDb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuYDtcblxuY29uc3QgUGFnZVRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBjb2xvcjogdmFyKC0tdGV4dENvbG9yKTtcbmA7XG5cbmNvbnN0IFBhZ2UgPSAoeyBjaGlsZHJlbiwgc2VsZWN0ZWQsIHBhZ2VOdW1iZXIsIGlzU2VsZWN0ZWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFBhZ2VSb290IGtleT17cGFnZU51bWJlcn0gc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9IHsuLi5wcm9wc30+XG4gICAgICA8SWNvbkJ1dHRvbiBvbkNsaWNrPXtvbkNoYW5nZX0+XG4gICAgICAgIDxQYWdlVGV4dD57cGFnZU51bWJlcn08L1BhZ2VUZXh0PlxuICAgICAgPC9JY29uQnV0dG9uPlxuICAgIDwvUGFnZVJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBFbGxpcHNpcyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgcGFkZGluZzogMCAke2dldFNwYWNlKCd4cycpfTtcbmA7XG5cbkVsbGlwc2lzLmRlZmF1bHRQcm9wcyA9IHsgY2hpbGRyZW46ICcuLi4nIH07XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gZm9yd2FyZFJlZigoeyBhbW91bnQsIHNlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IG1heFZpc2libGVQYWdlcyA9IDU7XG4gIGNvbnN0IHZpc2libGVQYWdlcyA9IFtdO1xuICBjb25zdCBmaXJzdFBhZ2UgPSAxO1xuICBjb25zdCBsYXN0UGFnZSA9IGFtb3VudDtcbiAgY29uc3QgaGFzQ29sbGFwc2VkUGFnZXMgPSBhbW91bnQgPiBtYXhWaXNpYmxlUGFnZXM7XG5cbiAgaWYgKGhhc0NvbGxhcHNlZFBhZ2VzKSB7XG4gICAgY29uc3QgbGVmdEVkZ2VQYWdlID0gTWF0aC5taW4oXG4gICAgICBNYXRoLm1heChmaXJzdFBhZ2UgKyAxLCBzZWxlY3RlZCAtIE1hdGguZmxvb3IobWF4VmlzaWJsZVBhZ2VzIC8gMikpLFxuICAgICAgbGFzdFBhZ2UgLSBtYXhWaXNpYmxlUGFnZXMgKyAxLFxuICAgICk7XG4gICAgY29uc3QgcmlnaHRFZGdlUGFnZSA9IE1hdGgubWluKGxlZnRFZGdlUGFnZSArIG1heFZpc2libGVQYWdlcyAtIDEsIGxhc3RQYWdlKTtcblxuICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UpIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZVxuICAgICAgICAgIGtleT17Zmlyc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17Zmlyc3RQYWdlfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGZpcnN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UgKyAxKSB7XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKDxFbGxpcHNpcyBrZXk9XCJsZWZ0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgIH1cblxuICAgIGZvciAobGV0IGkgPSBsZWZ0RWRnZVBhZ2U7IGkgPD0gcmlnaHRFZGdlUGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlKSB7XG4gICAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlIC0gMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwicmlnaHQtZWxsaXBzaXNcIiAvPik7XG4gICAgICB9XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2xhc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgICBwYWdlTnVtYmVyPXtsYXN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShsYXN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH0gZWxzZSB7XG4gICAgZm9yIChsZXQgaSA9IGZpcnN0UGFnZTsgaSA8PSBsYXN0UGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uTGVmdCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgLSAxKX1cbiAgICAgIC8+XG4gICAgICB7dmlzaWJsZVBhZ2VzfVxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICBpY29uPXs8SWNvbkNoZXZyb25SaWdodCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgKyAxKX1cbiAgICAgIC8+XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cblBhZ2luYXRpb24ucHJvcFR5cGVzID0ge1xuICBhbW91bnQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgc2VsZWN0ZWQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVF1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9wYWdpbmF0aW9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEljb25DaGV2cm9uTGVmdCwgSWNvbkNoZXZyb25SaWdodCB9IGZyb20gJy4uL2ljb25zJztcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5cbmNvbnN0IFBhZ2VSb290ID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG5cbiAgJHsoeyBzZWxlY3RlZCB9KSA9PiBgXG4gICAgY29sb3I6ICR7Z2V0Q29sb3Ioc2VsZWN0ZWQgPyAnY29udGVudCcgOiAnY29udGVudDInKX07XG4gICAgJHtcbiAgICAgIHNlbGVjdGVkICYmXG4gICAgICBgXG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGBcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBQYWdlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHsoeyBjbGVhckJ1dHRvblN0eWxlcyB9KSA9PiBjbGVhckJ1dHRvblN0eWxlcy5ib3h9XG4gIG1pbi13aWR0aDogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fTtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHBhZGRpbmctcmlnaHQ6IDhweDtcbiAgY29sb3I6IGluaGVyaXQ7XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cbmA7XG5cbmNvbnN0IFBhZ2UgPSAoeyBjaGlsZHJlbiwgc2VsZWN0ZWQsIHBhZ2VOdW1iZXIsIGlzU2VsZWN0ZWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IGNsZWFyQnV0dG9uU3R5bGVzID0gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoe30pO1xuICByZXR1cm4gKFxuICAgIDxQYWdlUm9vdCBrZXk9e3BhZ2VOdW1iZXJ9IHNlbGVjdGVkPXtpc1NlbGVjdGVkfSB7Li4ucHJvcHN9PlxuICAgICAgPFBhZ2VCdXR0b24gb25DbGljaz17b25DaGFuZ2V9IGNsZWFyQnV0dG9uU3R5bGVzPXtjbGVhckJ1dHRvblN0eWxlc30+XG4gICAgICAgIHtwYWdlTnVtYmVyfVxuICAgICAgPC9QYWdlQnV0dG9uPlxuICAgIDwvUGFnZVJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBFbGxpcHNpcyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgcGFkZGluZzogMCAke2dldFNwYWNlKCd4cycpfTtcbmA7XG5cbkVsbGlwc2lzLmRlZmF1bHRQcm9wcyA9IHsgY2hpbGRyZW46ICcuLi4nIH07XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gZm9yd2FyZFJlZigoeyBhbW91bnQsIHNlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IG1heFZpc2libGVQYWdlcyA9IDU7XG4gIGNvbnN0IHZpc2libGVQYWdlcyA9IFtdO1xuICBjb25zdCBmaXJzdFBhZ2UgPSAxO1xuICBjb25zdCBsYXN0UGFnZSA9IGFtb3VudDtcbiAgY29uc3QgaGFzQ29sbGFwc2VkUGFnZXMgPSBhbW91bnQgPiBtYXhWaXNpYmxlUGFnZXM7XG5cbiAgaWYgKGhhc0NvbGxhcHNlZFBhZ2VzKSB7XG4gICAgY29uc3QgbGVmdEVkZ2VQYWdlID0gTWF0aC5taW4oXG4gICAgICBNYXRoLm1heChmaXJzdFBhZ2UgKyAxLCBzZWxlY3RlZCAtIE1hdGguZmxvb3IobWF4VmlzaWJsZVBhZ2VzIC8gMikpLFxuICAgICAgbGFzdFBhZ2UgLSBtYXhWaXNpYmxlUGFnZXMgKyAxLFxuICAgICk7XG4gICAgY29uc3QgcmlnaHRFZGdlUGFnZSA9IE1hdGgubWluKGxlZnRFZGdlUGFnZSArIG1heFZpc2libGVQYWdlcyAtIDEsIGxhc3RQYWdlKTtcblxuICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UpIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZVxuICAgICAgICAgIGtleT17Zmlyc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17Zmlyc3RQYWdlfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGZpcnN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UgKyAxKSB7XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKDxFbGxpcHNpcyBrZXk9XCJsZWZ0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgIH1cblxuICAgIGZvciAobGV0IGkgPSBsZWZ0RWRnZVBhZ2U7IGkgPD0gcmlnaHRFZGdlUGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlKSB7XG4gICAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlIC0gMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwicmlnaHQtZWxsaXBzaXNcIiAvPik7XG4gICAgICB9XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2xhc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgICBwYWdlTnVtYmVyPXtsYXN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShsYXN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH0gZWxzZSB7XG4gICAgZm9yIChsZXQgaSA9IGZpcnN0UGFnZTsgaSA8PSBsYXN0UGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uTGVmdCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgLSAxKX1cbiAgICAgIC8+XG4gICAgICB7dmlzaWJsZVBhZ2VzfVxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICBpY29uPXs8SWNvbkNoZXZyb25SaWdodCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgKyAxKX1cbiAgICAgIC8+XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cblBhZ2luYXRpb24ucHJvcFR5cGVzID0ge1xuICBhbW91bnQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgc2VsZWN0ZWQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -46,30 +46,35 @@ var PageRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
   label: "PageRoot"
 })("border-radius:", getRadius('s'), ";", function (_ref) {
   var selected = _ref.selected;
-  return "\n    ".concat(!selected && "--textColor: ".concat(getColor('content2')), ";\n    ").concat(selected && "\n        box-shadow: inset 0 0 0 ".concat(componentVars.strokeSize, " ").concat(componentVars.activeBorderColor, ";\n        pointer-events: none;\n      "), "\n  ");
-}, " &:hover{--textColor:", getColor('content'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWMyQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9wYWdpbmF0aW9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ2hldnJvbkxlZnQsIEljb25DaGV2cm9uUmlnaHQgfSBmcm9tICcuLi9pY29ucyc7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBQYWdlUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gICR7KHsgc2VsZWN0ZWQgfSkgPT4gYFxuICAgICR7IXNlbGVjdGVkICYmIGAtLXRleHRDb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX1gfTtcbiAgICAke1xuICAgICAgc2VsZWN0ZWQgJiZcbiAgICAgIGBcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9ICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgYFxuICAgIH1cbiAgYH1cblxuICAmOmhvdmVyIHtcbiAgICAtLXRleHRDb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuYDtcblxuY29uc3QgUGFnZVRleHQgPSBzdHlsZWQuc3BhbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBjb2xvcjogdmFyKC0tdGV4dENvbG9yKTtcbmA7XG5cbmNvbnN0IFBhZ2UgPSAoeyBjaGlsZHJlbiwgc2VsZWN0ZWQsIHBhZ2VOdW1iZXIsIGlzU2VsZWN0ZWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFBhZ2VSb290IGtleT17cGFnZU51bWJlcn0gc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9IHsuLi5wcm9wc30+XG4gICAgICA8SWNvbkJ1dHRvbiBvbkNsaWNrPXtvbkNoYW5nZX0+XG4gICAgICAgIDxQYWdlVGV4dD57cGFnZU51bWJlcn08L1BhZ2VUZXh0PlxuICAgICAgPC9JY29uQnV0dG9uPlxuICAgIDwvUGFnZVJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBFbGxpcHNpcyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgcGFkZGluZzogMCAke2dldFNwYWNlKCd4cycpfTtcbmA7XG5cbkVsbGlwc2lzLmRlZmF1bHRQcm9wcyA9IHsgY2hpbGRyZW46ICcuLi4nIH07XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gZm9yd2FyZFJlZigoeyBhbW91bnQsIHNlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IG1heFZpc2libGVQYWdlcyA9IDU7XG4gIGNvbnN0IHZpc2libGVQYWdlcyA9IFtdO1xuICBjb25zdCBmaXJzdFBhZ2UgPSAxO1xuICBjb25zdCBsYXN0UGFnZSA9IGFtb3VudDtcbiAgY29uc3QgaGFzQ29sbGFwc2VkUGFnZXMgPSBhbW91bnQgPiBtYXhWaXNpYmxlUGFnZXM7XG5cbiAgaWYgKGhhc0NvbGxhcHNlZFBhZ2VzKSB7XG4gICAgY29uc3QgbGVmdEVkZ2VQYWdlID0gTWF0aC5taW4oXG4gICAgICBNYXRoLm1heChmaXJzdFBhZ2UgKyAxLCBzZWxlY3RlZCAtIE1hdGguZmxvb3IobWF4VmlzaWJsZVBhZ2VzIC8gMikpLFxuICAgICAgbGFzdFBhZ2UgLSBtYXhWaXNpYmxlUGFnZXMgKyAxLFxuICAgICk7XG4gICAgY29uc3QgcmlnaHRFZGdlUGFnZSA9IE1hdGgubWluKGxlZnRFZGdlUGFnZSArIG1heFZpc2libGVQYWdlcyAtIDEsIGxhc3RQYWdlKTtcblxuICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UpIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZVxuICAgICAgICAgIGtleT17Zmlyc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17Zmlyc3RQYWdlfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGZpcnN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UgKyAxKSB7XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKDxFbGxpcHNpcyBrZXk9XCJsZWZ0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgIH1cblxuICAgIGZvciAobGV0IGkgPSBsZWZ0RWRnZVBhZ2U7IGkgPD0gcmlnaHRFZGdlUGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlKSB7XG4gICAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlIC0gMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwicmlnaHQtZWxsaXBzaXNcIiAvPik7XG4gICAgICB9XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2xhc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgICBwYWdlTnVtYmVyPXtsYXN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShsYXN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH0gZWxzZSB7XG4gICAgZm9yIChsZXQgaSA9IGZpcnN0UGFnZTsgaSA8PSBsYXN0UGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uTGVmdCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgLSAxKX1cbiAgICAgIC8+XG4gICAgICB7dmlzaWJsZVBhZ2VzfVxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICBpY29uPXs8SWNvbkNoZXZyb25SaWdodCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgKyAxKX1cbiAgICAgIC8+XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cblBhZ2luYXRpb24ucHJvcFR5cGVzID0ge1xuICBhbW91bnQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgc2VsZWN0ZWQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuIl19 */"));
+  return "\n    color: ".concat(getColor(selected ? 'content' : 'content2'), ";\n    ").concat(selected && "\n        box-shadow: inset 0 0 0 ".concat(componentVars.strokeSize, " ").concat(componentVars.activeBorderColor, ";\n        pointer-events: none;\n      "), "\n  ");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWMyQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9wYWdpbmF0aW9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEljb25DaGV2cm9uTGVmdCwgSWNvbkNoZXZyb25SaWdodCB9IGZyb20gJy4uL2ljb25zJztcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5cbmNvbnN0IFBhZ2VSb290ID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG5cbiAgJHsoeyBzZWxlY3RlZCB9KSA9PiBgXG4gICAgY29sb3I6ICR7Z2V0Q29sb3Ioc2VsZWN0ZWQgPyAnY29udGVudCcgOiAnY29udGVudDInKX07XG4gICAgJHtcbiAgICAgIHNlbGVjdGVkICYmXG4gICAgICBgXG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGBcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBQYWdlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHsoeyBjbGVhckJ1dHRvblN0eWxlcyB9KSA9PiBjbGVhckJ1dHRvblN0eWxlcy5ib3h9XG4gIG1pbi13aWR0aDogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fTtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHBhZGRpbmctcmlnaHQ6IDhweDtcbiAgY29sb3I6IGluaGVyaXQ7XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cbmA7XG5cbmNvbnN0IFBhZ2UgPSAoeyBjaGlsZHJlbiwgc2VsZWN0ZWQsIHBhZ2VOdW1iZXIsIGlzU2VsZWN0ZWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IGNsZWFyQnV0dG9uU3R5bGVzID0gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoe30pO1xuICByZXR1cm4gKFxuICAgIDxQYWdlUm9vdCBrZXk9e3BhZ2VOdW1iZXJ9IHNlbGVjdGVkPXtpc1NlbGVjdGVkfSB7Li4ucHJvcHN9PlxuICAgICAgPFBhZ2VCdXR0b24gb25DbGljaz17b25DaGFuZ2V9IGNsZWFyQnV0dG9uU3R5bGVzPXtjbGVhckJ1dHRvblN0eWxlc30+XG4gICAgICAgIHtwYWdlTnVtYmVyfVxuICAgICAgPC9QYWdlQnV0dG9uPlxuICAgIDwvUGFnZVJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBFbGxpcHNpcyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfTtcbiAgcGFkZGluZzogMCAke2dldFNwYWNlKCd4cycpfTtcbmA7XG5cbkVsbGlwc2lzLmRlZmF1bHRQcm9wcyA9IHsgY2hpbGRyZW46ICcuLi4nIH07XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gZm9yd2FyZFJlZigoeyBhbW91bnQsIHNlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IG1heFZpc2libGVQYWdlcyA9IDU7XG4gIGNvbnN0IHZpc2libGVQYWdlcyA9IFtdO1xuICBjb25zdCBmaXJzdFBhZ2UgPSAxO1xuICBjb25zdCBsYXN0UGFnZSA9IGFtb3VudDtcbiAgY29uc3QgaGFzQ29sbGFwc2VkUGFnZXMgPSBhbW91bnQgPiBtYXhWaXNpYmxlUGFnZXM7XG5cbiAgaWYgKGhhc0NvbGxhcHNlZFBhZ2VzKSB7XG4gICAgY29uc3QgbGVmdEVkZ2VQYWdlID0gTWF0aC5taW4oXG4gICAgICBNYXRoLm1heChmaXJzdFBhZ2UgKyAxLCBzZWxlY3RlZCAtIE1hdGguZmxvb3IobWF4VmlzaWJsZVBhZ2VzIC8gMikpLFxuICAgICAgbGFzdFBhZ2UgLSBtYXhWaXNpYmxlUGFnZXMgKyAxLFxuICAgICk7XG4gICAgY29uc3QgcmlnaHRFZGdlUGFnZSA9IE1hdGgubWluKGxlZnRFZGdlUGFnZSArIG1heFZpc2libGVQYWdlcyAtIDEsIGxhc3RQYWdlKTtcblxuICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UpIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKFxuICAgICAgICA8UGFnZVxuICAgICAgICAgIGtleT17Zmlyc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17Zmlyc3RQYWdlfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGZpcnN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICAgIGlmIChsZWZ0RWRnZVBhZ2UgPiBmaXJzdFBhZ2UgKyAxKSB7XG4gICAgICAgIHZpc2libGVQYWdlcy5wdXNoKDxFbGxpcHNpcyBrZXk9XCJsZWZ0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgIH1cblxuICAgIGZvciAobGV0IGkgPSBsZWZ0RWRnZVBhZ2U7IGkgPD0gcmlnaHRFZGdlUGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlKSB7XG4gICAgICBpZiAocmlnaHRFZGdlUGFnZSA8IGxhc3RQYWdlIC0gMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwicmlnaHQtZWxsaXBzaXNcIiAvPik7XG4gICAgICB9XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2xhc3RQYWdlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgICBwYWdlTnVtYmVyPXtsYXN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShsYXN0UGFnZSl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH0gZWxzZSB7XG4gICAgZm9yIChsZXQgaSA9IGZpcnN0UGFnZTsgaSA8PSBsYXN0UGFnZTsgaSsrKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2Uga2V5PXtpfSBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gaX0gcGFnZU51bWJlcj17aX0gb25DbGljaz17KCkgPT4gb25DaGFuZ2UoaSl9IC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGZpcnN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uTGVmdCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgLSAxKX1cbiAgICAgIC8+XG4gICAgICB7dmlzaWJsZVBhZ2VzfVxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaXNEaXNhYmxlZD17c2VsZWN0ZWQgPT09IGxhc3RQYWdlfVxuICAgICAgICBpY29uPXs8SWNvbkNoZXZyb25SaWdodCAvPn1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2Uoc2VsZWN0ZWQgKyAxKX1cbiAgICAgIC8+XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cblBhZ2luYXRpb24ucHJvcFR5cGVzID0ge1xuICBhbW91bnQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgc2VsZWN0ZWQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuIl19 */"));
 
-var PageText = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+var PageButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e196zwcn1"
 } : {
   target: "e196zwcn1",
-  label: "PageText"
-})(styles.transitions, ";color:var(--textColor);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDNEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcGFnaW5hdGlvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4vaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25MZWZ0LCBJY29uQ2hldnJvblJpZ2h0IH0gZnJvbSAnLi4vaWNvbnMnO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICAkeyh7IHNlbGVjdGVkIH0pID0+IGBcbiAgICAkeyFzZWxlY3RlZCAmJiBgLS10ZXh0Q29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9YH07XG4gICAgJHtcbiAgICAgIHNlbGVjdGVkICYmXG4gICAgICBgXG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGBcbiAgICB9XG4gIGB9XG5cbiAgJjpob3ZlciB7XG4gICAgLS10ZXh0Q29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cbmA7XG5cbmNvbnN0IFBhZ2VUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgY29sb3I6IHZhcigtLXRleHRDb2xvcik7XG5gO1xuXG5jb25zdCBQYWdlID0gKHsgY2hpbGRyZW4sIHNlbGVjdGVkLCBwYWdlTnVtYmVyLCBpc1NlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxQYWdlUm9vdCBrZXk9e3BhZ2VOdW1iZXJ9IHNlbGVjdGVkPXtpc1NlbGVjdGVkfSB7Li4ucHJvcHN9PlxuICAgICAgPEljb25CdXR0b24gb25DbGljaz17b25DaGFuZ2V9PlxuICAgICAgICA8UGFnZVRleHQ+e3BhZ2VOdW1iZXJ9PC9QYWdlVGV4dD5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICA8L1BhZ2VSb290PlxuICApO1xufTtcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX07XG4gIHBhZGRpbmc6IDAgJHtnZXRTcGFjZSgneHMnKX07XG5gO1xuXG5FbGxpcHNpcy5kZWZhdWx0UHJvcHMgPSB7IGNoaWxkcmVuOiAnLi4uJyB9O1xuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IGZvcndhcmRSZWYoKHsgYW1vdW50LCBzZWxlY3RlZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBtYXhWaXNpYmxlUGFnZXMgPSA1O1xuICBjb25zdCB2aXNpYmxlUGFnZXMgPSBbXTtcbiAgY29uc3QgZmlyc3RQYWdlID0gMTtcbiAgY29uc3QgbGFzdFBhZ2UgPSBhbW91bnQ7XG4gIGNvbnN0IGhhc0NvbGxhcHNlZFBhZ2VzID0gYW1vdW50ID4gbWF4VmlzaWJsZVBhZ2VzO1xuXG4gIGlmIChoYXNDb2xsYXBzZWRQYWdlcykge1xuICAgIGNvbnN0IGxlZnRFZGdlUGFnZSA9IE1hdGgubWluKFxuICAgICAgTWF0aC5tYXgoZmlyc3RQYWdlICsgMSwgc2VsZWN0ZWQgLSBNYXRoLmZsb29yKG1heFZpc2libGVQYWdlcyAvIDIpKSxcbiAgICAgIGxhc3RQYWdlIC0gbWF4VmlzaWJsZVBhZ2VzICsgMSxcbiAgICApO1xuICAgIGNvbnN0IHJpZ2h0RWRnZVBhZ2UgPSBNYXRoLm1pbihsZWZ0RWRnZVBhZ2UgKyBtYXhWaXNpYmxlUGFnZXMgLSAxLCBsYXN0UGFnZSk7XG5cbiAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gZmlyc3RQYWdlfVxuICAgICAgICAgIHBhZ2VOdW1iZXI9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShmaXJzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlICsgMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwibGVmdC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb3IgKGxldCBpID0gbGVmdEVkZ2VQYWdlOyBpIDw9IHJpZ2h0RWRnZVBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSkge1xuICAgICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSAtIDEpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cInJpZ2h0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlXG4gICAgICAgICAga2V5PXtsYXN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gbGFzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17bGFzdFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UobGFzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgfVxuICB9IGVsc2Uge1xuICAgIGZvciAobGV0IGkgPSBmaXJzdFBhZ2U7IGkgPD0gbGFzdFBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Um9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgIGljb249ezxJY29uQ2hldnJvbkxlZnQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkIC0gMSl9XG4gICAgICAvPlxuICAgICAge3Zpc2libGVQYWdlc31cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uUmlnaHQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkICsgMSl9XG4gICAgICAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5QYWdpbmF0aW9uLnByb3BUeXBlcyA9IHtcbiAgYW1vdW50OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHNlbGVjdGVkOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxufTtcbiJdfQ== */"));
-
-var Page = function Page(_ref2) {
-  var children = _ref2.children,
-      selected = _ref2.selected,
-      pageNumber = _ref2.pageNumber,
-      isSelected = _ref2.isSelected,
-      onChange = _ref2.onChange,
-      props = _objectWithoutProperties(_ref2, _excluded);
+  label: "PageButton"
+})(function (_ref2) {
+  var clearButtonStyles = _ref2.clearButtonStyles;
+  return clearButtonStyles.box;
+}, " min-width:", componentVars.clearButtonHeight, ";padding-left:8px;padding-right:8px;color:inherit;&:hover{color:", getColor('content'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCZ0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcGFnaW5hdGlvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ2hldnJvbkxlZnQsIEljb25DaGV2cm9uUmlnaHQgfSBmcm9tICcuLi9pY29ucyc7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBQYWdlUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gICR7KHsgc2VsZWN0ZWQgfSkgPT4gYFxuICAgIGNvbG9yOiAke2dldENvbG9yKHNlbGVjdGVkID8gJ2NvbnRlbnQnIDogJ2NvbnRlbnQyJyl9O1xuICAgICR7XG4gICAgICBzZWxlY3RlZCAmJlxuICAgICAgYFxuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICBgXG4gICAgfVxuICBgfVxuYDtcblxuY29uc3QgUGFnZUJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICR7KHsgY2xlYXJCdXR0b25TdHlsZXMgfSkgPT4gY2xlYXJCdXR0b25TdHlsZXMuYm94fVxuICBtaW4td2lkdGg6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkhlaWdodH07XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gIGNvbG9yOiBpbmhlcml0O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBQYWdlID0gKHsgY2hpbGRyZW4sIHNlbGVjdGVkLCBwYWdlTnVtYmVyLCBpc1NlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICBjb25zdCBjbGVhckJ1dHRvblN0eWxlcyA9IGdldENsZWFyQnV0dG9uU3R5bGVzKHt9KTtcbiAgcmV0dXJuIChcbiAgICA8UGFnZVJvb3Qga2V5PXtwYWdlTnVtYmVyfSBzZWxlY3RlZD17aXNTZWxlY3RlZH0gey4uLnByb3BzfT5cbiAgICAgIDxQYWdlQnV0dG9uIG9uQ2xpY2s9e29uQ2hhbmdlfSBjbGVhckJ1dHRvblN0eWxlcz17Y2xlYXJCdXR0b25TdHlsZXN9PlxuICAgICAgICB7cGFnZU51bWJlcn1cbiAgICAgIDwvUGFnZUJ1dHRvbj5cbiAgICA8L1BhZ2VSb290PlxuICApO1xufTtcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX07XG4gIHBhZGRpbmc6IDAgJHtnZXRTcGFjZSgneHMnKX07XG5gO1xuXG5FbGxpcHNpcy5kZWZhdWx0UHJvcHMgPSB7IGNoaWxkcmVuOiAnLi4uJyB9O1xuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IGZvcndhcmRSZWYoKHsgYW1vdW50LCBzZWxlY3RlZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBtYXhWaXNpYmxlUGFnZXMgPSA1O1xuICBjb25zdCB2aXNpYmxlUGFnZXMgPSBbXTtcbiAgY29uc3QgZmlyc3RQYWdlID0gMTtcbiAgY29uc3QgbGFzdFBhZ2UgPSBhbW91bnQ7XG4gIGNvbnN0IGhhc0NvbGxhcHNlZFBhZ2VzID0gYW1vdW50ID4gbWF4VmlzaWJsZVBhZ2VzO1xuXG4gIGlmIChoYXNDb2xsYXBzZWRQYWdlcykge1xuICAgIGNvbnN0IGxlZnRFZGdlUGFnZSA9IE1hdGgubWluKFxuICAgICAgTWF0aC5tYXgoZmlyc3RQYWdlICsgMSwgc2VsZWN0ZWQgLSBNYXRoLmZsb29yKG1heFZpc2libGVQYWdlcyAvIDIpKSxcbiAgICAgIGxhc3RQYWdlIC0gbWF4VmlzaWJsZVBhZ2VzICsgMSxcbiAgICApO1xuICAgIGNvbnN0IHJpZ2h0RWRnZVBhZ2UgPSBNYXRoLm1pbihsZWZ0RWRnZVBhZ2UgKyBtYXhWaXNpYmxlUGFnZXMgLSAxLCBsYXN0UGFnZSk7XG5cbiAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gZmlyc3RQYWdlfVxuICAgICAgICAgIHBhZ2VOdW1iZXI9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShmaXJzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlICsgMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwibGVmdC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb3IgKGxldCBpID0gbGVmdEVkZ2VQYWdlOyBpIDw9IHJpZ2h0RWRnZVBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSkge1xuICAgICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSAtIDEpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cInJpZ2h0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlXG4gICAgICAgICAga2V5PXtsYXN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gbGFzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17bGFzdFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UobGFzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgfVxuICB9IGVsc2Uge1xuICAgIGZvciAobGV0IGkgPSBmaXJzdFBhZ2U7IGkgPD0gbGFzdFBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Um9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgIGljb249ezxJY29uQ2hldnJvbkxlZnQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkIC0gMSl9XG4gICAgICAvPlxuICAgICAge3Zpc2libGVQYWdlc31cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uUmlnaHQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkICsgMSl9XG4gICAgICAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5QYWdpbmF0aW9uLnByb3BUeXBlcyA9IHtcbiAgYW1vdW50OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHNlbGVjdGVkOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxufTtcbiJdfQ== */"));
+
+var Page = function Page(_ref3) {
+  var children = _ref3.children,
+      selected = _ref3.selected,
+      pageNumber = _ref3.pageNumber,
+      isSelected = _ref3.isSelected,
+      onChange = _ref3.onChange,
+      props = _objectWithoutProperties(_ref3, _excluded);
 
+  var clearButtonStyles = getClearButtonStyles({});
   return ___EmotionJSX(PageRoot, _extends({
     key: pageNumber,
     selected: isSelected
-  }, props), ___EmotionJSX(IconButton, {
-    onClick: onChange
-  }, ___EmotionJSX(PageText, null, pageNumber)));
+  }, props), ___EmotionJSX(PageButton, {
+    onClick: onChange,
+    clearButtonStyles: clearButtonStyles
+  }, pageNumber));
 };
 
 var Ellipsis = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -77,16 +82,16 @@ var Ellipsis = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
 } : {
   target: "e196zwcn0",
   label: "Ellipsis"
-})("display:grid;place-items:center;color:", getColor('content2'), ";padding:0 ", getSpace('xs'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEMkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcGFnaW5hdGlvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4vaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25MZWZ0LCBJY29uQ2hldnJvblJpZ2h0IH0gZnJvbSAnLi4vaWNvbnMnO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICAkeyh7IHNlbGVjdGVkIH0pID0+IGBcbiAgICAkeyFzZWxlY3RlZCAmJiBgLS10ZXh0Q29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9YH07XG4gICAgJHtcbiAgICAgIHNlbGVjdGVkICYmXG4gICAgICBgXG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSAke2NvbXBvbmVudFZhcnMuYWN0aXZlQm9yZGVyQ29sb3J9O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGBcbiAgICB9XG4gIGB9XG5cbiAgJjpob3ZlciB7XG4gICAgLS10ZXh0Q29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cbmA7XG5cbmNvbnN0IFBhZ2VUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgY29sb3I6IHZhcigtLXRleHRDb2xvcik7XG5gO1xuXG5jb25zdCBQYWdlID0gKHsgY2hpbGRyZW4sIHNlbGVjdGVkLCBwYWdlTnVtYmVyLCBpc1NlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxQYWdlUm9vdCBrZXk9e3BhZ2VOdW1iZXJ9IHNlbGVjdGVkPXtpc1NlbGVjdGVkfSB7Li4ucHJvcHN9PlxuICAgICAgPEljb25CdXR0b24gb25DbGljaz17b25DaGFuZ2V9PlxuICAgICAgICA8UGFnZVRleHQ+e3BhZ2VOdW1iZXJ9PC9QYWdlVGV4dD5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICA8L1BhZ2VSb290PlxuICApO1xufTtcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX07XG4gIHBhZGRpbmc6IDAgJHtnZXRTcGFjZSgneHMnKX07XG5gO1xuXG5FbGxpcHNpcy5kZWZhdWx0UHJvcHMgPSB7IGNoaWxkcmVuOiAnLi4uJyB9O1xuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IGZvcndhcmRSZWYoKHsgYW1vdW50LCBzZWxlY3RlZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBtYXhWaXNpYmxlUGFnZXMgPSA1O1xuICBjb25zdCB2aXNpYmxlUGFnZXMgPSBbXTtcbiAgY29uc3QgZmlyc3RQYWdlID0gMTtcbiAgY29uc3QgbGFzdFBhZ2UgPSBhbW91bnQ7XG4gIGNvbnN0IGhhc0NvbGxhcHNlZFBhZ2VzID0gYW1vdW50ID4gbWF4VmlzaWJsZVBhZ2VzO1xuXG4gIGlmIChoYXNDb2xsYXBzZWRQYWdlcykge1xuICAgIGNvbnN0IGxlZnRFZGdlUGFnZSA9IE1hdGgubWluKFxuICAgICAgTWF0aC5tYXgoZmlyc3RQYWdlICsgMSwgc2VsZWN0ZWQgLSBNYXRoLmZsb29yKG1heFZpc2libGVQYWdlcyAvIDIpKSxcbiAgICAgIGxhc3RQYWdlIC0gbWF4VmlzaWJsZVBhZ2VzICsgMSxcbiAgICApO1xuICAgIGNvbnN0IHJpZ2h0RWRnZVBhZ2UgPSBNYXRoLm1pbihsZWZ0RWRnZVBhZ2UgKyBtYXhWaXNpYmxlUGFnZXMgLSAxLCBsYXN0UGFnZSk7XG5cbiAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gZmlyc3RQYWdlfVxuICAgICAgICAgIHBhZ2VOdW1iZXI9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShmaXJzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlICsgMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwibGVmdC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb3IgKGxldCBpID0gbGVmdEVkZ2VQYWdlOyBpIDw9IHJpZ2h0RWRnZVBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSkge1xuICAgICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSAtIDEpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cInJpZ2h0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlXG4gICAgICAgICAga2V5PXtsYXN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gbGFzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17bGFzdFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UobGFzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgfVxuICB9IGVsc2Uge1xuICAgIGZvciAobGV0IGkgPSBmaXJzdFBhZ2U7IGkgPD0gbGFzdFBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Um9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgIGljb249ezxJY29uQ2hldnJvbkxlZnQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkIC0gMSl9XG4gICAgICAvPlxuICAgICAge3Zpc2libGVQYWdlc31cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uUmlnaHQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkICsgMSl9XG4gICAgICAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5QYWdpbmF0aW9uLnByb3BUeXBlcyA9IHtcbiAgYW1vdW50OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHNlbGVjdGVkOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxufTtcbiJdfQ== */"));
+})("display:grid;place-items:center;color:", getColor('content2'), ";padding:0 ", getSpace('xs'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BhZ2luYXRpb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EMkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcGFnaW5hdGlvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ2hldnJvbkxlZnQsIEljb25DaGV2cm9uUmlnaHQgfSBmcm9tICcuLi9pY29ucyc7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBQYWdlUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gICR7KHsgc2VsZWN0ZWQgfSkgPT4gYFxuICAgIGNvbG9yOiAke2dldENvbG9yKHNlbGVjdGVkID8gJ2NvbnRlbnQnIDogJ2NvbnRlbnQyJyl9O1xuICAgICR7XG4gICAgICBzZWxlY3RlZCAmJlxuICAgICAgYFxuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICBgXG4gICAgfVxuICBgfVxuYDtcblxuY29uc3QgUGFnZUJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICR7KHsgY2xlYXJCdXR0b25TdHlsZXMgfSkgPT4gY2xlYXJCdXR0b25TdHlsZXMuYm94fVxuICBtaW4td2lkdGg6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkhlaWdodH07XG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gIGNvbG9yOiBpbmhlcml0O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBQYWdlID0gKHsgY2hpbGRyZW4sIHNlbGVjdGVkLCBwYWdlTnVtYmVyLCBpc1NlbGVjdGVkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICBjb25zdCBjbGVhckJ1dHRvblN0eWxlcyA9IGdldENsZWFyQnV0dG9uU3R5bGVzKHt9KTtcbiAgcmV0dXJuIChcbiAgICA8UGFnZVJvb3Qga2V5PXtwYWdlTnVtYmVyfSBzZWxlY3RlZD17aXNTZWxlY3RlZH0gey4uLnByb3BzfT5cbiAgICAgIDxQYWdlQnV0dG9uIG9uQ2xpY2s9e29uQ2hhbmdlfSBjbGVhckJ1dHRvblN0eWxlcz17Y2xlYXJCdXR0b25TdHlsZXN9PlxuICAgICAgICB7cGFnZU51bWJlcn1cbiAgICAgIDwvUGFnZUJ1dHRvbj5cbiAgICA8L1BhZ2VSb290PlxuICApO1xufTtcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX07XG4gIHBhZGRpbmc6IDAgJHtnZXRTcGFjZSgneHMnKX07XG5gO1xuXG5FbGxpcHNpcy5kZWZhdWx0UHJvcHMgPSB7IGNoaWxkcmVuOiAnLi4uJyB9O1xuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9IGZvcndhcmRSZWYoKHsgYW1vdW50LCBzZWxlY3RlZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCBtYXhWaXNpYmxlUGFnZXMgPSA1O1xuICBjb25zdCB2aXNpYmxlUGFnZXMgPSBbXTtcbiAgY29uc3QgZmlyc3RQYWdlID0gMTtcbiAgY29uc3QgbGFzdFBhZ2UgPSBhbW91bnQ7XG4gIGNvbnN0IGhhc0NvbGxhcHNlZFBhZ2VzID0gYW1vdW50ID4gbWF4VmlzaWJsZVBhZ2VzO1xuXG4gIGlmIChoYXNDb2xsYXBzZWRQYWdlcykge1xuICAgIGNvbnN0IGxlZnRFZGdlUGFnZSA9IE1hdGgubWluKFxuICAgICAgTWF0aC5tYXgoZmlyc3RQYWdlICsgMSwgc2VsZWN0ZWQgLSBNYXRoLmZsb29yKG1heFZpc2libGVQYWdlcyAvIDIpKSxcbiAgICAgIGxhc3RQYWdlIC0gbWF4VmlzaWJsZVBhZ2VzICsgMSxcbiAgICApO1xuICAgIGNvbnN0IHJpZ2h0RWRnZVBhZ2UgPSBNYXRoLm1pbihsZWZ0RWRnZVBhZ2UgKyBtYXhWaXNpYmxlUGFnZXMgLSAxLCBsYXN0UGFnZSk7XG5cbiAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlKSB7XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaChcbiAgICAgICAgPFBhZ2VcbiAgICAgICAgICBrZXk9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gZmlyc3RQYWdlfVxuICAgICAgICAgIHBhZ2VOdW1iZXI9e2ZpcnN0UGFnZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoYW5nZShmaXJzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgICBpZiAobGVmdEVkZ2VQYWdlID4gZmlyc3RQYWdlICsgMSkge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCg8RWxsaXBzaXMga2V5PVwibGVmdC1lbGxpcHNpc1wiIC8+KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb3IgKGxldCBpID0gbGVmdEVkZ2VQYWdlOyBpIDw9IHJpZ2h0RWRnZVBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSkge1xuICAgICAgaWYgKHJpZ2h0RWRnZVBhZ2UgPCBsYXN0UGFnZSAtIDEpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goPEVsbGlwc2lzIGtleT1cInJpZ2h0LWVsbGlwc2lzXCIgLz4pO1xuICAgICAgfVxuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlXG4gICAgICAgICAga2V5PXtsYXN0UGFnZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzZWxlY3RlZCA9PT0gbGFzdFBhZ2V9XG4gICAgICAgICAgcGFnZU51bWJlcj17bGFzdFBhZ2V9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gb25DaGFuZ2UobGFzdFBhZ2UpfVxuICAgICAgICAvPixcbiAgICAgICk7XG4gICAgfVxuICB9IGVsc2Uge1xuICAgIGZvciAobGV0IGkgPSBmaXJzdFBhZ2U7IGkgPD0gbGFzdFBhZ2U7IGkrKykge1xuICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goXG4gICAgICAgIDxQYWdlIGtleT17aX0gaXNTZWxlY3RlZD17c2VsZWN0ZWQgPT09IGl9IHBhZ2VOdW1iZXI9e2l9IG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKGkpfSAvPixcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Um9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBmaXJzdFBhZ2V9XG4gICAgICAgIGljb249ezxJY29uQ2hldnJvbkxlZnQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkIC0gMSl9XG4gICAgICAvPlxuICAgICAge3Zpc2libGVQYWdlc31cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGlzRGlzYWJsZWQ9e3NlbGVjdGVkID09PSBsYXN0UGFnZX1cbiAgICAgICAgaWNvbj17PEljb25DaGV2cm9uUmlnaHQgLz59XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKHNlbGVjdGVkICsgMSl9XG4gICAgICAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5QYWdpbmF0aW9uLnByb3BUeXBlcyA9IHtcbiAgYW1vdW50OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHNlbGVjdGVkOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxufTtcbiJdfQ== */"));
 
 Ellipsis.defaultProps = {
   children: '...'
 };
-export var Pagination = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var amount = _ref3.amount,
-      selected = _ref3.selected,
-      onChange = _ref3.onChange,
-      props = _objectWithoutProperties(_ref3, _excluded2);
+export var Pagination = /*#__PURE__*/forwardRef(function (_ref4, ref) {
+  var amount = _ref4.amount,
+      selected = _ref4.selected,
+      onChange = _ref4.onChange,
+      props = _objectWithoutProperties(_ref4, _excluded2);
 
   var maxVisiblePages = 5;
   var visiblePages = [];

package/es/components/text-button.js

@@ -29,9 +29,9 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 var xPadding = "8px";
 var xPaddingNegative = "-".concat(xPadding);
 var trimSideStyles = {
-  left: /*#__PURE__*/css("margin-left:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:left;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhVyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWJ1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEljb24sIFNwaW5uZXIsIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgeFBhZGRpbmcgPSBgOHB4YDtcbmNvbnN0IHhQYWRkaW5nTmVnYXRpdmUgPSBgLSR7eFBhZGRpbmd9YDtcblxuY29uc3QgdHJpbVNpZGVTdHlsZXMgPSB7XG4gIGxlZnQ6IGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9KTtcbiAgYCxcbiAgcmlnaHQ6IGNzc2BcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHg6IGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSAqIDIpO1xuICBgLFxufTtcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzYFxuICBmcm9tIHsgb3BhY2l0eTogMCB9XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAkeyh7IHZhcmlhbnQgfSkgPT4gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50IH0pfTtcbiAgcGFkZGluZzogMCAke3hQYWRkaW5nfTtcbiAgZ2FwOiA4cHg7XG4gIG1pbi13aWR0aDogMDtcbiAgJHsoeyB0cmltU2lkZSB9KSA9PiAodHJpbVNpZGUgPyB0cmltU2lkZVN0eWxlc1t0cmltU2lkZV0gOiBgbWF4LXdpZHRoOiAxMDAlYCl9O1xuXG4gIC5idXR0b25JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gIH1cblxuICAuYnV0dG9uVGV4dCxcbiAgLmJ1dHRvbkljb24ge1xuICAgIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuXG4gIC5idXR0b25TcGlubmVyIHtcbiAgICBhbmltYXRpb246ICR7ZmFkZUlufSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgdHlwZSA9ICdidXR0b24nLFxuICAgICAgdHJpbVNpZGUsXG4gICAgICBoYXNTcGlubmVyLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaWNvbkNvbG9yID0gaGFzU3Bpbm5lciA/ICd0cmFuc3BhcmVudCcgOiAnaWNvbic7XG4gICAgY29uc3QgY29udGVudENvbG9yID0gaGFzU3Bpbm5lciA/ICd0cmFuc3BhcmVudCcgOiAnaW5oZXJpdCc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyXG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRyaW1TaWRlPXt0cmltU2lkZX1cbiAgICAgICAgaGFzU3Bpbm5lcj17aGFzU3Bpbm5lcn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjbGFzc05hbWU9XCJidXR0b25JY29uXCIgY29sb3I9e2ljb25Db2xvcn0gLz59XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXMgY29sb3I9e2NvbnRlbnRDb2xvcn0gY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgKFxuICAgICAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIGNsYXNzTmFtZT1cImJ1dHRvblNwaW5uZXJcIj5cbiAgICAgICAgICAgIDxTcGlubmVyIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9LFxuKTtcblxuVGV4dEJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IHR5cGVzLmNsZWFyQnV0dG9uVmFyaWFudCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbiAgdHJpbVNpZGU6IFByb3BUeXBlcy5vbmVPZihbJ2xlZnQnLCAncmlnaHQnLCAneCddKSxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"),
-  right: /*#__PURE__*/css("margin-right:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:right;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQlkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBJY29uLCBTcGlubmVyLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmNvbnN0IHhQYWRkaW5nID0gYDhweGA7XG5jb25zdCB4UGFkZGluZ05lZ2F0aXZlID0gYC0ke3hQYWRkaW5nfWA7XG5cbmNvbnN0IHRyaW1TaWRlU3R5bGVzID0ge1xuICBsZWZ0OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHJpZ2h0OiBjc3NgXG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICB4OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30gKiAyKTtcbiAgYCxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJHsoeyB2YXJpYW50IH0pID0+IGdldENsZWFyQnV0dG9uU3R5bGVzKHsgdmFyaWFudCB9KX07XG4gIHBhZGRpbmc6IDAgJHt4UGFkZGluZ307XG4gIGdhcDogOHB4O1xuICBtaW4td2lkdGg6IDA7XG4gICR7KHsgdHJpbVNpZGUgfSkgPT4gKHRyaW1TaWRlID8gdHJpbVNpZGVTdHlsZXNbdHJpbVNpZGVdIDogYG1heC13aWR0aDogMTAwJWApfTtcblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5idXR0b25JY29uIHtcbiAgICB0cmFuc2l0aW9uOiBjb2xvciAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cblxuICAuYnV0dG9uU3Bpbm5lciB7XG4gICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIHRyaW1TaWRlLFxuICAgICAgaGFzU3Bpbm5lcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGljb25Db2xvciA9IGhhc1NwaW5uZXIgPyAndHJhbnNwYXJlbnQnIDogJ2ljb24nO1xuICAgIGNvbnN0IGNvbnRlbnRDb2xvciA9IGhhc1NwaW5uZXIgPyAndHJhbnNwYXJlbnQnIDogJ2luaGVyaXQnO1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0cmltU2lkZT17dHJpbVNpZGV9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIGNvbG9yPXtpY29uQ29sb3J9IC8+fVxuICAgICAgICB7Y2hpbGRyZW4gJiYgKFxuICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzIGNvbG9yPXtjb250ZW50Q29sb3J9IGNsYXNzTmFtZT1cImJ1dHRvblRleHRcIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBjbGFzc05hbWU9XCJidXR0b25TcGlubmVyXCI+XG4gICAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiB0eXBlcy5jbGVhckJ1dHRvblZhcmlhbnQsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRyaW1TaWRlOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0JywgJ3gnXSksXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */"),
-  x: /*#__PURE__*/css("margin-left:", xPaddingNegative, ";margin-right:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, " * 2);" + (process.env.NODE_ENV === "production" ? "" : ";label:x;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQlEiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBJY29uLCBTcGlubmVyLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmNvbnN0IHhQYWRkaW5nID0gYDhweGA7XG5jb25zdCB4UGFkZGluZ05lZ2F0aXZlID0gYC0ke3hQYWRkaW5nfWA7XG5cbmNvbnN0IHRyaW1TaWRlU3R5bGVzID0ge1xuICBsZWZ0OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHJpZ2h0OiBjc3NgXG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICB4OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30gKiAyKTtcbiAgYCxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJHsoeyB2YXJpYW50IH0pID0+IGdldENsZWFyQnV0dG9uU3R5bGVzKHsgdmFyaWFudCB9KX07XG4gIHBhZGRpbmc6IDAgJHt4UGFkZGluZ307XG4gIGdhcDogOHB4O1xuICBtaW4td2lkdGg6IDA7XG4gICR7KHsgdHJpbVNpZGUgfSkgPT4gKHRyaW1TaWRlID8gdHJpbVNpZGVTdHlsZXNbdHJpbVNpZGVdIDogYG1heC13aWR0aDogMTAwJWApfTtcblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5idXR0b25JY29uIHtcbiAgICB0cmFuc2l0aW9uOiBjb2xvciAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cblxuICAuYnV0dG9uU3Bpbm5lciB7XG4gICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIHRyaW1TaWRlLFxuICAgICAgaGFzU3Bpbm5lcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGljb25Db2xvciA9IGhhc1NwaW5uZXIgPyAndHJhbnNwYXJlbnQnIDogJ2ljb24nO1xuICAgIGNvbnN0IGNvbnRlbnRDb2xvciA9IGhhc1NwaW5uZXIgPyAndHJhbnNwYXJlbnQnIDogJ2luaGVyaXQnO1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0cmltU2lkZT17dHJpbVNpZGV9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIGNvbG9yPXtpY29uQ29sb3J9IC8+fVxuICAgICAgICB7Y2hpbGRyZW4gJiYgKFxuICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzIGNvbG9yPXtjb250ZW50Q29sb3J9IGNsYXNzTmFtZT1cImJ1dHRvblRleHRcIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBjbGFzc05hbWU9XCJidXR0b25TcGlubmVyXCI+XG4gICAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiB0eXBlcy5jbGVhckJ1dHRvblZhcmlhbnQsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRyaW1TaWRlOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0JywgJ3gnXSksXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */")
+  left: /*#__PURE__*/css("margin-left:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:left;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhVyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWJ1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEljb24sIFNwaW5uZXIsIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgeFBhZGRpbmcgPSBgOHB4YDtcbmNvbnN0IHhQYWRkaW5nTmVnYXRpdmUgPSBgLSR7eFBhZGRpbmd9YDtcblxuY29uc3QgdHJpbVNpZGVTdHlsZXMgPSB7XG4gIGxlZnQ6IGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9KTtcbiAgYCxcbiAgcmlnaHQ6IGNzc2BcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHg6IGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSAqIDIpO1xuICBgLFxufTtcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzYFxuICBmcm9tIHsgb3BhY2l0eTogMCB9XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAke3AgPT4gcC5jbGVhckJ1dHRvblN0eWxlcy5ib3h9O1xuICBwYWRkaW5nOiAwICR7eFBhZGRpbmd9O1xuICBnYXA6IDhweDtcbiAgbWluLXdpZHRoOiAwO1xuICAkeyh7IHRyaW1TaWRlIH0pID0+ICh0cmltU2lkZSA/IHRyaW1TaWRlU3R5bGVzW3RyaW1TaWRlXSA6IGBtYXgtd2lkdGg6IDEwMCVgKX07XG5cbiAgLkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgICAke3AgPT4gcC5jbGVhckJ1dHRvblN0eWxlcy5pY29ufTtcbiAgfVxuXG4gIC5idXR0b25UZXh0IHtcbiAgICAke3AgPT4gcC5jbGVhckJ1dHRvblN0eWxlcy50ZXh0fTtcbiAgfVxuXG4gIC5idXR0b25TcGlubmVyIHtcbiAgICBhbmltYXRpb246ICR7ZmFkZUlufSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cblxuICAkeyh7IGhhc1NwaW5uZXIgfSkgPT5cbiAgICBoYXNTcGlubmVyICYmXG4gICAgYFxuICAgIC5idXR0b25UZXh0LFxuICAgIC5JY29uIHtcbiAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIHRyaW1TaWRlLFxuICAgICAgaGFzU3Bpbm5lcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGNsZWFyQnV0dG9uU3R5bGVzID0gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50LCBpc0Rpc2FibGVkIH0pO1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0cmltU2lkZT17dHJpbVNpZGV9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIGNsZWFyQnV0dG9uU3R5bGVzPXtjbGVhckJ1dHRvblN0eWxlc31cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSAvPn1cbiAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcyBjbGFzc05hbWU9XCJidXR0b25UZXh0XCI+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApfVxuICAgICAgICB7aGFzU3Bpbm5lciAmJiAoXG4gICAgICAgICAgPEJveCBwb3NpdGlvbj1cImFic29sdXRlXCIgY2xhc3NOYW1lPVwiYnV0dG9uU3Bpbm5lclwiPlxuICAgICAgICAgICAgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG4gIH0sXG4pO1xuXG5UZXh0QnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0cmltU2lkZTogUHJvcFR5cGVzLm9uZU9mKFsnbGVmdCcsICdyaWdodCcsICd4J10pLFxuICBoYXNTcGlubmVyOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */"),
+  right: /*#__PURE__*/css("margin-right:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:right;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQlkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBJY29uLCBTcGlubmVyLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmNvbnN0IHhQYWRkaW5nID0gYDhweGA7XG5jb25zdCB4UGFkZGluZ05lZ2F0aXZlID0gYC0ke3hQYWRkaW5nfWA7XG5cbmNvbnN0IHRyaW1TaWRlU3R5bGVzID0ge1xuICBsZWZ0OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHJpZ2h0OiBjc3NgXG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICB4OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30gKiAyKTtcbiAgYCxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJHtwID0+IHAuY2xlYXJCdXR0b25TdHlsZXMuYm94fTtcbiAgcGFkZGluZzogMCAke3hQYWRkaW5nfTtcbiAgZ2FwOiA4cHg7XG4gIG1pbi13aWR0aDogMDtcbiAgJHsoeyB0cmltU2lkZSB9KSA9PiAodHJpbVNpZGUgPyB0cmltU2lkZVN0eWxlc1t0cmltU2lkZV0gOiBgbWF4LXdpZHRoOiAxMDAlYCl9O1xuXG4gIC5JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gICAgJHtwID0+IHAuY2xlYXJCdXR0b25TdHlsZXMuaWNvbn07XG4gIH1cblxuICAuYnV0dG9uVGV4dCB7XG4gICAgJHtwID0+IHAuY2xlYXJCdXR0b25TdHlsZXMudGV4dH07XG4gIH1cblxuICAuYnV0dG9uU3Bpbm5lciB7XG4gICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5cbiAgJHsoeyBoYXNTcGlubmVyIH0pID0+XG4gICAgaGFzU3Bpbm5lciAmJlxuICAgIGBcbiAgICAuYnV0dG9uVGV4dCxcbiAgICAuSWNvbiB7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgfVxuICBgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRCdXR0b24gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICB0cmltU2lkZSxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBjbGVhckJ1dHRvblN0eWxlcyA9IGdldENsZWFyQnV0dG9uU3R5bGVzKHsgdmFyaWFudCwgaXNEaXNhYmxlZCB9KTtcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdHJpbVNpZGU9e3RyaW1TaWRlfVxuICAgICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgICBjbGVhckJ1dHRvblN0eWxlcz17Y2xlYXJCdXR0b25TdHlsZXN9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gLz59XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXMgY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgKFxuICAgICAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIGNsYXNzTmFtZT1cImJ1dHRvblNwaW5uZXJcIj5cbiAgICAgICAgICAgIDxTcGlubmVyIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9LFxuKTtcblxuVGV4dEJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IHR5cGVzLmNsZWFyQnV0dG9uVmFyaWFudCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbiAgdHJpbVNpZGU6IFByb3BUeXBlcy5vbmVPZihbJ2xlZnQnLCAncmlnaHQnLCAneCddKSxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"),
+  x: /*#__PURE__*/css("margin-left:", xPaddingNegative, ";margin-right:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, " * 2);" + (process.env.NODE_ENV === "production" ? "" : ";label:x;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQlEiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBJY29uLCBTcGlubmVyLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmNvbnN0IHhQYWRkaW5nID0gYDhweGA7XG5jb25zdCB4UGFkZGluZ05lZ2F0aXZlID0gYC0ke3hQYWRkaW5nfWA7XG5cbmNvbnN0IHRyaW1TaWRlU3R5bGVzID0ge1xuICBsZWZ0OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHJpZ2h0OiBjc3NgXG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICB4OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30gKiAyKTtcbiAgYCxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJHtwID0+IHAuY2xlYXJCdXR0b25TdHlsZXMuYm94fTtcbiAgcGFkZGluZzogMCAke3hQYWRkaW5nfTtcbiAgZ2FwOiA4cHg7XG4gIG1pbi13aWR0aDogMDtcbiAgJHsoeyB0cmltU2lkZSB9KSA9PiAodHJpbVNpZGUgPyB0cmltU2lkZVN0eWxlc1t0cmltU2lkZV0gOiBgbWF4LXdpZHRoOiAxMDAlYCl9O1xuXG4gIC5JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gICAgJHtwID0+IHAuY2xlYXJCdXR0b25TdHlsZXMuaWNvbn07XG4gIH1cblxuICAuYnV0dG9uVGV4dCB7XG4gICAgJHtwID0+IHAuY2xlYXJCdXR0b25TdHlsZXMudGV4dH07XG4gIH1cblxuICAuYnV0dG9uU3Bpbm5lciB7XG4gICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5cbiAgJHsoeyBoYXNTcGlubmVyIH0pID0+XG4gICAgaGFzU3Bpbm5lciAmJlxuICAgIGBcbiAgICAuYnV0dG9uVGV4dCxcbiAgICAuSWNvbiB7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgfVxuICBgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRCdXR0b24gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICB0cmltU2lkZSxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBjbGVhckJ1dHRvblN0eWxlcyA9IGdldENsZWFyQnV0dG9uU3R5bGVzKHsgdmFyaWFudCwgaXNEaXNhYmxlZCB9KTtcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdHJpbVNpZGU9e3RyaW1TaWRlfVxuICAgICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgICBjbGVhckJ1dHRvblN0eWxlcz17Y2xlYXJCdXR0b25TdHlsZXN9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gLz59XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXMgY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgKFxuICAgICAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIGNsYXNzTmFtZT1cImJ1dHRvblNwaW5uZXJcIj5cbiAgICAgICAgICAgIDxTcGlubmVyIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9LFxuKTtcblxuVGV4dEJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IHR5cGVzLmNsZWFyQnV0dG9uVmFyaWFudCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbiAgdHJpbVNpZGU6IFByb3BUeXBlcy5vbmVPZihbJ2xlZnQnLCAncmlnaHQnLCAneCddKSxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */")
 };
 var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from { opacity: 0 }\n"])));
 
@@ -40,17 +40,21 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
 } : {
   target: "e1jnb1460",
   label: "Wrapper"
-})("position:relative;", function (_ref) {
-  var variant = _ref.variant;
-  return getClearButtonStyles({
-    variant: variant
-  });
-}, ";padding:0 ", xPadding, ";gap:8px;min-width:0;", function (_ref2) {
-  var trimSide = _ref2.trimSide;
+})("position:relative;", function (p) {
+  return p.clearButtonStyles.box;
+}, ";padding:0 ", xPadding, ";gap:8px;min-width:0;", function (_ref) {
+  var trimSide = _ref.trimSide;
   return trimSide ? trimSideStyles[trimSide] : "max-width: 100%";
-}, ";.buttonIcon{", function (p) {
+}, ";.Icon{", function (p) {
   return p.iconPosition === 'right' && "order: 1";
-}, ";}.buttonText,.buttonIcon{transition:color ", getTransition('fast'), ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzZCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgSWNvbiwgU3Bpbm5lciwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuXG5jb25zdCB4UGFkZGluZyA9IGA4cHhgO1xuY29uc3QgeFBhZGRpbmdOZWdhdGl2ZSA9IGAtJHt4UGFkZGluZ31gO1xuXG5jb25zdCB0cmltU2lkZVN0eWxlcyA9IHtcbiAgbGVmdDogY3NzYFxuICAgIG1hcmdpbi1sZWZ0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICByaWdodDogY3NzYFxuICAgIG1hcmdpbi1yaWdodDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9KTtcbiAgYCxcbiAgeDogY3NzYFxuICAgIG1hcmdpbi1sZWZ0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1hcmdpbi1yaWdodDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9ICogMik7XG4gIGAsXG59O1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIGZyb20geyBvcGFjaXR5OiAwIH1cbmA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICR7KHsgdmFyaWFudCB9KSA9PiBnZXRDbGVhckJ1dHRvblN0eWxlcyh7IHZhcmlhbnQgfSl9O1xuICBwYWRkaW5nOiAwICR7eFBhZGRpbmd9O1xuICBnYXA6IDhweDtcbiAgbWluLXdpZHRoOiAwO1xuICAkeyh7IHRyaW1TaWRlIH0pID0+ICh0cmltU2lkZSA/IHRyaW1TaWRlU3R5bGVzW3RyaW1TaWRlXSA6IGBtYXgtd2lkdGg6IDEwMCVgKX07XG5cbiAgLmJ1dHRvbkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgfVxuXG4gIC5idXR0b25UZXh0LFxuICAuYnV0dG9uSWNvbiB7XG4gICAgdHJhbnNpdGlvbjogY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5cbiAgLmJ1dHRvblNwaW5uZXIge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlSW59ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRCdXR0b24gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICB0cmltU2lkZSxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBpY29uQ29sb3IgPSBoYXNTcGlubmVyID8gJ3RyYW5zcGFyZW50JyA6ICdpY29uJztcbiAgICBjb25zdCBjb250ZW50Q29sb3IgPSBoYXNTcGlubmVyID8gJ3RyYW5zcGFyZW50JyA6ICdpbmhlcml0JztcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdHJpbVNpZGU9e3RyaW1TaWRlfVxuICAgICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiBjb2xvcj17aWNvbkNvbG9yfSAvPn1cbiAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcyBjb2xvcj17Y29udGVudENvbG9yfSBjbGFzc05hbWU9XCJidXR0b25UZXh0XCI+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApfVxuICAgICAgICB7aGFzU3Bpbm5lciAmJiAoXG4gICAgICAgICAgPEJveCBwb3NpdGlvbj1cImFic29sdXRlXCIgY2xhc3NOYW1lPVwiYnV0dG9uU3Bpbm5lclwiPlxuICAgICAgICAgICAgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG4gIH0sXG4pO1xuXG5UZXh0QnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0cmltU2lkZTogUHJvcFR5cGVzLm9uZU9mKFsnbGVmdCcsICdyaWdodCcsICd4J10pLFxuICBoYXNTcGlubmVyOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */"));
+}, ";", function (p) {
+  return p.clearButtonStyles.icon;
+}, ";}.buttonText{", function (p) {
+  return p.clearButtonStyles.text;
+}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('fast'), ";}", function (_ref2) {
+  var hasSpinner = _ref2.hasSpinner;
+  return hasSpinner && "\n    .buttonText,\n    .Icon {\n      transition: opacity ".concat(getTransition('fast'), ";\n      opacity: 0;\n    }\n  ");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzZCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgSWNvbiwgU3Bpbm5lciwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuXG5jb25zdCB4UGFkZGluZyA9IGA4cHhgO1xuY29uc3QgeFBhZGRpbmdOZWdhdGl2ZSA9IGAtJHt4UGFkZGluZ31gO1xuXG5jb25zdCB0cmltU2lkZVN0eWxlcyA9IHtcbiAgbGVmdDogY3NzYFxuICAgIG1hcmdpbi1sZWZ0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICByaWdodDogY3NzYFxuICAgIG1hcmdpbi1yaWdodDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9KTtcbiAgYCxcbiAgeDogY3NzYFxuICAgIG1hcmdpbi1sZWZ0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1hcmdpbi1yaWdodDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9ICogMik7XG4gIGAsXG59O1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIGZyb20geyBvcGFjaXR5OiAwIH1cbmA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICR7cCA9PiBwLmNsZWFyQnV0dG9uU3R5bGVzLmJveH07XG4gIHBhZGRpbmc6IDAgJHt4UGFkZGluZ307XG4gIGdhcDogOHB4O1xuICBtaW4td2lkdGg6IDA7XG4gICR7KHsgdHJpbVNpZGUgfSkgPT4gKHRyaW1TaWRlID8gdHJpbVNpZGVTdHlsZXNbdHJpbVNpZGVdIDogYG1heC13aWR0aDogMTAwJWApfTtcblxuICAuSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICAgICR7cCA9PiBwLmNsZWFyQnV0dG9uU3R5bGVzLmljb259O1xuICB9XG5cbiAgLmJ1dHRvblRleHQge1xuICAgICR7cCA9PiBwLmNsZWFyQnV0dG9uU3R5bGVzLnRleHR9O1xuICB9XG5cbiAgLmJ1dHRvblNwaW5uZXIge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlSW59ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuXG4gICR7KHsgaGFzU3Bpbm5lciB9KSA9PlxuICAgIGhhc1NwaW5uZXIgJiZcbiAgICBgXG4gICAgLmJ1dHRvblRleHQsXG4gICAgLkljb24ge1xuICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgdHlwZSA9ICdidXR0b24nLFxuICAgICAgdHJpbVNpZGUsXG4gICAgICBoYXNTcGlubmVyLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgY2xlYXJCdXR0b25TdHlsZXMgPSBnZXRDbGVhckJ1dHRvblN0eWxlcyh7IHZhcmlhbnQsIGlzRGlzYWJsZWQgfSk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyXG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRyaW1TaWRlPXt0cmltU2lkZX1cbiAgICAgICAgaGFzU3Bpbm5lcj17aGFzU3Bpbm5lcn1cbiAgICAgICAgY2xlYXJCdXR0b25TdHlsZXM9e2NsZWFyQnV0dG9uU3R5bGVzfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAgICB7Y2hpbGRyZW4gJiYgKFxuICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzIGNsYXNzTmFtZT1cImJ1dHRvblRleHRcIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBjbGFzc05hbWU9XCJidXR0b25TcGlubmVyXCI+XG4gICAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiB0eXBlcy5jbGVhckJ1dHRvblZhcmlhbnQsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRyaW1TaWRlOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0JywgJ3gnXSksXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */"));
 
 export var TextButton = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
@@ -66,8 +70,10 @@ export var TextButton = /*#__PURE__*/forwardRef(function (_ref3, ref) {
       hasSpinner = _ref3.hasSpinner,
       props = _objectWithoutProperties(_ref3, _excluded);
 
-  var iconColor = hasSpinner ? 'transparent' : 'icon';
-  var contentColor = hasSpinner ? 'transparent' : 'inherit';
+  var clearButtonStyles = getClearButtonStyles({
+    variant: variant,
+    isDisabled: isDisabled
+  });
   return ___EmotionJSX(Wrapper, _extends({
     type: type,
     disabled: isDisabled,
@@ -76,14 +82,12 @@ export var TextButton = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     variant: variant,
     ref: ref,
     trimSide: trimSide,
-    hasSpinner: hasSpinner
+    hasSpinner: hasSpinner,
+    clearButtonStyles: clearButtonStyles
   }, props), icon && ___EmotionJSX(Icon, {
-    icon: icon,
-    className: "buttonIcon",
-    color: iconColor
+    icon: icon
   }), children && ___EmotionJSX(Text, {
     hasEllipsis: true,
-    color: contentColor,
     className: "buttonText"
   }, children), hasSpinner && ___EmotionJSX(Box, {
     position: "absolute",