@flodesk/grain 5.17.0 → 5.18.1

package/es/components/button.js

@@ -18,16 +18,19 @@ import PropTypes from 'prop-types';
 import { css } from '@emotion/react';
 import { styles, componentVars } from '../foundational';
 import { Spinner } from './spinner';
+import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var accentCss = /*#__PURE__*/css("color:white;background-color:", getColor('accent'), ";border-color:transparent;&:hover{background-color:", getColor('grey7'), ";}&:active{background-color:", getColor('grey6'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:accentCss;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3FCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuL2ljb24nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuL3NwaW5uZXInO1xuXG5jb25zdCBhY2NlbnRDc3MgPSBjc3NgXG4gIGNvbG9yOiB3aGl0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignYWNjZW50Jyl9O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk3Jyl9O1xuICB9XG4gICY6YWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdncmV5NicpfTtcbiAgfVxuYDtcblxuY29uc3QgcGFkZGluZ1ggPSAnMTZweCc7XG5jb25zdCBib3JkZXJDb2xvciA9ICd2YXIoLS1ncm4tY29sb3ItZmFkZTQpJztcbmNvbnN0IGJvcmRlckNvbG9ySG92ZXIgPSAndmFyKC0tZ3JuLWNvbG9yLWZhZGU2KSc7XG5jb25zdCBib3JkZXJDb2xvckFjdGl2ZSA9ICd2YXIoLS1ncm4tY29sb3ItZ3JleTgpJztcblxuY29uc3QgdmFyaWFudHMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItY29sb3I6ICR7Ym9yZGVyQ29sb3J9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Ym9yZGVyQ29sb3JIb3Zlcn07XG4gICAgfVxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtib3JkZXJDb2xvckFjdGl2ZX07XG4gICAgfVxuICBgLFxuXG4gIHByaW1hcnk6IGFjY2VudENzcyxcbiAgYWNjZW50OiBhY2NlbnRDc3MsXG59O1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAke3N0eWxlcy5idXR0b25SZXNldH07XG5cbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBwYWRkaW5nOiAwICR7cGFkZGluZ1h9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcblxuICAke3AgPT4gIXAuaXNEaXNhYmxlZCAmJiB2YXJpYW50c1twLnZhcmlhbnRdfTtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignYmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBkZWZhdWx0O1xuICB9XG5cbiAgLmJ1dHRvbkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIGhhc0Z1bGxXaWR0aCxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH1cbiAgICAgICAgaGFzU3Bpbm5lcj17aGFzU3Bpbm5lcn1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPn1cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJjdXJyZW50Q29sb3JcIiBjbGFzc05hbWU9XCJidXR0b25JY29uXCIgLz59XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9LFxuKTtcblxuQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0J10pLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ2FjY2VudCddKSxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxuICBoYXNTcGlubmVyOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */");
+var accentCss = /*#__PURE__*/css("color:white;background-color:", getColor('accent'), ";border-color:transparent;&:hover{background-color:", getColor('grey7'), ";}&:active{background-color:", getColor('grey6'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:accentCss;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXFCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuL2ljb24nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuL3NwaW5uZXInO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGFjY2VudENzcyA9IGNzc2BcbiAgY29sb3I6IHdoaXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdhY2NlbnQnKX07XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignZ3JleTcnKX07XG4gIH1cbiAgJjphY3RpdmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk2Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBkYW5nZXJDc3MgPSBjc3NgXG4gIGNvbG9yOiB3aGl0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignZGFuZ2VyJyl9O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29tcG9uZW50VmFycy5idXR0b25EYW5nZXJCYWNrZ3JvdW5kSG92ZXJ9O1xuICB9XG4gICY6YWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbXBvbmVudFZhcnMuYnV0dG9uRGFuZ2VyQmFja2dyb3VuZEFjdGl2ZX07XG4gIH1cbmA7XG5cbmNvbnN0IHBhZGRpbmdYID0gJzE2cHgnO1xuY29uc3QgYm9yZGVyQ29sb3IgPSAndmFyKC0tZ3JuLWNvbG9yLWZhZGU0KSc7XG5jb25zdCBib3JkZXJDb2xvckhvdmVyID0gJ3ZhcigtLWdybi1jb2xvci1mYWRlNiknO1xuY29uc3QgYm9yZGVyQ29sb3JBY3RpdmUgPSAndmFyKC0tZ3JuLWNvbG9yLWdyZXk4KSc7XG5cbmNvbnN0IHZhcmlhbnRzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyLWNvbG9yOiAke2JvcmRlckNvbG9yfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke2JvcmRlckNvbG9ySG92ZXJ9O1xuICAgIH1cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Ym9yZGVyQ29sb3JBY3RpdmV9O1xuICAgIH1cbiAgYCxcblxuICBwcmltYXJ5OiBhY2NlbnRDc3MsXG4gIGFjY2VudDogYWNjZW50Q3NzLFxuICBkYW5nZXI6IGRhbmdlckNzcyxcbn07XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcblxuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgaGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gIHBhZGRpbmc6IDAgJHtwYWRkaW5nWH07XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZ2FwOiAxMnB4O1xuXG4gICR7cCA9PiAhcC5pc0Rpc2FibGVkICYmIHZhcmlhbnRzW3AudmFyaWFudF19O1xuICAke3AgPT4gcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiAxMDAlYH07XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gIH1cblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgaGFzRnVsbFdpZHRoLFxuICAgICAgaGFzU3Bpbm5lcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICAgIGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofVxuICAgICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aGFzU3Bpbm5lciAmJiA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+fVxuICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjb2xvcj1cImN1cnJlbnRDb2xvclwiIGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiAvPn1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG4gIH0sXG4pO1xuXG5CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgdmFyaWFudDogdHlwZXMuYnV0dG9uVmFyaWFudCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxuICBoYXNTcGlubmVyOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */");
+var dangerCss = /*#__PURE__*/css("color:white;background-color:", getColor('danger'), ";border-color:transparent;&:hover{background-color:", componentVars.buttonDangerBackgroundHover, ";}&:active{background-color:", componentVars.buttonDangerBackgroundActive, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:dangerCss;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJxQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcywgY29tcG9uZW50VmFycyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi9zcGlubmVyJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBhY2NlbnRDc3MgPSBjc3NgXG4gIGNvbG9yOiB3aGl0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignYWNjZW50Jyl9O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk3Jyl9O1xuICB9XG4gICY6YWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdncmV5NicpfTtcbiAgfVxuYDtcblxuY29uc3QgZGFuZ2VyQ3NzID0gY3NzYFxuICBjb2xvcjogd2hpdGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2RhbmdlcicpfTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbXBvbmVudFZhcnMuYnV0dG9uRGFuZ2VyQmFja2dyb3VuZEhvdmVyfTtcbiAgfVxuICAmOmFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb21wb25lbnRWYXJzLmJ1dHRvbkRhbmdlckJhY2tncm91bmRBY3RpdmV9O1xuICB9XG5gO1xuXG5jb25zdCBwYWRkaW5nWCA9ICcxNnB4JztcbmNvbnN0IGJvcmRlckNvbG9yID0gJ3ZhcigtLWdybi1jb2xvci1mYWRlNCknO1xuY29uc3QgYm9yZGVyQ29sb3JIb3ZlciA9ICd2YXIoLS1ncm4tY29sb3ItZmFkZTYpJztcbmNvbnN0IGJvcmRlckNvbG9yQWN0aXZlID0gJ3ZhcigtLWdybi1jb2xvci1ncmV5OCknO1xuXG5jb25zdCB2YXJpYW50cyA9IHtcbiAgbmV1dHJhbDogY3NzYFxuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci1jb2xvcjogJHtib3JkZXJDb2xvcn07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtib3JkZXJDb2xvckhvdmVyfTtcbiAgICB9XG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke2JvcmRlckNvbG9yQWN0aXZlfTtcbiAgICB9XG4gIGAsXG5cbiAgcHJpbWFyeTogYWNjZW50Q3NzLFxuICBhY2NlbnQ6IGFjY2VudENzcyxcbiAgZGFuZ2VyOiBkYW5nZXJDc3MsXG59O1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAke3N0eWxlcy5idXR0b25SZXNldH07XG5cbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBwYWRkaW5nOiAwICR7cGFkZGluZ1h9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcblxuICAke3AgPT4gIXAuaXNEaXNhYmxlZCAmJiB2YXJpYW50c1twLnZhcmlhbnRdfTtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignYmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBkZWZhdWx0O1xuICB9XG5cbiAgLmJ1dHRvbkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIGhhc0Z1bGxXaWR0aCxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH1cbiAgICAgICAgaGFzU3Bpbm5lcj17aGFzU3Bpbm5lcn1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPn1cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJjdXJyZW50Q29sb3JcIiBjbGFzc05hbWU9XCJidXR0b25JY29uXCIgLz59XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9LFxuKTtcblxuQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIHZhcmlhbnQ6IHR5cGVzLmJ1dHRvblZhcmlhbnQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */");
 var paddingX = '16px';
 var borderColor = 'var(--grn-color-fade4)';
 var borderColorHover = 'var(--grn-color-fade6)';
 var borderColorActive = 'var(--grn-color-grey8)';
 var variants = {
-  neutral: /*#__PURE__*/css("color:inherit;background-color:transparent;border-color:", borderColor, ";&:hover{border-color:", borderColorHover, ";}&:active{border-color:", borderColorActive, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:neutral;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJjIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuL2ljb24nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuL3NwaW5uZXInO1xuXG5jb25zdCBhY2NlbnRDc3MgPSBjc3NgXG4gIGNvbG9yOiB3aGl0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignYWNjZW50Jyl9O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk3Jyl9O1xuICB9XG4gICY6YWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdncmV5NicpfTtcbiAgfVxuYDtcblxuY29uc3QgcGFkZGluZ1ggPSAnMTZweCc7XG5jb25zdCBib3JkZXJDb2xvciA9ICd2YXIoLS1ncm4tY29sb3ItZmFkZTQpJztcbmNvbnN0IGJvcmRlckNvbG9ySG92ZXIgPSAndmFyKC0tZ3JuLWNvbG9yLWZhZGU2KSc7XG5jb25zdCBib3JkZXJDb2xvckFjdGl2ZSA9ICd2YXIoLS1ncm4tY29sb3ItZ3JleTgpJztcblxuY29uc3QgdmFyaWFudHMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItY29sb3I6ICR7Ym9yZGVyQ29sb3J9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Ym9yZGVyQ29sb3JIb3Zlcn07XG4gICAgfVxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtib3JkZXJDb2xvckFjdGl2ZX07XG4gICAgfVxuICBgLFxuXG4gIHByaW1hcnk6IGFjY2VudENzcyxcbiAgYWNjZW50OiBhY2NlbnRDc3MsXG59O1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAke3N0eWxlcy5idXR0b25SZXNldH07XG5cbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBwYWRkaW5nOiAwICR7cGFkZGluZ1h9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcblxuICAke3AgPT4gIXAuaXNEaXNhYmxlZCAmJiB2YXJpYW50c1twLnZhcmlhbnRdfTtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignYmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBkZWZhdWx0O1xuICB9XG5cbiAgLmJ1dHRvbkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIGhhc0Z1bGxXaWR0aCxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH1cbiAgICAgICAgaGFzU3Bpbm5lcj17aGFzU3Bpbm5lcn1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPn1cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJjdXJyZW50Q29sb3JcIiBjbGFzc05hbWU9XCJidXR0b25JY29uXCIgLz59XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9LFxuKTtcblxuQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0J10pLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ2FjY2VudCddKSxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxuICBoYXNTcGlubmVyOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */"),
+  neutral: /*#__PURE__*/css("color:inherit;background-color:transparent;border-color:", borderColor, ";&:hover{border-color:", borderColorHover, ";}&:active{border-color:", borderColorActive, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:neutral;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENjIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuL2ljb24nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuL3NwaW5uZXInO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGFjY2VudENzcyA9IGNzc2BcbiAgY29sb3I6IHdoaXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdhY2NlbnQnKX07XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignZ3JleTcnKX07XG4gIH1cbiAgJjphY3RpdmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk2Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBkYW5nZXJDc3MgPSBjc3NgXG4gIGNvbG9yOiB3aGl0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignZGFuZ2VyJyl9O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29tcG9uZW50VmFycy5idXR0b25EYW5nZXJCYWNrZ3JvdW5kSG92ZXJ9O1xuICB9XG4gICY6YWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbXBvbmVudFZhcnMuYnV0dG9uRGFuZ2VyQmFja2dyb3VuZEFjdGl2ZX07XG4gIH1cbmA7XG5cbmNvbnN0IHBhZGRpbmdYID0gJzE2cHgnO1xuY29uc3QgYm9yZGVyQ29sb3IgPSAndmFyKC0tZ3JuLWNvbG9yLWZhZGU0KSc7XG5jb25zdCBib3JkZXJDb2xvckhvdmVyID0gJ3ZhcigtLWdybi1jb2xvci1mYWRlNiknO1xuY29uc3QgYm9yZGVyQ29sb3JBY3RpdmUgPSAndmFyKC0tZ3JuLWNvbG9yLWdyZXk4KSc7XG5cbmNvbnN0IHZhcmlhbnRzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyLWNvbG9yOiAke2JvcmRlckNvbG9yfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke2JvcmRlckNvbG9ySG92ZXJ9O1xuICAgIH1cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Ym9yZGVyQ29sb3JBY3RpdmV9O1xuICAgIH1cbiAgYCxcblxuICBwcmltYXJ5OiBhY2NlbnRDc3MsXG4gIGFjY2VudDogYWNjZW50Q3NzLFxuICBkYW5nZXI6IGRhbmdlckNzcyxcbn07XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcblxuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgaGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gIHBhZGRpbmc6IDAgJHtwYWRkaW5nWH07XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZ2FwOiAxMnB4O1xuXG4gICR7cCA9PiAhcC5pc0Rpc2FibGVkICYmIHZhcmlhbnRzW3AudmFyaWFudF19O1xuICAke3AgPT4gcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiAxMDAlYH07XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gIH1cblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgaGFzRnVsbFdpZHRoLFxuICAgICAgaGFzU3Bpbm5lcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICAgIGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofVxuICAgICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aGFzU3Bpbm5lciAmJiA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+fVxuICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjb2xvcj1cImN1cnJlbnRDb2xvclwiIGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiAvPn1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG4gIH0sXG4pO1xuXG5CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgdmFyaWFudDogdHlwZXMuYnV0dG9uVmFyaWFudCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxuICBoYXNTcGlubmVyOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */"),
   primary: accentCss,
-  accent: accentCss
+  accent: accentCss,
+  danger: dangerCss
 };
 
 var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
@@ -41,7 +44,7 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
   return p.hasFullWidth && "width: 100%";
 }, ";&:disabled{color:", getColor('contentDisabled'), ";background-color:", getColor('backgroundDisabled'), ";border-color:transparent;cursor:default;}.buttonIcon{", function (p) {
   return p.iconPosition === 'right' && "order: 1";
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkM2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcywgY29tcG9uZW50VmFycyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi9zcGlubmVyJztcblxuY29uc3QgYWNjZW50Q3NzID0gY3NzYFxuICBjb2xvcjogd2hpdGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2FjY2VudCcpfTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdncmV5NycpfTtcbiAgfVxuICAmOmFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignZ3JleTYnKX07XG4gIH1cbmA7XG5cbmNvbnN0IHBhZGRpbmdYID0gJzE2cHgnO1xuY29uc3QgYm9yZGVyQ29sb3IgPSAndmFyKC0tZ3JuLWNvbG9yLWZhZGU0KSc7XG5jb25zdCBib3JkZXJDb2xvckhvdmVyID0gJ3ZhcigtLWdybi1jb2xvci1mYWRlNiknO1xuY29uc3QgYm9yZGVyQ29sb3JBY3RpdmUgPSAndmFyKC0tZ3JuLWNvbG9yLWdyZXk4KSc7XG5cbmNvbnN0IHZhcmlhbnRzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyLWNvbG9yOiAke2JvcmRlckNvbG9yfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke2JvcmRlckNvbG9ySG92ZXJ9O1xuICAgIH1cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Ym9yZGVyQ29sb3JBY3RpdmV9O1xuICAgIH1cbiAgYCxcblxuICBwcmltYXJ5OiBhY2NlbnRDc3MsXG4gIGFjY2VudDogYWNjZW50Q3NzLFxufTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBoZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgcGFkZGluZzogMCAke3BhZGRpbmdYfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDEycHg7XG5cbiAgJHtwID0+ICFwLmlzRGlzYWJsZWQgJiYgdmFyaWFudHNbcC52YXJpYW50XX07XG4gICR7cCA9PiBwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IDEwMCVgfTtcblxuICAmOmRpc2FibGVkIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2JhY2tncm91bmREaXNhYmxlZCcpfTtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgfVxuXG4gIC5idXR0b25JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgICBoYXNGdWxsV2lkdGgsXG4gICAgICBoYXNTcGlubmVyLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyXG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgICAgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNTcGlubmVyICYmIDxTcGlubmVyIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz59XG4gICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwiY3VycmVudENvbG9yXCIgY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIC8+fVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsnbGVmdCcsICdyaWdodCddKSxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnbmV1dHJhbCcsICdhY2NlbnQnXSksXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"));
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEQ2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcywgY29tcG9uZW50VmFycyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi9zcGlubmVyJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBhY2NlbnRDc3MgPSBjc3NgXG4gIGNvbG9yOiB3aGl0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignYWNjZW50Jyl9O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk3Jyl9O1xuICB9XG4gICY6YWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdncmV5NicpfTtcbiAgfVxuYDtcblxuY29uc3QgZGFuZ2VyQ3NzID0gY3NzYFxuICBjb2xvcjogd2hpdGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2RhbmdlcicpfTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbXBvbmVudFZhcnMuYnV0dG9uRGFuZ2VyQmFja2dyb3VuZEhvdmVyfTtcbiAgfVxuICAmOmFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb21wb25lbnRWYXJzLmJ1dHRvbkRhbmdlckJhY2tncm91bmRBY3RpdmV9O1xuICB9XG5gO1xuXG5jb25zdCBwYWRkaW5nWCA9ICcxNnB4JztcbmNvbnN0IGJvcmRlckNvbG9yID0gJ3ZhcigtLWdybi1jb2xvci1mYWRlNCknO1xuY29uc3QgYm9yZGVyQ29sb3JIb3ZlciA9ICd2YXIoLS1ncm4tY29sb3ItZmFkZTYpJztcbmNvbnN0IGJvcmRlckNvbG9yQWN0aXZlID0gJ3ZhcigtLWdybi1jb2xvci1ncmV5OCknO1xuXG5jb25zdCB2YXJpYW50cyA9IHtcbiAgbmV1dHJhbDogY3NzYFxuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci1jb2xvcjogJHtib3JkZXJDb2xvcn07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtib3JkZXJDb2xvckhvdmVyfTtcbiAgICB9XG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke2JvcmRlckNvbG9yQWN0aXZlfTtcbiAgICB9XG4gIGAsXG5cbiAgcHJpbWFyeTogYWNjZW50Q3NzLFxuICBhY2NlbnQ6IGFjY2VudENzcyxcbiAgZGFuZ2VyOiBkYW5nZXJDc3MsXG59O1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAke3N0eWxlcy5idXR0b25SZXNldH07XG5cbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBwYWRkaW5nOiAwICR7cGFkZGluZ1h9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcblxuICAke3AgPT4gIXAuaXNEaXNhYmxlZCAmJiB2YXJpYW50c1twLnZhcmlhbnRdfTtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignYmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBkZWZhdWx0O1xuICB9XG5cbiAgLmJ1dHRvbkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIGhhc0Z1bGxXaWR0aCxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH1cbiAgICAgICAgaGFzU3Bpbm5lcj17aGFzU3Bpbm5lcn1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPn1cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJjdXJyZW50Q29sb3JcIiBjbGFzc05hbWU9XCJidXR0b25JY29uXCIgLz59XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9LFxuKTtcblxuQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIHZhcmlhbnQ6IHR5cGVzLmJ1dHRvblZhcmlhbnQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"));
 
 export var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -74,8 +77,8 @@ export var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
 Button.propTypes = {
   children: PropTypes.node,
   icon: PropTypes.node,
-  iconPosition: PropTypes.oneOf(['left', 'right']),
-  variant: PropTypes.oneOf(['neutral', 'accent']),
+  iconPosition: types.iconPosition,
+  variant: types.buttonVariant,
   onClick: PropTypes.func,
   isDisabled: PropTypes.bool,
   hasFullWidth: PropTypes.bool,

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"];
+var _excluded = ["children", "isDisabled", "icon", "color", "variant"];
 
 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 { styles, componentVars } 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,23 +23,30 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
 } : {
   target: "evb8g3z0",
   label: "Wrapper"
-})(styles.clearButton, ";width:", componentVars.clearButtonHeight, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IHN0eWxlcywgY29tcG9uZW50VmFycyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5jbGVhckJ1dHRvbn07XG4gIHdpZHRoOiAke2NvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25IZWlnaHR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25CdXR0b24gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBpc0Rpc2FibGVkLCBpY29uLCBjb2xvciwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxXcmFwcGVyIGRpc2FibGVkPXtpc0Rpc2FibGVkfSBpY29uPXtpY29ufSBjb2xvcj17Y29sb3J9IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPXtpc0Rpc2FibGVkID8gJ2N1cnJlbnRDb2xvcicgOiBjb2xvcn0gLz59XG4gICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pKTtcblxuSWNvbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgY29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */"));
+})(function (_ref) {
+  var variant = _ref.variant;
+  return getClearButtonStyles({
+    variant: variant
+  });
+}, ";width:", componentVars.clearButtonHeight, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7KHsgdmFyaWFudCB9KSA9PiBnZXRDbGVhckJ1dHRvblN0eWxlcyh7IHZhcmlhbnQgfSl9O1xuICB3aWR0aDogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzRGlzYWJsZWQsIGljb24sIGNvbG9yLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8V3JhcHBlciBkaXNhYmxlZD17aXNEaXNhYmxlZH0gaWNvbj17aWNvbn0gY29sb3I9e2NvbG9yfSByZWY9e3JlZn0gdmFyaWFudD17dmFyaWFudH0gey4uLnByb3BzfT5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKSxcbik7XG5cbkljb25CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxufTtcbiJdfQ== */"));
 
-export var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      isDisabled = _ref.isDisabled,
-      icon = _ref.icon,
-      color = _ref.color,
-      props = _objectWithoutProperties(_ref, _excluded);
+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,
+      props = _objectWithoutProperties(_ref2, _excluded);
 
   return ___EmotionJSX(Wrapper, _extends({
     disabled: isDisabled,
     icon: icon,
     color: color,
-    ref: ref
+    ref: ref,
+    variant: variant
   }, props), icon && ___EmotionJSX(Icon, {
-    icon: icon,
-    color: isDisabled ? 'currentColor' : color
+    icon: icon
   }), children && children);
 });
 IconButton.propTypes = {
@@ -47,5 +54,6 @@ IconButton.propTypes = {
   icon: PropTypes.node,
   onClick: PropTypes.func,
   isDisabled: PropTypes.bool,
-  color: types.color
+  color: types.color,
+  variant: types.clearButtonVariant
 };

package/es/components/icon.js

@@ -28,14 +28,14 @@ var Wrapper = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production"
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0yQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9pY29uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRJY29uU2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICR7cCA9PiBnZXRDb2xvcihwLmNvbG9yKX07XG5cbiAgc3ZnIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6ICR7cCA9PiBnZXRJY29uU2l6ZShwLnNpemUpfTtcbiAgICAke3AgPT4gcC5oYXNFdmVuQm91bmRhcnkgJiYgYHdpZHRoOiAke2dldEljb25TaXplKHAuc2l6ZSl9YH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uID0gZm9yd2FyZFJlZihcbiAgKHsgaWNvbiwgc2l6ZSA9ICdtJywgY29sb3IgPSAnY29udGVudCcsIGhhc0V2ZW5Cb3VuZGFyeSwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPFdyYXBwZXIgc2l6ZT17c2l6ZX0gY29sb3I9e2NvbG9yfSBoYXNFdmVuQm91bmRhcnk9e2hhc0V2ZW5Cb3VuZGFyeX0gcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7aWNvbiAmJiBpY29ufVxuICAgIDwvV3JhcHBlcj5cbiAgKSxcbik7XG5cbkljb24ucHJvcFR5cGVzID0ge1xuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzRXZlbkJvdW5kYXJ5OiBQcm9wVHlwZXMuYm9vbCxcbiAgc2l6ZTogdHlwZXMuaWNvblNpemUsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbn07XG4iXX0= */"));
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0yQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9pY29uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRJY29uU2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICR7cCA9PiBnZXRDb2xvcihwLmNvbG9yKX07XG5cbiAgc3ZnIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6ICR7cCA9PiBnZXRJY29uU2l6ZShwLnNpemUpfTtcbiAgICAke3AgPT4gcC5oYXNFdmVuQm91bmRhcnkgJiYgYHdpZHRoOiAke2dldEljb25TaXplKHAuc2l6ZSl9YH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uID0gZm9yd2FyZFJlZihcbiAgKHsgaWNvbiwgc2l6ZSA9ICdtJywgY29sb3IgPSAnY3VycmVudENvbG9yJywgaGFzRXZlbkJvdW5kYXJ5LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8V3JhcHBlciBzaXplPXtzaXplfSBjb2xvcj17Y29sb3J9IGhhc0V2ZW5Cb3VuZGFyeT17aGFzRXZlbkJvdW5kYXJ5fSByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIHtpY29uICYmIGljb259XG4gICAgPC9XcmFwcGVyPlxuICApLFxuKTtcblxuSWNvbi5wcm9wVHlwZXMgPSB7XG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBoYXNFdmVuQm91bmRhcnk6IFByb3BUeXBlcy5ib29sLFxuICBzaXplOiB0eXBlcy5pY29uU2l6ZSxcbiAgY29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */"));
 
 export var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var icon = _ref.icon,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'm' : _ref$size,
       _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'content' : _ref$color,
+      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
       hasEvenBoundary = _ref.hasEvenBoundary,
       props = _objectWithoutProperties(_ref, _excluded);
 

package/es/components/multi-autocomplete.js

@@ -38,7 +38,7 @@ import { Icon, Box, Text, Arrange } from '.';
 import { IconChevronDown, IconCross } from '../icons';
 import { Combobox } from '@headlessui/react';
 import { types } from '../types';
-import { styles, componentVars, MenuCard, MenuItem, InputField } from '../foundational';
+import { componentVars, MenuCard, MenuItem, InputField, getClearButtonStyles } from '../foundational';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var Root = function Root(_ref) {
@@ -76,7 +76,7 @@ var Tags = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   name: "1l3dtim",
   styles: "display:flex;align-items:start;gap:4px;margin-bottom:8px;flex-wrap:wrap",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL211bHRpLWF1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9tdWx0aS1hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzLCBNZW51Q2FyZCwgTWVudUl0ZW0sIElucHV0RmllbGQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBSb290ID0gKHsgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gPEJveCB7Li4ucHJvcHN9IHBvc2l0aW9uPVwicmVsYXRpdmVcIiAvPjtcbn07XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IC4uLnByb3BzIH0sIHJlZikgPT4gPEJveCByZWY9e3JlZn0gey4uLnByb3BzfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgLz4pO1xuXG5jb25zdCBFbXB0eVN0YXRlID0gKCkgPT4gKFxuICA8Qm94IHBhZGRpbmc9XCJzXCI+XG4gICAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiPk5vIHJlc3VsdHM8L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgVGFncyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgZ2FwOiA0cHg7XG4gIG1hcmdpbi1ib3R0b206IDhweDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuY2xlYXJCdXR0b259O1xuICB3aWR0aDogMjRweDtcbiAgaGVpZ2h0OiAyNHB4O1xuYDtcblxuY29uc3QgVGFnID0gKHsgY2hpbGRyZW4sIG9uUmVtb3ZlQ2xpY2sgfSkgPT4gKFxuICA8Qm94IGJhY2tncm91bmRDb2xvcj1cImZhZGUxXCIgcmFkaXVzPVwic1wiIGhlaWdodD1cIjMycHhcIiBwYWRkaW5nTGVmdD1cIjEycHhcIiBwYWRkaW5nUmlnaHQ9XCI4cHhcIj5cbiAgICA8QXJyYW5nZSBnYXA9XCI0cHhcIiBoZWlnaHQ9XCIxMDAlXCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8UmVtb3ZlQnV0dG9uIG9uQ2xpY2s9eygpID0+IG9uUmVtb3ZlQ2xpY2soKX0+XG4gICAgICAgIDxJY29uIGljb249ezxJY29uQ3Jvc3MgLz59IHNpemU9XCJzXCIgLz5cbiAgICAgIDwvUmVtb3ZlQnV0dG9uPlxuICAgIDwvQXJyYW5nZT5cbiAgPC9Cb3g+XG4pO1xuXG5leHBvcnQgY29uc3QgTXVsdGlBdXRvY29tcGxldGUgPSAoe1xuICBvcHRpb25zLFxuICBkZWZhdWx0T3B0aW9ucyA9IFtdLFxuICBvbkNoYW5nZSxcbiAgbWVudUFsaWduID0gJ2xlZnQnLFxuICBtZW51V2lkdGggPSAnMTAwJScsXG4gIHBsYWNlaG9sZGVyLFxufSkgPT4ge1xuICBjb25zdCBbc2VsZWN0ZWRPcHRpb25zLCBzZXRTZWxlY3RlZE9wdGlvbnNdID0gdXNlU3RhdGUoZGVmYXVsdE9wdGlvbnMpO1xuICBjb25zdCBbcXVlcnksIHNldFF1ZXJ5XSA9IHVzZVN0YXRlKCcnKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSBvcHRpb24gPT4ge1xuICAgIHNldFNlbGVjdGVkT3B0aW9ucyhvcHRpb24pO1xuICAgIG9uQ2hhbmdlICYmIG9uQ2hhbmdlKG9wdGlvbik7XG4gICAgc2V0UXVlcnkoJycpO1xuICB9O1xuXG4gIGNvbnN0IGZpbHRlcmVkT3B0aW9ucyA9XG4gICAgcXVlcnkgPT09ICcnXG4gICAgICA/IG9wdGlvbnNcbiAgICAgIDogb3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IHtcbiAgICAgICAgICByZXR1cm4gb3B0aW9uLmNvbnRlbnQudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhxdWVyeS50b0xvd2VyQ2FzZSgpKTtcbiAgICAgICAgfSk7XG5cbiAgY29uc3QgZGVzZWxlY3RPcHRpb24gPSBvcHRpb24gPT4ge1xuICAgIGNvbnN0IHJlbWFpbmluZyA9IHNlbGVjdGVkT3B0aW9ucy5maWx0ZXIoaXRlbSA9PiBpdGVtICE9PSBvcHRpb24pO1xuICAgIHNldFNlbGVjdGVkT3B0aW9ucyhyZW1haW5pbmcpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENvbWJvYm94IGFzPXtSb290fSB2YWx1ZT17c2VsZWN0ZWRPcHRpb25zfSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSBtdWx0aXBsZT5cbiAgICAgIHtzZWxlY3RlZE9wdGlvbnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxUYWdzPlxuICAgICAgICAgIHtzZWxlY3RlZE9wdGlvbnMubWFwKG9wdGlvbiA9PiAoXG4gICAgICAgICAgICA8VGFnIG9uUmVtb3ZlQ2xpY2s9eygpID0+IGRlc2VsZWN0T3B0aW9uKG9wdGlvbil9IGtleT17b3B0aW9uLmlkfT5cbiAgICAgICAgICAgICAge29wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgPC9UYWc+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvVGFncz5cbiAgICAgICl9XG5cbiAgICAgIDxDb21ib2JveC5CdXR0b24gYXM9e1RyaWdnZXJ9PlxuICAgICAgICA8SW5wdXRGaWVsZFxuICAgICAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgb25DaGFuZ2U9e2V2ZW50ID0+IHNldFF1ZXJ5KGV2ZW50LnRhcmdldC52YWx1ZSl9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAvPlxuXG4gICAgICAgIDxCb3hcbiAgICAgICAgICByaWdodD17Y29tcG9uZW50VmFycy5maWVsZFhQYWRkaW5nfVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD1cIjBweFwiXG4gICAgICAgICAgYm90dG9tPVwiMHB4XCJcbiAgICAgICAgICBtYXJnaW49XCJhdXRvXCJcbiAgICAgICAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29tYm9ib3guQnV0dG9uPlxuXG4gICAgICA8Q29tYm9ib3guT3B0aW9ucyBtZW51QWxpZ249e21lbnVBbGlnbn0gbWVudVdpZHRoPXttZW51V2lkdGh9IGFzPXtNZW51Q2FyZH0+XG4gICAgICAgIHtmaWx0ZXJlZE9wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPENvbWJvYm94Lk9wdGlvbiBrZXk9e2luZGV4fSB2YWx1ZT17b3B0aW9ufSBhcz17UmVhY3QuRnJhZ21lbnR9PlxuICAgICAgICAgICAgeyh7IGFjdGl2ZSwgc2VsZWN0ZWQgfSkgPT4gKFxuICAgICAgICAgICAgICA8TWVudUl0ZW0gaXNTZWxlY3RlZD17c2VsZWN0ZWR9IGlzQWN0aXZlPXthY3RpdmV9PlxuICAgICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgICAgPC9NZW51SXRlbT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Db21ib2JveC5PcHRpb24+XG4gICAgICAgICkpfVxuICAgICAgICB7IUJvb2xlYW4oZmlsdGVyZWRPcHRpb25zLmxlbmd0aCkgJiYgPEVtcHR5U3RhdGUgLz59XG4gICAgICA8L0NvbWJvYm94Lk9wdGlvbnM+XG4gICAgPC9Db21ib2JveD5cbiAgKTtcbn07XG5cbk11bHRpQXV0b2NvbXBsZXRlLnByb3BUeXBlcyA9IHtcbiAgb3B0aW9uczogUHJvcFR5cGVzLmFycmF5LFxuICBkZWZhdWx0T3B0aW9uOiBQcm9wVHlwZXMub2JqZWN0LFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIG1lbnVBbGlnbjogdHlwZXMubWVudUFsaWduLFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbn07XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL211bHRpLWF1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9tdWx0aS1hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgY29tcG9uZW50VmFycyxcbiAgTWVudUNhcmQsXG4gIE1lbnVJdGVtLFxuICBJbnB1dEZpZWxkLFxuICBnZXRDbGVhckJ1dHRvblN0eWxlcyxcbn0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgUm9vdCA9ICh7IC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIDxCb3ggey4uLnByb3BzfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgLz47XG59O1xuXG5jb25zdCBUcmlnZ2VyID0gZm9yd2FyZFJlZigoeyAuLi5wcm9wcyB9LCByZWYpID0+IDxCb3ggcmVmPXtyZWZ9IHsuLi5wcm9wc30gcG9zaXRpb249XCJyZWxhdGl2ZVwiIC8+KTtcblxuY29uc3QgRW1wdHlTdGF0ZSA9ICgpID0+IChcbiAgPEJveCBwYWRkaW5nPVwic1wiPlxuICAgIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIj5ObyByZXN1bHRzPC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFRhZ3MgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGdhcDogNHB4O1xuICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbmA7XG5cbmNvbnN0IFJlbW92ZUJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICR7Z2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50OiAnbmV1dHJhbCcgfSl9O1xuICB3aWR0aDogMjRweDtcbiAgaGVpZ2h0OiAyNHB4O1xuYDtcblxuY29uc3QgVGFnID0gKHsgY2hpbGRyZW4sIG9uUmVtb3ZlQ2xpY2sgfSkgPT4gKFxuICA8Qm94IGJhY2tncm91bmRDb2xvcj1cImZhZGUxXCIgcmFkaXVzPVwic1wiIGhlaWdodD1cIjMycHhcIiBwYWRkaW5nTGVmdD1cIjEycHhcIiBwYWRkaW5nUmlnaHQ9XCI4cHhcIj5cbiAgICA8QXJyYW5nZSBnYXA9XCI0cHhcIiBoZWlnaHQ9XCIxMDAlXCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8UmVtb3ZlQnV0dG9uIG9uQ2xpY2s9eygpID0+IG9uUmVtb3ZlQ2xpY2soKX0+XG4gICAgICAgIDxJY29uIGljb249ezxJY29uQ3Jvc3MgLz59IHNpemU9XCJzXCIgLz5cbiAgICAgIDwvUmVtb3ZlQnV0dG9uPlxuICAgIDwvQXJyYW5nZT5cbiAgPC9Cb3g+XG4pO1xuXG5leHBvcnQgY29uc3QgTXVsdGlBdXRvY29tcGxldGUgPSAoe1xuICBvcHRpb25zLFxuICBkZWZhdWx0T3B0aW9ucyA9IFtdLFxuICBvbkNoYW5nZSxcbiAgbWVudUFsaWduID0gJ2xlZnQnLFxuICBtZW51V2lkdGggPSAnMTAwJScsXG4gIHBsYWNlaG9sZGVyLFxufSkgPT4ge1xuICBjb25zdCBbc2VsZWN0ZWRPcHRpb25zLCBzZXRTZWxlY3RlZE9wdGlvbnNdID0gdXNlU3RhdGUoZGVmYXVsdE9wdGlvbnMpO1xuICBjb25zdCBbcXVlcnksIHNldFF1ZXJ5XSA9IHVzZVN0YXRlKCcnKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSBvcHRpb24gPT4ge1xuICAgIHNldFNlbGVjdGVkT3B0aW9ucyhvcHRpb24pO1xuICAgIG9uQ2hhbmdlICYmIG9uQ2hhbmdlKG9wdGlvbik7XG4gICAgc2V0UXVlcnkoJycpO1xuICB9O1xuXG4gIGNvbnN0IGZpbHRlcmVkT3B0aW9ucyA9XG4gICAgcXVlcnkgPT09ICcnXG4gICAgICA/IG9wdGlvbnNcbiAgICAgIDogb3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IHtcbiAgICAgICAgICByZXR1cm4gb3B0aW9uLmNvbnRlbnQudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhxdWVyeS50b0xvd2VyQ2FzZSgpKTtcbiAgICAgICAgfSk7XG5cbiAgY29uc3QgZGVzZWxlY3RPcHRpb24gPSBvcHRpb24gPT4ge1xuICAgIGNvbnN0IHJlbWFpbmluZyA9IHNlbGVjdGVkT3B0aW9ucy5maWx0ZXIoaXRlbSA9PiBpdGVtICE9PSBvcHRpb24pO1xuICAgIHNldFNlbGVjdGVkT3B0aW9ucyhyZW1haW5pbmcpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENvbWJvYm94IGFzPXtSb290fSB2YWx1ZT17c2VsZWN0ZWRPcHRpb25zfSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSBtdWx0aXBsZT5cbiAgICAgIHtzZWxlY3RlZE9wdGlvbnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxUYWdzPlxuICAgICAgICAgIHtzZWxlY3RlZE9wdGlvbnMubWFwKG9wdGlvbiA9PiAoXG4gICAgICAgICAgICA8VGFnIG9uUmVtb3ZlQ2xpY2s9eygpID0+IGRlc2VsZWN0T3B0aW9uKG9wdGlvbil9IGtleT17b3B0aW9uLmlkfT5cbiAgICAgICAgICAgICAge29wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgPC9UYWc+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvVGFncz5cbiAgICAgICl9XG5cbiAgICAgIDxDb21ib2JveC5CdXR0b24gYXM9e1RyaWdnZXJ9PlxuICAgICAgICA8SW5wdXRGaWVsZFxuICAgICAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgb25DaGFuZ2U9e2V2ZW50ID0+IHNldFF1ZXJ5KGV2ZW50LnRhcmdldC52YWx1ZSl9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAvPlxuXG4gICAgICAgIDxCb3hcbiAgICAgICAgICByaWdodD17Y29tcG9uZW50VmFycy5maWVsZFhQYWRkaW5nfVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD1cIjBweFwiXG4gICAgICAgICAgYm90dG9tPVwiMHB4XCJcbiAgICAgICAgICBtYXJnaW49XCJhdXRvXCJcbiAgICAgICAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29tYm9ib3guQnV0dG9uPlxuXG4gICAgICA8Q29tYm9ib3guT3B0aW9ucyBtZW51QWxpZ249e21lbnVBbGlnbn0gbWVudVdpZHRoPXttZW51V2lkdGh9IGFzPXtNZW51Q2FyZH0+XG4gICAgICAgIHtmaWx0ZXJlZE9wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPENvbWJvYm94Lk9wdGlvbiBrZXk9e2luZGV4fSB2YWx1ZT17b3B0aW9ufSBhcz17UmVhY3QuRnJhZ21lbnR9PlxuICAgICAgICAgICAgeyh7IGFjdGl2ZSwgc2VsZWN0ZWQgfSkgPT4gKFxuICAgICAgICAgICAgICA8TWVudUl0ZW0gaXNTZWxlY3RlZD17c2VsZWN0ZWR9IGlzQWN0aXZlPXthY3RpdmV9PlxuICAgICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgICAgPC9NZW51SXRlbT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Db21ib2JveC5PcHRpb24+XG4gICAgICAgICkpfVxuICAgICAgICB7IUJvb2xlYW4oZmlsdGVyZWRPcHRpb25zLmxlbmd0aCkgJiYgPEVtcHR5U3RhdGUgLz59XG4gICAgICA8L0NvbWJvYm94Lk9wdGlvbnM+XG4gICAgPC9Db21ib2JveD5cbiAgKTtcbn07XG5cbk11bHRpQXV0b2NvbXBsZXRlLnByb3BUeXBlcyA9IHtcbiAgb3B0aW9uczogUHJvcFR5cGVzLmFycmF5LFxuICBkZWZhdWx0T3B0aW9uOiBQcm9wVHlwZXMub2JqZWN0LFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIG1lbnVBbGlnbjogdHlwZXMubWVudUFsaWduLFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -85,7 +85,9 @@ var RemoveButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "prod
 } : {
   target: "e1lpxwl70",
   label: "RemoveButton"
-})(styles.clearButton, ";width:24px;height:24px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL211bHRpLWF1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJrQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9tdWx0aS1hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzLCBNZW51Q2FyZCwgTWVudUl0ZW0sIElucHV0RmllbGQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBSb290ID0gKHsgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gPEJveCB7Li4ucHJvcHN9IHBvc2l0aW9uPVwicmVsYXRpdmVcIiAvPjtcbn07XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IC4uLnByb3BzIH0sIHJlZikgPT4gPEJveCByZWY9e3JlZn0gey4uLnByb3BzfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgLz4pO1xuXG5jb25zdCBFbXB0eVN0YXRlID0gKCkgPT4gKFxuICA8Qm94IHBhZGRpbmc9XCJzXCI+XG4gICAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiPk5vIHJlc3VsdHM8L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgVGFncyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgZ2FwOiA0cHg7XG4gIG1hcmdpbi1ib3R0b206IDhweDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuY2xlYXJCdXR0b259O1xuICB3aWR0aDogMjRweDtcbiAgaGVpZ2h0OiAyNHB4O1xuYDtcblxuY29uc3QgVGFnID0gKHsgY2hpbGRyZW4sIG9uUmVtb3ZlQ2xpY2sgfSkgPT4gKFxuICA8Qm94IGJhY2tncm91bmRDb2xvcj1cImZhZGUxXCIgcmFkaXVzPVwic1wiIGhlaWdodD1cIjMycHhcIiBwYWRkaW5nTGVmdD1cIjEycHhcIiBwYWRkaW5nUmlnaHQ9XCI4cHhcIj5cbiAgICA8QXJyYW5nZSBnYXA9XCI0cHhcIiBoZWlnaHQ9XCIxMDAlXCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8UmVtb3ZlQnV0dG9uIG9uQ2xpY2s9eygpID0+IG9uUmVtb3ZlQ2xpY2soKX0+XG4gICAgICAgIDxJY29uIGljb249ezxJY29uQ3Jvc3MgLz59IHNpemU9XCJzXCIgLz5cbiAgICAgIDwvUmVtb3ZlQnV0dG9uPlxuICAgIDwvQXJyYW5nZT5cbiAgPC9Cb3g+XG4pO1xuXG5leHBvcnQgY29uc3QgTXVsdGlBdXRvY29tcGxldGUgPSAoe1xuICBvcHRpb25zLFxuICBkZWZhdWx0T3B0aW9ucyA9IFtdLFxuICBvbkNoYW5nZSxcbiAgbWVudUFsaWduID0gJ2xlZnQnLFxuICBtZW51V2lkdGggPSAnMTAwJScsXG4gIHBsYWNlaG9sZGVyLFxufSkgPT4ge1xuICBjb25zdCBbc2VsZWN0ZWRPcHRpb25zLCBzZXRTZWxlY3RlZE9wdGlvbnNdID0gdXNlU3RhdGUoZGVmYXVsdE9wdGlvbnMpO1xuICBjb25zdCBbcXVlcnksIHNldFF1ZXJ5XSA9IHVzZVN0YXRlKCcnKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSBvcHRpb24gPT4ge1xuICAgIHNldFNlbGVjdGVkT3B0aW9ucyhvcHRpb24pO1xuICAgIG9uQ2hhbmdlICYmIG9uQ2hhbmdlKG9wdGlvbik7XG4gICAgc2V0UXVlcnkoJycpO1xuICB9O1xuXG4gIGNvbnN0IGZpbHRlcmVkT3B0aW9ucyA9XG4gICAgcXVlcnkgPT09ICcnXG4gICAgICA/IG9wdGlvbnNcbiAgICAgIDogb3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IHtcbiAgICAgICAgICByZXR1cm4gb3B0aW9uLmNvbnRlbnQudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhxdWVyeS50b0xvd2VyQ2FzZSgpKTtcbiAgICAgICAgfSk7XG5cbiAgY29uc3QgZGVzZWxlY3RPcHRpb24gPSBvcHRpb24gPT4ge1xuICAgIGNvbnN0IHJlbWFpbmluZyA9IHNlbGVjdGVkT3B0aW9ucy5maWx0ZXIoaXRlbSA9PiBpdGVtICE9PSBvcHRpb24pO1xuICAgIHNldFNlbGVjdGVkT3B0aW9ucyhyZW1haW5pbmcpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENvbWJvYm94IGFzPXtSb290fSB2YWx1ZT17c2VsZWN0ZWRPcHRpb25zfSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSBtdWx0aXBsZT5cbiAgICAgIHtzZWxlY3RlZE9wdGlvbnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxUYWdzPlxuICAgICAgICAgIHtzZWxlY3RlZE9wdGlvbnMubWFwKG9wdGlvbiA9PiAoXG4gICAgICAgICAgICA8VGFnIG9uUmVtb3ZlQ2xpY2s9eygpID0+IGRlc2VsZWN0T3B0aW9uKG9wdGlvbil9IGtleT17b3B0aW9uLmlkfT5cbiAgICAgICAgICAgICAge29wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgPC9UYWc+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvVGFncz5cbiAgICAgICl9XG5cbiAgICAgIDxDb21ib2JveC5CdXR0b24gYXM9e1RyaWdnZXJ9PlxuICAgICAgICA8SW5wdXRGaWVsZFxuICAgICAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgb25DaGFuZ2U9e2V2ZW50ID0+IHNldFF1ZXJ5KGV2ZW50LnRhcmdldC52YWx1ZSl9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAvPlxuXG4gICAgICAgIDxCb3hcbiAgICAgICAgICByaWdodD17Y29tcG9uZW50VmFycy5maWVsZFhQYWRkaW5nfVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD1cIjBweFwiXG4gICAgICAgICAgYm90dG9tPVwiMHB4XCJcbiAgICAgICAgICBtYXJnaW49XCJhdXRvXCJcbiAgICAgICAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29tYm9ib3guQnV0dG9uPlxuXG4gICAgICA8Q29tYm9ib3guT3B0aW9ucyBtZW51QWxpZ249e21lbnVBbGlnbn0gbWVudVdpZHRoPXttZW51V2lkdGh9IGFzPXtNZW51Q2FyZH0+XG4gICAgICAgIHtmaWx0ZXJlZE9wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPENvbWJvYm94Lk9wdGlvbiBrZXk9e2luZGV4fSB2YWx1ZT17b3B0aW9ufSBhcz17UmVhY3QuRnJhZ21lbnR9PlxuICAgICAgICAgICAgeyh7IGFjdGl2ZSwgc2VsZWN0ZWQgfSkgPT4gKFxuICAgICAgICAgICAgICA8TWVudUl0ZW0gaXNTZWxlY3RlZD17c2VsZWN0ZWR9IGlzQWN0aXZlPXthY3RpdmV9PlxuICAgICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgICAgPC9NZW51SXRlbT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Db21ib2JveC5PcHRpb24+XG4gICAgICAgICkpfVxuICAgICAgICB7IUJvb2xlYW4oZmlsdGVyZWRPcHRpb25zLmxlbmd0aCkgJiYgPEVtcHR5U3RhdGUgLz59XG4gICAgICA8L0NvbWJvYm94Lk9wdGlvbnM+XG4gICAgPC9Db21ib2JveD5cbiAgKTtcbn07XG5cbk11bHRpQXV0b2NvbXBsZXRlLnByb3BUeXBlcyA9IHtcbiAgb3B0aW9uczogUHJvcFR5cGVzLmFycmF5LFxuICBkZWZhdWx0T3B0aW9uOiBQcm9wVHlwZXMub2JqZWN0LFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIG1lbnVBbGlnbjogdHlwZXMubWVudUFsaWduLFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbn07XG4iXX0= */"));
+})(getClearButtonStyles({
+  variant: 'neutral'
+}), ";width:24px;height:24px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL211bHRpLWF1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNrQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9tdWx0aS1hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgY29tcG9uZW50VmFycyxcbiAgTWVudUNhcmQsXG4gIE1lbnVJdGVtLFxuICBJbnB1dEZpZWxkLFxuICBnZXRDbGVhckJ1dHRvblN0eWxlcyxcbn0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgUm9vdCA9ICh7IC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIDxCb3ggey4uLnByb3BzfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgLz47XG59O1xuXG5jb25zdCBUcmlnZ2VyID0gZm9yd2FyZFJlZigoeyAuLi5wcm9wcyB9LCByZWYpID0+IDxCb3ggcmVmPXtyZWZ9IHsuLi5wcm9wc30gcG9zaXRpb249XCJyZWxhdGl2ZVwiIC8+KTtcblxuY29uc3QgRW1wdHlTdGF0ZSA9ICgpID0+IChcbiAgPEJveCBwYWRkaW5nPVwic1wiPlxuICAgIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIj5ObyByZXN1bHRzPC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFRhZ3MgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGdhcDogNHB4O1xuICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbmA7XG5cbmNvbnN0IFJlbW92ZUJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICR7Z2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50OiAnbmV1dHJhbCcgfSl9O1xuICB3aWR0aDogMjRweDtcbiAgaGVpZ2h0OiAyNHB4O1xuYDtcblxuY29uc3QgVGFnID0gKHsgY2hpbGRyZW4sIG9uUmVtb3ZlQ2xpY2sgfSkgPT4gKFxuICA8Qm94IGJhY2tncm91bmRDb2xvcj1cImZhZGUxXCIgcmFkaXVzPVwic1wiIGhlaWdodD1cIjMycHhcIiBwYWRkaW5nTGVmdD1cIjEycHhcIiBwYWRkaW5nUmlnaHQ9XCI4cHhcIj5cbiAgICA8QXJyYW5nZSBnYXA9XCI0cHhcIiBoZWlnaHQ9XCIxMDAlXCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8UmVtb3ZlQnV0dG9uIG9uQ2xpY2s9eygpID0+IG9uUmVtb3ZlQ2xpY2soKX0+XG4gICAgICAgIDxJY29uIGljb249ezxJY29uQ3Jvc3MgLz59IHNpemU9XCJzXCIgLz5cbiAgICAgIDwvUmVtb3ZlQnV0dG9uPlxuICAgIDwvQXJyYW5nZT5cbiAgPC9Cb3g+XG4pO1xuXG5leHBvcnQgY29uc3QgTXVsdGlBdXRvY29tcGxldGUgPSAoe1xuICBvcHRpb25zLFxuICBkZWZhdWx0T3B0aW9ucyA9IFtdLFxuICBvbkNoYW5nZSxcbiAgbWVudUFsaWduID0gJ2xlZnQnLFxuICBtZW51V2lkdGggPSAnMTAwJScsXG4gIHBsYWNlaG9sZGVyLFxufSkgPT4ge1xuICBjb25zdCBbc2VsZWN0ZWRPcHRpb25zLCBzZXRTZWxlY3RlZE9wdGlvbnNdID0gdXNlU3RhdGUoZGVmYXVsdE9wdGlvbnMpO1xuICBjb25zdCBbcXVlcnksIHNldFF1ZXJ5XSA9IHVzZVN0YXRlKCcnKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSBvcHRpb24gPT4ge1xuICAgIHNldFNlbGVjdGVkT3B0aW9ucyhvcHRpb24pO1xuICAgIG9uQ2hhbmdlICYmIG9uQ2hhbmdlKG9wdGlvbik7XG4gICAgc2V0UXVlcnkoJycpO1xuICB9O1xuXG4gIGNvbnN0IGZpbHRlcmVkT3B0aW9ucyA9XG4gICAgcXVlcnkgPT09ICcnXG4gICAgICA/IG9wdGlvbnNcbiAgICAgIDogb3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IHtcbiAgICAgICAgICByZXR1cm4gb3B0aW9uLmNvbnRlbnQudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhxdWVyeS50b0xvd2VyQ2FzZSgpKTtcbiAgICAgICAgfSk7XG5cbiAgY29uc3QgZGVzZWxlY3RPcHRpb24gPSBvcHRpb24gPT4ge1xuICAgIGNvbnN0IHJlbWFpbmluZyA9IHNlbGVjdGVkT3B0aW9ucy5maWx0ZXIoaXRlbSA9PiBpdGVtICE9PSBvcHRpb24pO1xuICAgIHNldFNlbGVjdGVkT3B0aW9ucyhyZW1haW5pbmcpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENvbWJvYm94IGFzPXtSb290fSB2YWx1ZT17c2VsZWN0ZWRPcHRpb25zfSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSBtdWx0aXBsZT5cbiAgICAgIHtzZWxlY3RlZE9wdGlvbnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxUYWdzPlxuICAgICAgICAgIHtzZWxlY3RlZE9wdGlvbnMubWFwKG9wdGlvbiA9PiAoXG4gICAgICAgICAgICA8VGFnIG9uUmVtb3ZlQ2xpY2s9eygpID0+IGRlc2VsZWN0T3B0aW9uKG9wdGlvbil9IGtleT17b3B0aW9uLmlkfT5cbiAgICAgICAgICAgICAge29wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgPC9UYWc+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvVGFncz5cbiAgICAgICl9XG5cbiAgICAgIDxDb21ib2JveC5CdXR0b24gYXM9e1RyaWdnZXJ9PlxuICAgICAgICA8SW5wdXRGaWVsZFxuICAgICAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgb25DaGFuZ2U9e2V2ZW50ID0+IHNldFF1ZXJ5KGV2ZW50LnRhcmdldC52YWx1ZSl9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAvPlxuXG4gICAgICAgIDxCb3hcbiAgICAgICAgICByaWdodD17Y29tcG9uZW50VmFycy5maWVsZFhQYWRkaW5nfVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD1cIjBweFwiXG4gICAgICAgICAgYm90dG9tPVwiMHB4XCJcbiAgICAgICAgICBtYXJnaW49XCJhdXRvXCJcbiAgICAgICAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29tYm9ib3guQnV0dG9uPlxuXG4gICAgICA8Q29tYm9ib3guT3B0aW9ucyBtZW51QWxpZ249e21lbnVBbGlnbn0gbWVudVdpZHRoPXttZW51V2lkdGh9IGFzPXtNZW51Q2FyZH0+XG4gICAgICAgIHtmaWx0ZXJlZE9wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPENvbWJvYm94Lk9wdGlvbiBrZXk9e2luZGV4fSB2YWx1ZT17b3B0aW9ufSBhcz17UmVhY3QuRnJhZ21lbnR9PlxuICAgICAgICAgICAgeyh7IGFjdGl2ZSwgc2VsZWN0ZWQgfSkgPT4gKFxuICAgICAgICAgICAgICA8TWVudUl0ZW0gaXNTZWxlY3RlZD17c2VsZWN0ZWR9IGlzQWN0aXZlPXthY3RpdmV9PlxuICAgICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgICAgPC9NZW51SXRlbT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Db21ib2JveC5PcHRpb24+XG4gICAgICAgICkpfVxuICAgICAgICB7IUJvb2xlYW4oZmlsdGVyZWRPcHRpb25zLmxlbmd0aCkgJiYgPEVtcHR5U3RhdGUgLz59XG4gICAgICA8L0NvbWJvYm94Lk9wdGlvbnM+XG4gICAgPC9Db21ib2JveD5cbiAgKTtcbn07XG5cbk11bHRpQXV0b2NvbXBsZXRlLnByb3BUeXBlcyA9IHtcbiAgb3B0aW9uczogUHJvcFR5cGVzLmFycmF5LFxuICBkZWZhdWx0T3B0aW9uOiBQcm9wVHlwZXMub2JqZWN0LFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIG1lbnVBbGlnbjogdHlwZXMubWVudUFsaWduLFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbn07XG4iXX0= */"));
 
 var Tag = function Tag(_ref3) {
   var children = _ref3.children,

package/es/components/text-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", "iconPosition"];
+var _excluded = ["children", "isDisabled", "icon", "iconPosition", "variant"];
 
 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); }
 
@@ -14,7 +14,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { Icon, Text } from '../components';
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
-import { styles } from '../foundational';
+import { getClearButtonStyles } from '../foundational';
+import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
@@ -22,22 +23,30 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
 } : {
   target: "e1jnb1460",
   label: "Wrapper"
-})(styles.clearButton, ";padding:0 8px;gap:8px;min-width:0;max-width:100%;.buttonIcon{", function (p) {
+})(function (_ref) {
+  var variant = _ref.variant;
+  return getClearButtonStyles({
+    variant: variant
+  });
+}, ";padding:0 8px;gap:8px;min-width:0;max-width:100%;.buttonIcon{", function (p) {
   return p.iconPosition === 'right' && "order: 1";
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmNsZWFyQnV0dG9ufTtcbiAgcGFkZGluZzogMCA4cHg7XG4gIGdhcDogOHB4O1xuICBtaW4td2lkdGg6IDA7XG4gIG1heC13aWR0aDogMTAwJTtcblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc0Rpc2FibGVkLCBpY29uLCBpY29uUG9zaXRpb24gPSAnbGVmdCcsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxXcmFwcGVyIGRpc2FibGVkPXtpc0Rpc2FibGVkfSBpY29uPXtpY29ufSBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn0gcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjbGFzc05hbWU9XCJidXR0b25JY29uXCIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPn1cbiAgICAgIHtjaGlsZHJlbiAmJiA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0Pn1cbiAgICA8L1dyYXBwZXI+XG4gICksXG4pO1xuXG5UZXh0QnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0J10pLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"));
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAkeyh7IHZhcmlhbnQgfSkgPT4gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50IH0pfTtcbiAgcGFkZGluZzogMCA4cHg7XG4gIGdhcDogOHB4O1xuICBtaW4td2lkdGg6IDA7XG4gIG1heC13aWR0aDogMTAwJTtcblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc0Rpc2FibGVkLCBpY29uLCBpY29uUG9zaXRpb24gPSAnbGVmdCcsIHZhcmlhbnQgPSAnbmV1dHJhbCcsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxXcmFwcGVyXG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIGljb249e2ljb259XG4gICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjbGFzc05hbWU9XCJidXR0b25JY29uXCIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPn1cbiAgICAgIHtjaGlsZHJlbiAmJiA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0Pn1cbiAgICA8L1dyYXBwZXI+XG4gICksXG4pO1xuXG5UZXh0QnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxufTtcbiJdfQ== */"));
 
-export var TextButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      isDisabled = _ref.isDisabled,
-      icon = _ref.icon,
-      _ref$iconPosition = _ref.iconPosition,
-      iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
-      props = _objectWithoutProperties(_ref, _excluded);
+export var TextButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+      isDisabled = _ref2.isDisabled,
+      icon = _ref2.icon,
+      _ref2$iconPosition = _ref2.iconPosition,
+      iconPosition = _ref2$iconPosition === void 0 ? 'left' : _ref2$iconPosition,
+      _ref2$variant = _ref2.variant,
+      variant = _ref2$variant === void 0 ? 'neutral' : _ref2$variant,
+      props = _objectWithoutProperties(_ref2, _excluded);
 
   return ___EmotionJSX(Wrapper, _extends({
     disabled: isDisabled,
     icon: icon,
     iconPosition: iconPosition,
+    variant: variant,
     ref: ref
   }, props), icon && ___EmotionJSX(Icon, {
     icon: icon,
@@ -50,7 +59,8 @@ export var TextButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
 TextButton.propTypes = {
   children: PropTypes.node,
   icon: PropTypes.node,
-  iconPosition: PropTypes.oneOf(['left', 'right']),
+  iconPosition: types.iconPosition,
   onClick: PropTypes.func,
-  isDisabled: PropTypes.bool
+  isDisabled: PropTypes.bool,
+  variant: types.clearButtonVariant
 };

package/es/components/text.js

@@ -12,14 +12,14 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import { getColor, getResponsiveTextSize, getTextSize, getWeight } from '../utilities';
+import { getColor, getResponsiveTextSize, getWeight } from '../utilities';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { css } from '@emotion/react';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var variantStyles = {
-  caps: /*#__PURE__*/css("font-size:", getTextSize('s'), ";font-weight:", getWeight('semiBold'), ";text-transform:uppercase;letter-spacing:0.2em;" + (process.env.NODE_ENV === "production" ? "" : ";label:caps;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9XIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0VGV4dFNpemUsIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBjYXBzOiBjc3NgXG4gICAgZm9udC1zaXplOiAke2dldFRleHRTaXplKCdzJyl9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnc2VtaUJvbGQnKX07XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBsZXR0ZXItc3BhY2luZzogMC4yZW07XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgVGV4dCA9ICh7XG4gIGNoaWxkcmVuLFxuICBzaXplID0gJ20nLFxuICB3ZWlnaHQsXG4gIGNvbG9yLFxuICB0YWcgPSAnc3BhbicsXG4gIGhhc0VsbGlwc2lzLFxuICBlbGxpcHNpc0xpbmVzLFxuICBhbGlnbixcbiAgbGV0dGVyU3BhY2luZyxcbiAgdGV4dFRyYW5zZm9ybSxcbiAgdmFyaWFudCxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAkeyF2YXJpYW50ICYmXG4gICAgICAgIGBcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG4gICAgICAgICAgJHt0ZXh0VHJhbnNmb3JtICYmIGB0ZXh0LXRyYW5zZm9ybTogJHt0ZXh0VHJhbnNmb3JtfWB9O1xuICAgICAgICAgICR7bGV0dGVyU3BhY2luZyAmJiBgbGV0dGVyLXNwYWNpbmc6ICR7bGV0dGVyU3BhY2luZ31gfTtcbiAgICAgICAgICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQod2VpZ2h0KX07XG4gICAgICAgIGB9XG5cbiAgICAgICAgJHt2YXJpYW50ICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF19XG5cbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgIHRleHQtYWxpZ246ICR7YWxpZ259O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgJHshZWxsaXBzaXNMaW5lcyAmJiBgd2hpdGUtc3BhY2U6IG5vd3JhcGB9O1xuICAgICAgICBgfTtcblxuICAgICAgICAke2hhc0VsbGlwc2lzICYmXG4gICAgICAgIGVsbGlwc2lzTGluZXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgICAgICAgIC13ZWJraXQtbGluZS1jbGFtcDogJHtlbGxpcHNpc0xpbmVzfTtcbiAgICAgICAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgICAgICBgfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufTtcblxuVGV4dC5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgd2VpZ2h0OiB0eXBlcy53ZWlnaHQsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYWxpZ246IHR5cGVzLnRleHRBbGlnbixcbiAgdGFnOiB0eXBlcy50ZXh0VGFnLFxuICBoYXNFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGVsbGlwc2lzTGluZXM6IFByb3BUeXBlcy5udW1iZXIsXG4gIGxldHRlclNwYWNpbmc6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRleHRUcmFuc2Zvcm06IFByb3BUeXBlcy5vbmVPZihbJ2NhcGl0YWxpemUnLCAndXBwZXJjYXNlJywgJ2xvd2VyY2FzZSddKSxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnY2FwcyddKSxcbn07XG4iXX0= */")
+  caps: /*#__PURE__*/css("font-size:11px;font-weight:", getWeight('semiBold'), ";text-transform:uppercase;letter-spacing:0.2em;" + (process.env.NODE_ENV === "production" ? "" : ";label:caps;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9XIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIGNhcHM6IGNzc2BcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdzZW1pQm9sZCcpfTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGxldHRlci1zcGFjaW5nOiAwLjJlbTtcbiAgYCxcbn07XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIHNpemUgPSAnbScsXG4gIHdlaWdodCxcbiAgY29sb3IsXG4gIHRhZyA9ICdzcGFuJyxcbiAgaGFzRWxsaXBzaXMsXG4gIGVsbGlwc2lzTGluZXMsXG4gIGFsaWduLFxuICBsZXR0ZXJTcGFjaW5nLFxuICB0ZXh0VHJhbnNmb3JtLFxuICB2YXJpYW50LFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7IXZhcmlhbnQgJiZcbiAgICAgICAgYFxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgICAgICAgICAke3RleHRUcmFuc2Zvcm0gJiYgYHRleHQtdHJhbnNmb3JtOiAke3RleHRUcmFuc2Zvcm19YH07XG4gICAgICAgICAgJHtsZXR0ZXJTcGFjaW5nICYmIGBsZXR0ZXItc3BhY2luZzogJHtsZXR0ZXJTcGFjaW5nfWB9O1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCh3ZWlnaHQpfTtcbiAgICAgICAgYH1cblxuICAgICAgICAke3ZhcmlhbnQgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XX1cblxuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoY29sb3IpfTtcbiAgICAgICAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5cbiAgICAgICAgJHtoYXNFbGxpcHNpcyAmJlxuICAgICAgICBgXG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgICAkeyFlbGxpcHNpc0xpbmVzICYmIGB3aGl0ZS1zcGFjZTogbm93cmFwYH07XG4gICAgICAgIGB9O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgZWxsaXBzaXNMaW5lcyAmJlxuICAgICAgICBgXG4gICAgICAgICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgICAgICAgLXdlYmtpdC1saW5lLWNsYW1wOiAke2VsbGlwc2lzTGluZXN9O1xuICAgICAgICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgICAgIGB9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59O1xuXG5UZXh0LnByb3BUeXBlcyA9IHtcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICB3ZWlnaHQ6IHR5cGVzLndlaWdodCxcbiAgY29sb3I6IHR5cGVzLmNvbG9yLFxuICBhbGlnbjogdHlwZXMudGV4dEFsaWduLFxuICB0YWc6IHR5cGVzLnRleHRUYWcsXG4gIGhhc0VsbGlwc2lzOiBQcm9wVHlwZXMuYm9vbCxcbiAgZWxsaXBzaXNMaW5lczogUHJvcFR5cGVzLm51bWJlcixcbiAgbGV0dGVyU3BhY2luZzogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGV4dFRyYW5zZm9ybTogUHJvcFR5cGVzLm9uZU9mKFsnY2FwaXRhbGl6ZScsICd1cHBlcmNhc2UnLCAnbG93ZXJjYXNlJ10pLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydjYXBzJ10pLFxufTtcbiJdfQ== */")
 };
 export var Text = function Text(_ref) {
   var children = _ref.children,
@@ -39,7 +39,7 @@ export var Text = function Text(_ref) {
 
   var Tag = tag;
   return ___EmotionJSX(Tag, _extends({
-    css: /*#__PURE__*/css(!variant && "\n          ".concat(getResponsiveTextSize(size), ";\n          ").concat(textTransform && "text-transform: ".concat(textTransform), ";\n          ").concat(letterSpacing && "letter-spacing: ".concat(letterSpacing), ";\n          font-weight: ").concat(getWeight(weight), ";\n        "), " ", variant && variantStyles[variant], " display:block;color:", getColor(color), ";text-align:", align, ";", hasEllipsis && "\n          overflow: hidden;\n          text-overflow: ellipsis;\n          ".concat(!ellipsisLines && "white-space: nowrap", ";\n        "), ";", hasEllipsis && ellipsisLines && "\n          display: -webkit-box;\n          -webkit-line-clamp: ".concat(ellipsisLines, ";\n          -webkit-box-orient: vertical;\n        "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Text;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSZXNwb25zaXZlVGV4dFNpemUsIGdldFRleHRTaXplLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgY2FwczogY3NzYFxuICAgIGZvbnQtc2l6ZTogJHtnZXRUZXh0U2l6ZSgncycpfTtcbiAgICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ3NlbWlCb2xkJyl9O1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gICAgbGV0dGVyLXNwYWNpbmc6IDAuMmVtO1xuICBgLFxufTtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSAoe1xuICBjaGlsZHJlbixcbiAgc2l6ZSA9ICdtJyxcbiAgd2VpZ2h0LFxuICBjb2xvcixcbiAgdGFnID0gJ3NwYW4nLFxuICBoYXNFbGxpcHNpcyxcbiAgZWxsaXBzaXNMaW5lcyxcbiAgYWxpZ24sXG4gIGxldHRlclNwYWNpbmcsXG4gIHRleHRUcmFuc2Zvcm0sXG4gIHZhcmlhbnQsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHshdmFyaWFudCAmJlxuICAgICAgICBgXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICAgICAgICAgICR7dGV4dFRyYW5zZm9ybSAmJiBgdGV4dC10cmFuc2Zvcm06ICR7dGV4dFRyYW5zZm9ybX1gfTtcbiAgICAgICAgICAke2xldHRlclNwYWNpbmcgJiYgYGxldHRlci1zcGFjaW5nOiAke2xldHRlclNwYWNpbmd9YH07XG4gICAgICAgICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KHdlaWdodCl9O1xuICAgICAgICBgfVxuXG4gICAgICAgICR7dmFyaWFudCAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdfVxuXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBjb2xvcjogJHtnZXRDb2xvcihjb2xvcil9O1xuICAgICAgICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICAgICAgICAke2hhc0VsbGlwc2lzICYmXG4gICAgICAgIGBcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICAgICR7IWVsbGlwc2lzTGluZXMgJiYgYHdoaXRlLXNwYWNlOiBub3dyYXBgfTtcbiAgICAgICAgYH07XG5cbiAgICAgICAgJHtoYXNFbGxpcHNpcyAmJlxuICAgICAgICBlbGxpcHNpc0xpbmVzICYmXG4gICAgICAgIGBcbiAgICAgICAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICAgICAgICAtd2Via2l0LWxpbmUtY2xhbXA6ICR7ZWxsaXBzaXNMaW5lc307XG4gICAgICAgICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICAgICAgYH07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn07XG5cblRleHQucHJvcFR5cGVzID0ge1xuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG4gIHdlaWdodDogdHlwZXMud2VpZ2h0LFxuICBjb2xvcjogdHlwZXMuY29sb3IsXG4gIGFsaWduOiB0eXBlcy50ZXh0QWxpZ24sXG4gIHRhZzogdHlwZXMudGV4dFRhZyxcbiAgaGFzRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBlbGxpcHNpc0xpbmVzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBsZXR0ZXJTcGFjaW5nOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0ZXh0VHJhbnNmb3JtOiBQcm9wVHlwZXMub25lT2YoWydjYXBpdGFsaXplJywgJ3VwcGVyY2FzZScsICdsb3dlcmNhc2UnXSksXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2NhcHMnXSksXG59O1xuIl19 */")
+    css: /*#__PURE__*/css(!variant && "\n          ".concat(getResponsiveTextSize(size), ";\n          ").concat(textTransform && "text-transform: ".concat(textTransform), ";\n          ").concat(letterSpacing && "letter-spacing: ".concat(letterSpacing), ";\n          font-weight: ").concat(getWeight(weight), ";\n        "), " ", variant && variantStyles[variant], " display:block;color:", getColor(color), ";text-align:", align, ";", hasEllipsis && "\n          overflow: hidden;\n          text-overflow: ellipsis;\n          ".concat(!ellipsisLines && "white-space: nowrap", ";\n        "), ";", hasEllipsis && ellipsisLines && "\n          display: -webkit-box;\n          -webkit-line-clamp: ".concat(ellipsisLines, ";\n          -webkit-box-orient: vertical;\n        "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Text;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSZXNwb25zaXZlVGV4dFNpemUsIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBjYXBzOiBjc3NgXG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnc2VtaUJvbGQnKX07XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBsZXR0ZXItc3BhY2luZzogMC4yZW07XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgVGV4dCA9ICh7XG4gIGNoaWxkcmVuLFxuICBzaXplID0gJ20nLFxuICB3ZWlnaHQsXG4gIGNvbG9yLFxuICB0YWcgPSAnc3BhbicsXG4gIGhhc0VsbGlwc2lzLFxuICBlbGxpcHNpc0xpbmVzLFxuICBhbGlnbixcbiAgbGV0dGVyU3BhY2luZyxcbiAgdGV4dFRyYW5zZm9ybSxcbiAgdmFyaWFudCxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAkeyF2YXJpYW50ICYmXG4gICAgICAgIGBcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG4gICAgICAgICAgJHt0ZXh0VHJhbnNmb3JtICYmIGB0ZXh0LXRyYW5zZm9ybTogJHt0ZXh0VHJhbnNmb3JtfWB9O1xuICAgICAgICAgICR7bGV0dGVyU3BhY2luZyAmJiBgbGV0dGVyLXNwYWNpbmc6ICR7bGV0dGVyU3BhY2luZ31gfTtcbiAgICAgICAgICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQod2VpZ2h0KX07XG4gICAgICAgIGB9XG5cbiAgICAgICAgJHt2YXJpYW50ICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF19XG5cbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgIHRleHQtYWxpZ246ICR7YWxpZ259O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgJHshZWxsaXBzaXNMaW5lcyAmJiBgd2hpdGUtc3BhY2U6IG5vd3JhcGB9O1xuICAgICAgICBgfTtcblxuICAgICAgICAke2hhc0VsbGlwc2lzICYmXG4gICAgICAgIGVsbGlwc2lzTGluZXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgICAgICAgIC13ZWJraXQtbGluZS1jbGFtcDogJHtlbGxpcHNpc0xpbmVzfTtcbiAgICAgICAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgICAgICBgfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufTtcblxuVGV4dC5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgd2VpZ2h0OiB0eXBlcy53ZWlnaHQsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYWxpZ246IHR5cGVzLnRleHRBbGlnbixcbiAgdGFnOiB0eXBlcy50ZXh0VGFnLFxuICBoYXNFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGVsbGlwc2lzTGluZXM6IFByb3BUeXBlcy5udW1iZXIsXG4gIGxldHRlclNwYWNpbmc6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRleHRUcmFuc2Zvcm06IFByb3BUeXBlcy5vbmVPZihbJ2NhcGl0YWxpemUnLCAndXBwZXJjYXNlJywgJ2xvd2VyY2FzZSddKSxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnY2FwcyddKSxcbn07XG4iXX0= */")
   }, props), children);
 };
 Text.propTypes = {

package/es/foundational/index.js

@@ -1,3 +1,3 @@
 export { MenuCard, MenuGroupTitle, MenuItem } from './menu';
 export { InputField, FieldLabel } from './field';
-export { componentVars, styles } from './styles';
+export { componentVars, styles, getClearButtonStyles } from './styles';

package/es/foundational/menu.js

@@ -20,6 +20,9 @@ import { IconCheck } from '../icons';
 import { forwardRef } from 'react';
 import { componentVars } from './styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
+var cardPadding = 8;
+var cardPaddingPx = "".concat(cardPadding, "px");
+var itemXPadding = 12;
 var menuAlignments = {
   bottomLeft: process.env.NODE_ENV === "production" ? {
     name: "1ode3cm",
@@ -27,7 +30,7 @@ var menuAlignments = {
   } : {
     name: "10a6psf-bottomLeft",
     styles: "left:0;label:bottomLeft;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2lCIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5jb25zdCBtZW51QWxpZ25tZW50cyA9IHtcbiAgYm90dG9tTGVmdDogY3NzYFxuICAgIGxlZnQ6IDA7XG4gIGAsXG4gIGJvdHRvbVJpZ2h0OiBjc3NgXG4gICAgcmlnaHQ6IDA7XG4gIGAsXG4gIHRvcExlZnQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgbGVmdDogMDtcbiAgYCxcbiAgdG9wUmlnaHQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgcmlnaHQ6IDA7XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBzdHlsZWQudWxgXG4gIHBhZGRpbmc6IDhweDtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICB6LWluZGV4OiAxO1xuICBib3gtc2hhZG93OiAke2dldFNoYWRvdygnbScpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIG1heC1oZWlnaHQ6IDQ2OHB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgd2lkdGg6ICR7KHsgbWVudVdpZHRoIH0pID0+IGdldERpbWVuc2lvbihtZW51V2lkdGgpfTtcbiAgJHsoeyBtZW51QWxpZ24gfSkgPT4gbWVudUFsaWdubWVudHNbbWVudUFsaWduXX1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNZW51SXRlbVdyYXBwZXIgPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwID0+IChwLmhhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJyl9O1xuICAke3AgPT4gKHAuaGFzSWNvbiB8fCBwLmlzU2VsZWN0ZWQpICYmIGBnYXA6IDhweGB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gaXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gIWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMCAxMnB4O1xuICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lbnVHcm91cFRpdGxlID0gKHsgY2hpbGRyZW4sIGhhc0RpdmlkZXIgfSkgPT4gKFxuICA8Qm94XG4gICAgbWFyZ2luWD1cIjEycHhcIlxuICAgIHBhZGRpbmdCb3R0b209XCI4cHhcIlxuICAgIG1hcmdpblRvcD1cIjhweFwiXG4gICAgcGFkZGluZ1RvcD17aGFzRGl2aWRlciA/ICcxNnB4JyA6IHVuZGVmaW5lZH1cbiAgICBib3JkZXJTaWRlPXtoYXNEaXZpZGVyID8gJ3RvcCcgOiB1bmRlZmluZWR9XG4gID5cbiAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBjb2xvckFjdGl2ZTogJ3doaXRlJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgfSxcbn07XG5cbmNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveCBoZWlnaHQ9e2NvbXBvbmVudFZhcnMuYm9yZGVyV2lkdGh9IG1hcmdpblk9XCI4cHhcIiBtYXJnaW5YPVwiMTJweFwiIGJhY2tncm91bmRDb2xvcj1cImJvcmRlclwiIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW0gPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgaXNTZWxlY3RlZCwgaXNBY3RpdmUsIGlzRGlzYWJsZWQsIGljb24sIHZhcmlhbnQsIGhhc0RpdmlkZXIsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IGNvbG9yID0gdmFyaWFudCA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3IgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgY29sb3JBY3RpdmUgPSB2YXJpYW50ID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvckFjdGl2ZSA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBiYWNrZ3JvdW5kQ29sb3JBY3RpdmUgPSB2YXJpYW50XG4gICAgICA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlXG4gICAgICA6IGdldENvbG9yKCdiYWNrZ3JvdW5kT3ZlcmxheScpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtoYXNEaXZpZGVyICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgIDxNZW51SXRlbVdyYXBwZXJcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBjb2xvcjogaXNBY3RpdmUgPyBjb2xvckFjdGl2ZSA6IGNvbG9yLFxuICAgICAgICAgICAgYmFja2dyb3VuZDogaXNBY3RpdmUgJiYgYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgIH19XG4gICAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjb2xvcj1cImN1cnJlbnRDb2xvclwiIGhhc0V2ZW5Cb3VuZGFyeSAvPn1cbiAgICAgICAgICA8Qm94IHdpZHRoPVwiMTAwJVwiIG1pbldpZHRoPVwiMHB4XCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7aXNTZWxlY3RlZCAmJiA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSAvPn1cbiAgICAgICAgPC9NZW51SXRlbVdyYXBwZXI+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWlCIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5jb25zdCBjYXJkUGFkZGluZyA9IDg7XG5jb25zdCBjYXJkUGFkZGluZ1B4ID0gYCR7Y2FyZFBhZGRpbmd9cHhgO1xuY29uc3QgaXRlbVhQYWRkaW5nID0gMTI7XG5cbmNvbnN0IG1lbnVBbGlnbm1lbnRzID0ge1xuICBib3R0b21MZWZ0OiBjc3NgXG4gICAgbGVmdDogMDtcbiAgYCxcbiAgYm90dG9tUmlnaHQ6IGNzc2BcbiAgICByaWdodDogMDtcbiAgYCxcbiAgdG9wTGVmdDogY3NzYFxuICAgIGJvdHRvbTogMTAwJTtcbiAgICBsZWZ0OiAwO1xuICBgLFxuICB0b3BSaWdodDogY3NzYFxuICAgIGJvdHRvbTogMTAwJTtcbiAgICByaWdodDogMDtcbiAgYCxcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51Q2FyZCA9IHN0eWxlZC51bGBcbiAgcGFkZGluZzogJHtjYXJkUGFkZGluZ1B4fSAwO1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHotaW5kZXg6IDE7XG4gIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgbWF4LWhlaWdodDogNDY4cHg7XG4gIG92ZXJmbG93OiBhdXRvO1xuICB3aWR0aDogJHsoeyBtZW51V2lkdGggfSkgPT4gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCl9O1xuICAkeyh7IG1lbnVBbGlnbiB9KSA9PiBtZW51QWxpZ25tZW50c1ttZW51QWxpZ25dfVxuXG4gICY6Zm9jdXMge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdiYWNrZ3JvdW5kT3ZlcmxheScpLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogY29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmQsXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbVdyYXBwZXIgPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwID0+IChwLmhhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJyl9O1xuICAke3AgPT4gKHAuaGFzSWNvbiB8fCBwLmlzU2VsZWN0ZWQpICYmIGBnYXA6IDhweGB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gaXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gIWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMCAke2l0ZW1YUGFkZGluZ31weDtcbiAgbWFyZ2luOiAwICR7Y2FyZFBhZGRpbmd9cHg7XG4gIG1pbi1oZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGNvbG9yOiAkeyh7IGNvbG9yIH0pID0+IGNvbG9yfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZW51R3JvdXBUaXRsZSA9ICh7IGNoaWxkcmVuLCBoYXNEaXZpZGVyIH0pID0+IChcbiAgPEJveFxuICAgIHBhZGRpbmdYPXtgJHtjYXJkUGFkZGluZyArIGl0ZW1YUGFkZGluZ31weGB9XG4gICAgcGFkZGluZ0JvdHRvbT17Y2FyZFBhZGRpbmdQeH1cbiAgICBtYXJnaW5Ub3A9e2NhcmRQYWRkaW5nUHh9XG4gICAgcGFkZGluZ1RvcD17aGFzRGl2aWRlciA/IGAke2NhcmRQYWRkaW5nICogMn1weGAgOiB1bmRlZmluZWR9XG4gICAgYm9yZGVyU2lkZT17aGFzRGl2aWRlciA/ICd0b3AnIDogdW5kZWZpbmVkfVxuICA+XG4gICAgPFRleHQgdmFyaWFudD1cImNhcHNcIj57Y2hpbGRyZW59PC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveCBoZWlnaHQ9e2NvbXBvbmVudFZhcnMuYm9yZGVyV2lkdGh9IG1hcmdpblk9XCI4cHhcIiBiYWNrZ3JvdW5kQ29sb3I9XCJib3JkZXJcIiAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHsgY2hpbGRyZW4sIGlzU2VsZWN0ZWQsIGlzQWN0aXZlLCBpc0Rpc2FibGVkLCBpY29uLCB2YXJpYW50ID0gJ25ldXRyYWwnLCBoYXNEaXZpZGVyLCAuLi5wcm9wcyB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtoYXNEaXZpZGVyICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgIDxNZW51SXRlbVdyYXBwZXJcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfVxuICAgICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJjdXJyZW50Q29sb3JcIiBoYXNFdmVuQm91bmRhcnkgLz59XG4gICAgICAgICAgPEJveCB3aWR0aD1cIjEwMCVcIiBtaW5XaWR0aD1cIjBweFwiIHRhZz1cInNwYW5cIj5cbiAgICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge2lzU2VsZWN0ZWQgJiYgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gLz59XG4gICAgICAgIDwvTWVudUl0ZW1XcmFwcGVyPlxuICAgICAgPC8+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   },
   bottomRight: process.env.NODE_ENV === "production" ? {
@@ -36,7 +39,7 @@ var menuAlignments = {
   } : {
     name: "2y8vm8-bottomRight",
     styles: "right:0;label:bottomRight;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWtCIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5jb25zdCBtZW51QWxpZ25tZW50cyA9IHtcbiAgYm90dG9tTGVmdDogY3NzYFxuICAgIGxlZnQ6IDA7XG4gIGAsXG4gIGJvdHRvbVJpZ2h0OiBjc3NgXG4gICAgcmlnaHQ6IDA7XG4gIGAsXG4gIHRvcExlZnQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgbGVmdDogMDtcbiAgYCxcbiAgdG9wUmlnaHQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgcmlnaHQ6IDA7XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBzdHlsZWQudWxgXG4gIHBhZGRpbmc6IDhweDtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICB6LWluZGV4OiAxO1xuICBib3gtc2hhZG93OiAke2dldFNoYWRvdygnbScpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIG1heC1oZWlnaHQ6IDQ2OHB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgd2lkdGg6ICR7KHsgbWVudVdpZHRoIH0pID0+IGdldERpbWVuc2lvbihtZW51V2lkdGgpfTtcbiAgJHsoeyBtZW51QWxpZ24gfSkgPT4gbWVudUFsaWdubWVudHNbbWVudUFsaWduXX1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNZW51SXRlbVdyYXBwZXIgPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwID0+IChwLmhhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJyl9O1xuICAke3AgPT4gKHAuaGFzSWNvbiB8fCBwLmlzU2VsZWN0ZWQpICYmIGBnYXA6IDhweGB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gaXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gIWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMCAxMnB4O1xuICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lbnVHcm91cFRpdGxlID0gKHsgY2hpbGRyZW4sIGhhc0RpdmlkZXIgfSkgPT4gKFxuICA8Qm94XG4gICAgbWFyZ2luWD1cIjEycHhcIlxuICAgIHBhZGRpbmdCb3R0b209XCI4cHhcIlxuICAgIG1hcmdpblRvcD1cIjhweFwiXG4gICAgcGFkZGluZ1RvcD17aGFzRGl2aWRlciA/ICcxNnB4JyA6IHVuZGVmaW5lZH1cbiAgICBib3JkZXJTaWRlPXtoYXNEaXZpZGVyID8gJ3RvcCcgOiB1bmRlZmluZWR9XG4gID5cbiAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBjb2xvckFjdGl2ZTogJ3doaXRlJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgfSxcbn07XG5cbmNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveCBoZWlnaHQ9e2NvbXBvbmVudFZhcnMuYm9yZGVyV2lkdGh9IG1hcmdpblk9XCI4cHhcIiBtYXJnaW5YPVwiMTJweFwiIGJhY2tncm91bmRDb2xvcj1cImJvcmRlclwiIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW0gPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgaXNTZWxlY3RlZCwgaXNBY3RpdmUsIGlzRGlzYWJsZWQsIGljb24sIHZhcmlhbnQsIGhhc0RpdmlkZXIsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IGNvbG9yID0gdmFyaWFudCA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3IgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgY29sb3JBY3RpdmUgPSB2YXJpYW50ID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvckFjdGl2ZSA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBiYWNrZ3JvdW5kQ29sb3JBY3RpdmUgPSB2YXJpYW50XG4gICAgICA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlXG4gICAgICA6IGdldENvbG9yKCdiYWNrZ3JvdW5kT3ZlcmxheScpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtoYXNEaXZpZGVyICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgIDxNZW51SXRlbVdyYXBwZXJcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBjb2xvcjogaXNBY3RpdmUgPyBjb2xvckFjdGl2ZSA6IGNvbG9yLFxuICAgICAgICAgICAgYmFja2dyb3VuZDogaXNBY3RpdmUgJiYgYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgIH19XG4gICAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjb2xvcj1cImN1cnJlbnRDb2xvclwiIGhhc0V2ZW5Cb3VuZGFyeSAvPn1cbiAgICAgICAgICA8Qm94IHdpZHRoPVwiMTAwJVwiIG1pbldpZHRoPVwiMHB4XCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7aXNTZWxlY3RlZCAmJiA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSAvPn1cbiAgICAgICAgPC9NZW51SXRlbVdyYXBwZXI+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JrQiIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL21lbnUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldERpbWVuc2lvbiwgZ2V0UmFkaXVzLCBnZXRTaGFkb3cgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgQm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycyB9IGZyb20gJy4vc3R5bGVzJztcblxuY29uc3QgY2FyZFBhZGRpbmcgPSA4O1xuY29uc3QgY2FyZFBhZGRpbmdQeCA9IGAke2NhcmRQYWRkaW5nfXB4YDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5jb25zdCBtZW51QWxpZ25tZW50cyA9IHtcbiAgYm90dG9tTGVmdDogY3NzYFxuICAgIGxlZnQ6IDA7XG4gIGAsXG4gIGJvdHRvbVJpZ2h0OiBjc3NgXG4gICAgcmlnaHQ6IDA7XG4gIGAsXG4gIHRvcExlZnQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgbGVmdDogMDtcbiAgYCxcbiAgdG9wUmlnaHQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgcmlnaHQ6IDA7XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBzdHlsZWQudWxgXG4gIHBhZGRpbmc6ICR7Y2FyZFBhZGRpbmdQeH0gMDtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICB6LWluZGV4OiAxO1xuICBib3gtc2hhZG93OiAke2dldFNoYWRvdygnbScpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIG1heC1oZWlnaHQ6IDQ2OHB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgd2lkdGg6ICR7KHsgbWVudVdpZHRoIH0pID0+IGdldERpbWVuc2lvbihtZW51V2lkdGgpfTtcbiAgJHsoeyBtZW51QWxpZ24gfSkgPT4gbWVudUFsaWdubWVudHNbbWVudUFsaWduXX1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBnZXRDb2xvcignYmFja2dyb3VuZE92ZXJsYXknKSxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGNvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kLFxuICB9LFxufTtcblxuY29uc3QgTWVudUl0ZW1XcmFwcGVyID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7cCA9PiAocC5oYXNJY29uID8gJ2F1dG8gMWZyJyA6ICcxZnIgYXV0bycpfTtcbiAgJHtwID0+IChwLmhhc0ljb24gfHwgcC5pc1NlbGVjdGVkKSAmJiBgZ2FwOiA4cHhgfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+IGlzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX1gfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+ICFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDAgJHtpdGVtWFBhZGRpbmd9cHg7XG4gIG1hcmdpbjogMCAke2NhcmRQYWRkaW5nfXB4O1xuICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBjb2xvcjogJHsoeyBjb2xvciB9KSA9PiBjb2xvcn07XG5gO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBwYWRkaW5nWD17YCR7Y2FyZFBhZGRpbmcgKyBpdGVtWFBhZGRpbmd9cHhgfVxuICAgIHBhZGRpbmdCb3R0b209e2NhcmRQYWRkaW5nUHh9XG4gICAgbWFyZ2luVG9wPXtjYXJkUGFkZGluZ1B4fVxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyBgJHtjYXJkUGFkZGluZyAqIDJ9cHhgIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtjb21wb25lbnRWYXJzLmJvcmRlcldpZHRofSBtYXJnaW5ZPVwiOHB4XCIgYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgaWNvbiwgdmFyaWFudCA9ICduZXV0cmFsJywgaGFzRGl2aWRlciwgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7aGFzRGl2aWRlciAmJiA8TWVudUl0ZW1EaXZpZGVyIC8+fVxuICAgICAgICA8TWVudUl0ZW1XcmFwcGVyXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBjb2xvcj17dmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvcn1cbiAgICAgICAgICBoYXNJY29uPXtCb29sZWFuKGljb24pfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmJhY2tncm91bmRDb2xvckFjdGl2ZSxcbiAgICAgICAgICB9fVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwiY3VycmVudENvbG9yXCIgaGFzRXZlbkJvdW5kYXJ5IC8+fVxuICAgICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtpc1NlbGVjdGVkICYmIDxJY29uIGljb249ezxJY29uQ2hlY2sgLz59IC8+fVxuICAgICAgICA8L01lbnVJdGVtV3JhcHBlcj5cbiAgICAgIDwvPlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   },
   topLeft: process.env.NODE_ENV === "production" ? {
@@ -45,7 +48,7 @@ var menuAlignments = {
   } : {
     name: "1erqxo6-topLeft",
     styles: "bottom:100%;left:0;label:topLeft;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9tZW51LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXREaW1lbnNpb24sIGdldFJhZGl1cywgZ2V0U2hhZG93IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNoZWNrIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMgfSBmcm9tICcuL3N0eWxlcyc7XG5cbmNvbnN0IG1lbnVBbGlnbm1lbnRzID0ge1xuICBib3R0b21MZWZ0OiBjc3NgXG4gICAgbGVmdDogMDtcbiAgYCxcbiAgYm90dG9tUmlnaHQ6IGNzc2BcbiAgICByaWdodDogMDtcbiAgYCxcbiAgdG9wTGVmdDogY3NzYFxuICAgIGJvdHRvbTogMTAwJTtcbiAgICBsZWZ0OiAwO1xuICBgLFxuICB0b3BSaWdodDogY3NzYFxuICAgIGJvdHRvbTogMTAwJTtcbiAgICByaWdodDogMDtcbiAgYCxcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51Q2FyZCA9IHN0eWxlZC51bGBcbiAgcGFkZGluZzogOHB4O1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHotaW5kZXg6IDE7XG4gIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgbWF4LWhlaWdodDogNDY4cHg7XG4gIG92ZXJmbG93OiBhdXRvO1xuICB3aWR0aDogJHsoeyBtZW51V2lkdGggfSkgPT4gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCl9O1xuICAkeyh7IG1lbnVBbGlnbiB9KSA9PiBtZW51QWxpZ25tZW50c1ttZW51QWxpZ25dfVxuXG4gICY6Zm9jdXMge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IE1lbnVJdGVtV3JhcHBlciA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3AgPT4gKHAuaGFzSWNvbiA/ICdhdXRvIDFmcicgOiAnMWZyIGF1dG8nKX07XG4gICR7cCA9PiAocC5oYXNJY29uIHx8IHAuaXNTZWxlY3RlZCkgJiYgYGdhcDogOHB4YH07XG4gICR7KHsgaXNEaXNhYmxlZCB9KSA9PiBpc0Rpc2FibGVkICYmIGBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9YH07XG4gICR7KHsgaXNEaXNhYmxlZCB9KSA9PiAhaXNEaXNhYmxlZCAmJiBgY3Vyc29yOiBwb2ludGVyO2B9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwIDEycHg7XG4gIG1pbi1oZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBtYXJnaW5YPVwiMTJweFwiXG4gICAgcGFkZGluZ0JvdHRvbT1cIjhweFwiXG4gICAgbWFyZ2luVG9wPVwiOHB4XCJcbiAgICBwYWRkaW5nVG9wPXtoYXNEaXZpZGVyID8gJzE2cHgnIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yQWN0aXZlOiAnd2hpdGUnLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICB9LFxufTtcblxuY29uc3QgTWVudUl0ZW1EaXZpZGVyID0gKCkgPT4gKFxuICA8Qm94IGhlaWdodD17Y29tcG9uZW50VmFycy5ib3JkZXJXaWR0aH0gbWFyZ2luWT1cIjhweFwiIG1hcmdpblg9XCIxMnB4XCIgYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgaWNvbiwgdmFyaWFudCwgaGFzRGl2aWRlciwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgY29sb3IgPSB2YXJpYW50ID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvciA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBjb2xvckFjdGl2ZSA9IHZhcmlhbnQgPyB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yQWN0aXZlIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IGJhY2tncm91bmRDb2xvckFjdGl2ZSA9IHZhcmlhbnRcbiAgICAgID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3JBY3RpdmVcbiAgICAgIDogZ2V0Q29sb3IoJ2JhY2tncm91bmRPdmVybGF5Jyk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAge2hhc0RpdmlkZXIgJiYgPE1lbnVJdGVtRGl2aWRlciAvPn1cbiAgICAgICAgPE1lbnVJdGVtV3JhcHBlclxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGNvbG9yOiBpc0FjdGl2ZSA/IGNvbG9yQWN0aXZlIDogY29sb3IsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiBiYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBoYXNJY29uPXtCb29sZWFuKGljb24pfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwiY3VycmVudENvbG9yXCIgaGFzRXZlbkJvdW5kYXJ5IC8+fVxuICAgICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtpc1NlbGVjdGVkICYmIDxJY29uIGljb249ezxJY29uQ2hlY2sgLz59IC8+fVxuICAgICAgICA8L01lbnVJdGVtV3JhcHBlcj5cbiAgICAgIDwvPlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJjIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5jb25zdCBjYXJkUGFkZGluZyA9IDg7XG5jb25zdCBjYXJkUGFkZGluZ1B4ID0gYCR7Y2FyZFBhZGRpbmd9cHhgO1xuY29uc3QgaXRlbVhQYWRkaW5nID0gMTI7XG5cbmNvbnN0IG1lbnVBbGlnbm1lbnRzID0ge1xuICBib3R0b21MZWZ0OiBjc3NgXG4gICAgbGVmdDogMDtcbiAgYCxcbiAgYm90dG9tUmlnaHQ6IGNzc2BcbiAgICByaWdodDogMDtcbiAgYCxcbiAgdG9wTGVmdDogY3NzYFxuICAgIGJvdHRvbTogMTAwJTtcbiAgICBsZWZ0OiAwO1xuICBgLFxuICB0b3BSaWdodDogY3NzYFxuICAgIGJvdHRvbTogMTAwJTtcbiAgICByaWdodDogMDtcbiAgYCxcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51Q2FyZCA9IHN0eWxlZC51bGBcbiAgcGFkZGluZzogJHtjYXJkUGFkZGluZ1B4fSAwO1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHotaW5kZXg6IDE7XG4gIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgbWF4LWhlaWdodDogNDY4cHg7XG4gIG92ZXJmbG93OiBhdXRvO1xuICB3aWR0aDogJHsoeyBtZW51V2lkdGggfSkgPT4gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCl9O1xuICAkeyh7IG1lbnVBbGlnbiB9KSA9PiBtZW51QWxpZ25tZW50c1ttZW51QWxpZ25dfVxuXG4gICY6Zm9jdXMge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdiYWNrZ3JvdW5kT3ZlcmxheScpLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogY29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmQsXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbVdyYXBwZXIgPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwID0+IChwLmhhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJyl9O1xuICAke3AgPT4gKHAuaGFzSWNvbiB8fCBwLmlzU2VsZWN0ZWQpICYmIGBnYXA6IDhweGB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gaXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gIWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMCAke2l0ZW1YUGFkZGluZ31weDtcbiAgbWFyZ2luOiAwICR7Y2FyZFBhZGRpbmd9cHg7XG4gIG1pbi1oZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGNvbG9yOiAkeyh7IGNvbG9yIH0pID0+IGNvbG9yfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZW51R3JvdXBUaXRsZSA9ICh7IGNoaWxkcmVuLCBoYXNEaXZpZGVyIH0pID0+IChcbiAgPEJveFxuICAgIHBhZGRpbmdYPXtgJHtjYXJkUGFkZGluZyArIGl0ZW1YUGFkZGluZ31weGB9XG4gICAgcGFkZGluZ0JvdHRvbT17Y2FyZFBhZGRpbmdQeH1cbiAgICBtYXJnaW5Ub3A9e2NhcmRQYWRkaW5nUHh9XG4gICAgcGFkZGluZ1RvcD17aGFzRGl2aWRlciA/IGAke2NhcmRQYWRkaW5nICogMn1weGAgOiB1bmRlZmluZWR9XG4gICAgYm9yZGVyU2lkZT17aGFzRGl2aWRlciA/ICd0b3AnIDogdW5kZWZpbmVkfVxuICA+XG4gICAgPFRleHQgdmFyaWFudD1cImNhcHNcIj57Y2hpbGRyZW59PC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveCBoZWlnaHQ9e2NvbXBvbmVudFZhcnMuYm9yZGVyV2lkdGh9IG1hcmdpblk9XCI4cHhcIiBiYWNrZ3JvdW5kQ29sb3I9XCJib3JkZXJcIiAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHsgY2hpbGRyZW4sIGlzU2VsZWN0ZWQsIGlzQWN0aXZlLCBpc0Rpc2FibGVkLCBpY29uLCB2YXJpYW50ID0gJ25ldXRyYWwnLCBoYXNEaXZpZGVyLCAuLi5wcm9wcyB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtoYXNEaXZpZGVyICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgIDxNZW51SXRlbVdyYXBwZXJcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfVxuICAgICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJjdXJyZW50Q29sb3JcIiBoYXNFdmVuQm91bmRhcnkgLz59XG4gICAgICAgICAgPEJveCB3aWR0aD1cIjEwMCVcIiBtaW5XaWR0aD1cIjBweFwiIHRhZz1cInNwYW5cIj5cbiAgICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge2lzU2VsZWN0ZWQgJiYgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gLz59XG4gICAgICAgIDwvTWVudUl0ZW1XcmFwcGVyPlxuICAgICAgPC8+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   },
   topRight: process.env.NODE_ENV === "production" ? {
@@ -54,7 +57,7 @@ var menuAlignments = {
   } : {
     name: "g2dnz1-topRight",
     styles: "bottom:100%;right:0;label:topRight;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJlIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5jb25zdCBtZW51QWxpZ25tZW50cyA9IHtcbiAgYm90dG9tTGVmdDogY3NzYFxuICAgIGxlZnQ6IDA7XG4gIGAsXG4gIGJvdHRvbVJpZ2h0OiBjc3NgXG4gICAgcmlnaHQ6IDA7XG4gIGAsXG4gIHRvcExlZnQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgbGVmdDogMDtcbiAgYCxcbiAgdG9wUmlnaHQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgcmlnaHQ6IDA7XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBzdHlsZWQudWxgXG4gIHBhZGRpbmc6IDhweDtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICB6LWluZGV4OiAxO1xuICBib3gtc2hhZG93OiAke2dldFNoYWRvdygnbScpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIG1heC1oZWlnaHQ6IDQ2OHB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgd2lkdGg6ICR7KHsgbWVudVdpZHRoIH0pID0+IGdldERpbWVuc2lvbihtZW51V2lkdGgpfTtcbiAgJHsoeyBtZW51QWxpZ24gfSkgPT4gbWVudUFsaWdubWVudHNbbWVudUFsaWduXX1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNZW51SXRlbVdyYXBwZXIgPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwID0+IChwLmhhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJyl9O1xuICAke3AgPT4gKHAuaGFzSWNvbiB8fCBwLmlzU2VsZWN0ZWQpICYmIGBnYXA6IDhweGB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gaXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gIWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMCAxMnB4O1xuICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lbnVHcm91cFRpdGxlID0gKHsgY2hpbGRyZW4sIGhhc0RpdmlkZXIgfSkgPT4gKFxuICA8Qm94XG4gICAgbWFyZ2luWD1cIjEycHhcIlxuICAgIHBhZGRpbmdCb3R0b209XCI4cHhcIlxuICAgIG1hcmdpblRvcD1cIjhweFwiXG4gICAgcGFkZGluZ1RvcD17aGFzRGl2aWRlciA/ICcxNnB4JyA6IHVuZGVmaW5lZH1cbiAgICBib3JkZXJTaWRlPXtoYXNEaXZpZGVyID8gJ3RvcCcgOiB1bmRlZmluZWR9XG4gID5cbiAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBjb2xvckFjdGl2ZTogJ3doaXRlJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgfSxcbn07XG5cbmNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveCBoZWlnaHQ9e2NvbXBvbmVudFZhcnMuYm9yZGVyV2lkdGh9IG1hcmdpblk9XCI4cHhcIiBtYXJnaW5YPVwiMTJweFwiIGJhY2tncm91bmRDb2xvcj1cImJvcmRlclwiIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW0gPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgaXNTZWxlY3RlZCwgaXNBY3RpdmUsIGlzRGlzYWJsZWQsIGljb24sIHZhcmlhbnQsIGhhc0RpdmlkZXIsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IGNvbG9yID0gdmFyaWFudCA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3IgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgY29sb3JBY3RpdmUgPSB2YXJpYW50ID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvckFjdGl2ZSA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBiYWNrZ3JvdW5kQ29sb3JBY3RpdmUgPSB2YXJpYW50XG4gICAgICA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlXG4gICAgICA6IGdldENvbG9yKCdiYWNrZ3JvdW5kT3ZlcmxheScpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtoYXNEaXZpZGVyICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgIDxNZW51SXRlbVdyYXBwZXJcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBjb2xvcjogaXNBY3RpdmUgPyBjb2xvckFjdGl2ZSA6IGNvbG9yLFxuICAgICAgICAgICAgYmFja2dyb3VuZDogaXNBY3RpdmUgJiYgYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgIH19XG4gICAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjb2xvcj1cImN1cnJlbnRDb2xvclwiIGhhc0V2ZW5Cb3VuZGFyeSAvPn1cbiAgICAgICAgICA8Qm94IHdpZHRoPVwiMTAwJVwiIG1pbldpZHRoPVwiMHB4XCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7aXNTZWxlY3RlZCAmJiA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSAvPn1cbiAgICAgICAgPC9NZW51SXRlbVdyYXBwZXI+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJlIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5jb25zdCBjYXJkUGFkZGluZyA9IDg7XG5jb25zdCBjYXJkUGFkZGluZ1B4ID0gYCR7Y2FyZFBhZGRpbmd9cHhgO1xuY29uc3QgaXRlbVhQYWRkaW5nID0gMTI7XG5cbmNvbnN0IG1lbnVBbGlnbm1lbnRzID0ge1xuICBib3R0b21MZWZ0OiBjc3NgXG4gICAgbGVmdDogMDtcbiAgYCxcbiAgYm90dG9tUmlnaHQ6IGNzc2BcbiAgICByaWdodDogMDtcbiAgYCxcbiAgdG9wTGVmdDogY3NzYFxuICAgIGJvdHRvbTogMTAwJTtcbiAgICBsZWZ0OiAwO1xuICBgLFxuICB0b3BSaWdodDogY3NzYFxuICAgIGJvdHRvbTogMTAwJTtcbiAgICByaWdodDogMDtcbiAgYCxcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51Q2FyZCA9IHN0eWxlZC51bGBcbiAgcGFkZGluZzogJHtjYXJkUGFkZGluZ1B4fSAwO1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHotaW5kZXg6IDE7XG4gIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgbWF4LWhlaWdodDogNDY4cHg7XG4gIG92ZXJmbG93OiBhdXRvO1xuICB3aWR0aDogJHsoeyBtZW51V2lkdGggfSkgPT4gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCl9O1xuICAkeyh7IG1lbnVBbGlnbiB9KSA9PiBtZW51QWxpZ25tZW50c1ttZW51QWxpZ25dfVxuXG4gICY6Zm9jdXMge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdiYWNrZ3JvdW5kT3ZlcmxheScpLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogY29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmQsXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbVdyYXBwZXIgPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwID0+IChwLmhhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJyl9O1xuICAke3AgPT4gKHAuaGFzSWNvbiB8fCBwLmlzU2VsZWN0ZWQpICYmIGBnYXA6IDhweGB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gaXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gIWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMCAke2l0ZW1YUGFkZGluZ31weDtcbiAgbWFyZ2luOiAwICR7Y2FyZFBhZGRpbmd9cHg7XG4gIG1pbi1oZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGNvbG9yOiAkeyh7IGNvbG9yIH0pID0+IGNvbG9yfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZW51R3JvdXBUaXRsZSA9ICh7IGNoaWxkcmVuLCBoYXNEaXZpZGVyIH0pID0+IChcbiAgPEJveFxuICAgIHBhZGRpbmdYPXtgJHtjYXJkUGFkZGluZyArIGl0ZW1YUGFkZGluZ31weGB9XG4gICAgcGFkZGluZ0JvdHRvbT17Y2FyZFBhZGRpbmdQeH1cbiAgICBtYXJnaW5Ub3A9e2NhcmRQYWRkaW5nUHh9XG4gICAgcGFkZGluZ1RvcD17aGFzRGl2aWRlciA/IGAke2NhcmRQYWRkaW5nICogMn1weGAgOiB1bmRlZmluZWR9XG4gICAgYm9yZGVyU2lkZT17aGFzRGl2aWRlciA/ICd0b3AnIDogdW5kZWZpbmVkfVxuICA+XG4gICAgPFRleHQgdmFyaWFudD1cImNhcHNcIj57Y2hpbGRyZW59PC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveCBoZWlnaHQ9e2NvbXBvbmVudFZhcnMuYm9yZGVyV2lkdGh9IG1hcmdpblk9XCI4cHhcIiBiYWNrZ3JvdW5kQ29sb3I9XCJib3JkZXJcIiAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHsgY2hpbGRyZW4sIGlzU2VsZWN0ZWQsIGlzQWN0aXZlLCBpc0Rpc2FibGVkLCBpY29uLCB2YXJpYW50ID0gJ25ldXRyYWwnLCBoYXNEaXZpZGVyLCAuLi5wcm9wcyB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtoYXNEaXZpZGVyICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgIDxNZW51SXRlbVdyYXBwZXJcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfVxuICAgICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJjdXJyZW50Q29sb3JcIiBoYXNFdmVuQm91bmRhcnkgLz59XG4gICAgICAgICAgPEJveCB3aWR0aD1cIjEwMCVcIiBtaW5XaWR0aD1cIjBweFwiIHRhZz1cInNwYW5cIj5cbiAgICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge2lzU2VsZWN0ZWQgJiYgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gLz59XG4gICAgICAgIDwvTWVudUl0ZW1XcmFwcGVyPlxuICAgICAgPC8+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   }
 };
@@ -63,13 +66,22 @@ export var MenuCard = /*#__PURE__*/_styled("ul", process.env.NODE_ENV === "produ
 } : {
   target: "eil6qy21",
   label: "MenuCard"
-})("padding:8px;margin:0;position:absolute;background:white;z-index:1;box-shadow:", getShadow('m'), ";border-radius:", getRadius('s'), ";max-height:468px;overflow:auto;width:", function (_ref) {
+})("padding:", cardPaddingPx, " 0;margin:0;position:absolute;background:white;z-index:1;box-shadow:", getShadow('m'), ";border-radius:", getRadius('s'), ";max-height:468px;overflow:auto;width:", function (_ref) {
   var menuWidth = _ref.menuWidth;
   return getDimension(menuWidth);
 }, ";", function (_ref2) {
   var menuAlign = _ref2.menuAlign;
   return menuAlignments[menuAlign];
-}, " &:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJpQyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL21lbnUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldERpbWVuc2lvbiwgZ2V0UmFkaXVzLCBnZXRTaGFkb3cgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgQm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycyB9IGZyb20gJy4vc3R5bGVzJztcblxuY29uc3QgbWVudUFsaWdubWVudHMgPSB7XG4gIGJvdHRvbUxlZnQ6IGNzc2BcbiAgICBsZWZ0OiAwO1xuICBgLFxuICBib3R0b21SaWdodDogY3NzYFxuICAgIHJpZ2h0OiAwO1xuICBgLFxuICB0b3BMZWZ0OiBjc3NgXG4gICAgYm90dG9tOiAxMDAlO1xuICAgIGxlZnQ6IDA7XG4gIGAsXG4gIHRvcFJpZ2h0OiBjc3NgXG4gICAgYm90dG9tOiAxMDAlO1xuICAgIHJpZ2h0OiAwO1xuICBgLFxufTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiA4cHg7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgei1pbmRleDogMTtcbiAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBtYXgtaGVpZ2h0OiA0NjhweDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHdpZHRoOiAkeyh7IG1lbnVXaWR0aCB9KSA9PiBnZXREaW1lbnNpb24obWVudVdpZHRoKX07XG4gICR7KHsgbWVudUFsaWduIH0pID0+IG1lbnVBbGlnbm1lbnRzW21lbnVBbGlnbl19XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTWVudUl0ZW1XcmFwcGVyID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7cCA9PiAocC5oYXNJY29uID8gJ2F1dG8gMWZyJyA6ICcxZnIgYXV0bycpfTtcbiAgJHtwID0+IChwLmhhc0ljb24gfHwgcC5pc1NlbGVjdGVkKSAmJiBgZ2FwOiA4cHhgfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+IGlzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX1gfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+ICFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDAgMTJweDtcbiAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZW51R3JvdXBUaXRsZSA9ICh7IGNoaWxkcmVuLCBoYXNEaXZpZGVyIH0pID0+IChcbiAgPEJveFxuICAgIG1hcmdpblg9XCIxMnB4XCJcbiAgICBwYWRkaW5nQm90dG9tPVwiOHB4XCJcbiAgICBtYXJnaW5Ub3A9XCI4cHhcIlxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyAnMTZweCcgOiB1bmRlZmluZWR9XG4gICAgYm9yZGVyU2lkZT17aGFzRGl2aWRlciA/ICd0b3AnIDogdW5kZWZpbmVkfVxuICA+XG4gICAgPFRleHQgdmFyaWFudD1cImNhcHNcIj57Y2hpbGRyZW59PC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIGRhbmdlcjoge1xuICAgIGNvbG9yOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgY29sb3JBY3RpdmU6ICd3aGl0ZScsXG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtjb21wb25lbnRWYXJzLmJvcmRlcldpZHRofSBtYXJnaW5ZPVwiOHB4XCIgbWFyZ2luWD1cIjEycHhcIiBiYWNrZ3JvdW5kQ29sb3I9XCJib3JkZXJcIiAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzU2VsZWN0ZWQsIGlzQWN0aXZlLCBpc0Rpc2FibGVkLCBpY29uLCB2YXJpYW50LCBoYXNEaXZpZGVyLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCBjb2xvciA9IHZhcmlhbnQgPyB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IGNvbG9yQWN0aXZlID0gdmFyaWFudCA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3JBY3RpdmUgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgYmFja2dyb3VuZENvbG9yQWN0aXZlID0gdmFyaWFudFxuICAgICAgPyB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmJhY2tncm91bmRDb2xvckFjdGl2ZVxuICAgICAgOiBnZXRDb2xvcignYmFja2dyb3VuZE92ZXJsYXknKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7aGFzRGl2aWRlciAmJiA8TWVudUl0ZW1EaXZpZGVyIC8+fVxuICAgICAgICA8TWVudUl0ZW1XcmFwcGVyXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgY29sb3I6IGlzQWN0aXZlID8gY29sb3JBY3RpdmUgOiBjb2xvcixcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IGlzQWN0aXZlICYmIGJhY2tncm91bmRDb2xvckFjdGl2ZSxcbiAgICAgICAgICB9fVxuICAgICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJjdXJyZW50Q29sb3JcIiBoYXNFdmVuQm91bmRhcnkgLz59XG4gICAgICAgICAgPEJveCB3aWR0aD1cIjEwMCVcIiBtaW5XaWR0aD1cIjBweFwiIHRhZz1cInNwYW5cIj5cbiAgICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge2lzU2VsZWN0ZWQgJiYgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gLz59XG4gICAgICAgIDwvTWVudUl0ZW1XcmFwcGVyPlxuICAgICAgPC8+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */"));
+}, " &:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJpQyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL21lbnUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldERpbWVuc2lvbiwgZ2V0UmFkaXVzLCBnZXRTaGFkb3cgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgQm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycyB9IGZyb20gJy4vc3R5bGVzJztcblxuY29uc3QgY2FyZFBhZGRpbmcgPSA4O1xuY29uc3QgY2FyZFBhZGRpbmdQeCA9IGAke2NhcmRQYWRkaW5nfXB4YDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5jb25zdCBtZW51QWxpZ25tZW50cyA9IHtcbiAgYm90dG9tTGVmdDogY3NzYFxuICAgIGxlZnQ6IDA7XG4gIGAsXG4gIGJvdHRvbVJpZ2h0OiBjc3NgXG4gICAgcmlnaHQ6IDA7XG4gIGAsXG4gIHRvcExlZnQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgbGVmdDogMDtcbiAgYCxcbiAgdG9wUmlnaHQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgcmlnaHQ6IDA7XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBzdHlsZWQudWxgXG4gIHBhZGRpbmc6ICR7Y2FyZFBhZGRpbmdQeH0gMDtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICB6LWluZGV4OiAxO1xuICBib3gtc2hhZG93OiAke2dldFNoYWRvdygnbScpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIG1heC1oZWlnaHQ6IDQ2OHB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgd2lkdGg6ICR7KHsgbWVudVdpZHRoIH0pID0+IGdldERpbWVuc2lvbihtZW51V2lkdGgpfTtcbiAgJHsoeyBtZW51QWxpZ24gfSkgPT4gbWVudUFsaWdubWVudHNbbWVudUFsaWduXX1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBnZXRDb2xvcignYmFja2dyb3VuZE92ZXJsYXknKSxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGNvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kLFxuICB9LFxufTtcblxuY29uc3QgTWVudUl0ZW1XcmFwcGVyID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7cCA9PiAocC5oYXNJY29uID8gJ2F1dG8gMWZyJyA6ICcxZnIgYXV0bycpfTtcbiAgJHtwID0+IChwLmhhc0ljb24gfHwgcC5pc1NlbGVjdGVkKSAmJiBgZ2FwOiA4cHhgfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+IGlzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX1gfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+ICFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDAgJHtpdGVtWFBhZGRpbmd9cHg7XG4gIG1hcmdpbjogMCAke2NhcmRQYWRkaW5nfXB4O1xuICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBjb2xvcjogJHsoeyBjb2xvciB9KSA9PiBjb2xvcn07XG5gO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBwYWRkaW5nWD17YCR7Y2FyZFBhZGRpbmcgKyBpdGVtWFBhZGRpbmd9cHhgfVxuICAgIHBhZGRpbmdCb3R0b209e2NhcmRQYWRkaW5nUHh9XG4gICAgbWFyZ2luVG9wPXtjYXJkUGFkZGluZ1B4fVxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyBgJHtjYXJkUGFkZGluZyAqIDJ9cHhgIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtjb21wb25lbnRWYXJzLmJvcmRlcldpZHRofSBtYXJnaW5ZPVwiOHB4XCIgYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgaWNvbiwgdmFyaWFudCA9ICduZXV0cmFsJywgaGFzRGl2aWRlciwgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7aGFzRGl2aWRlciAmJiA8TWVudUl0ZW1EaXZpZGVyIC8+fVxuICAgICAgICA8TWVudUl0ZW1XcmFwcGVyXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBjb2xvcj17dmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvcn1cbiAgICAgICAgICBoYXNJY29uPXtCb29sZWFuKGljb24pfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmJhY2tncm91bmRDb2xvckFjdGl2ZSxcbiAgICAgICAgICB9fVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwiY3VycmVudENvbG9yXCIgaGFzRXZlbkJvdW5kYXJ5IC8+fVxuICAgICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtpc1NlbGVjdGVkICYmIDxJY29uIGljb249ezxJY29uQ2hlY2sgLz59IC8+fVxuICAgICAgICA8L01lbnVJdGVtV3JhcHBlcj5cbiAgICAgIDwvPlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */"));
+var variantStyles = {
+  neutral: {
+    backgroundColorActive: getColor('backgroundOverlay')
+  },
+  danger: {
+    color: getColor('danger'),
+    backgroundColorActive: componentVars.clearButtonDangerBackground
+  }
+};
 
 var MenuItemWrapper = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production" ? {
   target: "eil6qy20"
@@ -86,61 +98,54 @@ var MenuItemWrapper = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "produ
 }, ";", function (_ref4) {
   var isDisabled = _ref4.isDisabled;
   return !isDisabled && "cursor: pointer;";
-}, ";align-items:center;justify-content:start;list-style:none;padding:0 12px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNpQyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL21lbnUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldERpbWVuc2lvbiwgZ2V0UmFkaXVzLCBnZXRTaGFkb3cgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgQm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycyB9IGZyb20gJy4vc3R5bGVzJztcblxuY29uc3QgbWVudUFsaWdubWVudHMgPSB7XG4gIGJvdHRvbUxlZnQ6IGNzc2BcbiAgICBsZWZ0OiAwO1xuICBgLFxuICBib3R0b21SaWdodDogY3NzYFxuICAgIHJpZ2h0OiAwO1xuICBgLFxuICB0b3BMZWZ0OiBjc3NgXG4gICAgYm90dG9tOiAxMDAlO1xuICAgIGxlZnQ6IDA7XG4gIGAsXG4gIHRvcFJpZ2h0OiBjc3NgXG4gICAgYm90dG9tOiAxMDAlO1xuICAgIHJpZ2h0OiAwO1xuICBgLFxufTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiA4cHg7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgei1pbmRleDogMTtcbiAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBtYXgtaGVpZ2h0OiA0NjhweDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHdpZHRoOiAkeyh7IG1lbnVXaWR0aCB9KSA9PiBnZXREaW1lbnNpb24obWVudVdpZHRoKX07XG4gICR7KHsgbWVudUFsaWduIH0pID0+IG1lbnVBbGlnbm1lbnRzW21lbnVBbGlnbl19XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTWVudUl0ZW1XcmFwcGVyID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7cCA9PiAocC5oYXNJY29uID8gJ2F1dG8gMWZyJyA6ICcxZnIgYXV0bycpfTtcbiAgJHtwID0+IChwLmhhc0ljb24gfHwgcC5pc1NlbGVjdGVkKSAmJiBgZ2FwOiA4cHhgfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+IGlzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX1gfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+ICFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDAgMTJweDtcbiAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZW51R3JvdXBUaXRsZSA9ICh7IGNoaWxkcmVuLCBoYXNEaXZpZGVyIH0pID0+IChcbiAgPEJveFxuICAgIG1hcmdpblg9XCIxMnB4XCJcbiAgICBwYWRkaW5nQm90dG9tPVwiOHB4XCJcbiAgICBtYXJnaW5Ub3A9XCI4cHhcIlxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyAnMTZweCcgOiB1bmRlZmluZWR9XG4gICAgYm9yZGVyU2lkZT17aGFzRGl2aWRlciA/ICd0b3AnIDogdW5kZWZpbmVkfVxuICA+XG4gICAgPFRleHQgdmFyaWFudD1cImNhcHNcIj57Y2hpbGRyZW59PC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIGRhbmdlcjoge1xuICAgIGNvbG9yOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgY29sb3JBY3RpdmU6ICd3aGl0ZScsXG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtjb21wb25lbnRWYXJzLmJvcmRlcldpZHRofSBtYXJnaW5ZPVwiOHB4XCIgbWFyZ2luWD1cIjEycHhcIiBiYWNrZ3JvdW5kQ29sb3I9XCJib3JkZXJcIiAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzU2VsZWN0ZWQsIGlzQWN0aXZlLCBpc0Rpc2FibGVkLCBpY29uLCB2YXJpYW50LCBoYXNEaXZpZGVyLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCBjb2xvciA9IHZhcmlhbnQgPyB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IGNvbG9yQWN0aXZlID0gdmFyaWFudCA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3JBY3RpdmUgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgYmFja2dyb3VuZENvbG9yQWN0aXZlID0gdmFyaWFudFxuICAgICAgPyB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmJhY2tncm91bmRDb2xvckFjdGl2ZVxuICAgICAgOiBnZXRDb2xvcignYmFja2dyb3VuZE92ZXJsYXknKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7aGFzRGl2aWRlciAmJiA8TWVudUl0ZW1EaXZpZGVyIC8+fVxuICAgICAgICA8TWVudUl0ZW1XcmFwcGVyXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgY29sb3I6IGlzQWN0aXZlID8gY29sb3JBY3RpdmUgOiBjb2xvcixcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IGlzQWN0aXZlICYmIGJhY2tncm91bmRDb2xvckFjdGl2ZSxcbiAgICAgICAgICB9fVxuICAgICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJjdXJyZW50Q29sb3JcIiBoYXNFdmVuQm91bmRhcnkgLz59XG4gICAgICAgICAgPEJveCB3aWR0aD1cIjEwMCVcIiBtaW5XaWR0aD1cIjBweFwiIHRhZz1cInNwYW5cIj5cbiAgICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge2lzU2VsZWN0ZWQgJiYgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gLz59XG4gICAgICAgIDwvTWVudUl0ZW1XcmFwcGVyPlxuICAgICAgPC8+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */"));
+}, ";align-items:center;justify-content:start;list-style:none;padding:0 ", itemXPadding, "px;margin:0 ", cardPadding, "px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;color:", function (_ref5) {
+  var color = _ref5.color;
+  return color;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeURpQyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL21lbnUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldERpbWVuc2lvbiwgZ2V0UmFkaXVzLCBnZXRTaGFkb3cgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgQm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycyB9IGZyb20gJy4vc3R5bGVzJztcblxuY29uc3QgY2FyZFBhZGRpbmcgPSA4O1xuY29uc3QgY2FyZFBhZGRpbmdQeCA9IGAke2NhcmRQYWRkaW5nfXB4YDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5jb25zdCBtZW51QWxpZ25tZW50cyA9IHtcbiAgYm90dG9tTGVmdDogY3NzYFxuICAgIGxlZnQ6IDA7XG4gIGAsXG4gIGJvdHRvbVJpZ2h0OiBjc3NgXG4gICAgcmlnaHQ6IDA7XG4gIGAsXG4gIHRvcExlZnQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgbGVmdDogMDtcbiAgYCxcbiAgdG9wUmlnaHQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgcmlnaHQ6IDA7XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBzdHlsZWQudWxgXG4gIHBhZGRpbmc6ICR7Y2FyZFBhZGRpbmdQeH0gMDtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICB6LWluZGV4OiAxO1xuICBib3gtc2hhZG93OiAke2dldFNoYWRvdygnbScpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIG1heC1oZWlnaHQ6IDQ2OHB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgd2lkdGg6ICR7KHsgbWVudVdpZHRoIH0pID0+IGdldERpbWVuc2lvbihtZW51V2lkdGgpfTtcbiAgJHsoeyBtZW51QWxpZ24gfSkgPT4gbWVudUFsaWdubWVudHNbbWVudUFsaWduXX1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBnZXRDb2xvcignYmFja2dyb3VuZE92ZXJsYXknKSxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGNvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kLFxuICB9LFxufTtcblxuY29uc3QgTWVudUl0ZW1XcmFwcGVyID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7cCA9PiAocC5oYXNJY29uID8gJ2F1dG8gMWZyJyA6ICcxZnIgYXV0bycpfTtcbiAgJHtwID0+IChwLmhhc0ljb24gfHwgcC5pc1NlbGVjdGVkKSAmJiBgZ2FwOiA4cHhgfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+IGlzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX1gfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+ICFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDAgJHtpdGVtWFBhZGRpbmd9cHg7XG4gIG1hcmdpbjogMCAke2NhcmRQYWRkaW5nfXB4O1xuICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBjb2xvcjogJHsoeyBjb2xvciB9KSA9PiBjb2xvcn07XG5gO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBwYWRkaW5nWD17YCR7Y2FyZFBhZGRpbmcgKyBpdGVtWFBhZGRpbmd9cHhgfVxuICAgIHBhZGRpbmdCb3R0b209e2NhcmRQYWRkaW5nUHh9XG4gICAgbWFyZ2luVG9wPXtjYXJkUGFkZGluZ1B4fVxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyBgJHtjYXJkUGFkZGluZyAqIDJ9cHhgIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtjb21wb25lbnRWYXJzLmJvcmRlcldpZHRofSBtYXJnaW5ZPVwiOHB4XCIgYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgaWNvbiwgdmFyaWFudCA9ICduZXV0cmFsJywgaGFzRGl2aWRlciwgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7aGFzRGl2aWRlciAmJiA8TWVudUl0ZW1EaXZpZGVyIC8+fVxuICAgICAgICA8TWVudUl0ZW1XcmFwcGVyXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBjb2xvcj17dmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvcn1cbiAgICAgICAgICBoYXNJY29uPXtCb29sZWFuKGljb24pfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmJhY2tncm91bmRDb2xvckFjdGl2ZSxcbiAgICAgICAgICB9fVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwiY3VycmVudENvbG9yXCIgaGFzRXZlbkJvdW5kYXJ5IC8+fVxuICAgICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtpc1NlbGVjdGVkICYmIDxJY29uIGljb249ezxJY29uQ2hlY2sgLz59IC8+fVxuICAgICAgICA8L01lbnVJdGVtV3JhcHBlcj5cbiAgICAgIDwvPlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */"));
 
-export var MenuGroupTitle = function MenuGroupTitle(_ref5) {
-  var children = _ref5.children,
-      hasDivider = _ref5.hasDivider;
+export var MenuGroupTitle = function MenuGroupTitle(_ref6) {
+  var children = _ref6.children,
+      hasDivider = _ref6.hasDivider;
   return ___EmotionJSX(Box, {
-    marginX: "12px",
-    paddingBottom: "8px",
-    marginTop: "8px",
-    paddingTop: hasDivider ? '16px' : undefined,
+    paddingX: "".concat(cardPadding + itemXPadding, "px"),
+    paddingBottom: cardPaddingPx,
+    marginTop: cardPaddingPx,
+    paddingTop: hasDivider ? "".concat(cardPadding * 2, "px") : undefined,
     borderSide: hasDivider ? 'top' : undefined
   }, ___EmotionJSX(Text, {
     variant: "caps"
   }, children));
 };
-var variantStyles = {
-  danger: {
-    color: getColor('danger'),
-    colorActive: 'white',
-    backgroundColorActive: getColor('danger')
-  }
-};
 
 var MenuItemDivider = function MenuItemDivider() {
   return ___EmotionJSX(Box, {
     height: componentVars.borderWidth,
     marginY: "8px",
-    marginX: "12px",
     backgroundColor: "border"
   });
 };
 
-export var MenuItem = /*#__PURE__*/forwardRef(function (_ref6, ref) {
-  var children = _ref6.children,
-      isSelected = _ref6.isSelected,
-      isActive = _ref6.isActive,
-      isDisabled = _ref6.isDisabled,
-      icon = _ref6.icon,
-      variant = _ref6.variant,
-      hasDivider = _ref6.hasDivider,
-      props = _objectWithoutProperties(_ref6, _excluded);
+export var MenuItem = /*#__PURE__*/forwardRef(function (_ref7, ref) {
+  var children = _ref7.children,
+      isSelected = _ref7.isSelected,
+      isActive = _ref7.isActive,
+      isDisabled = _ref7.isDisabled,
+      icon = _ref7.icon,
+      _ref7$variant = _ref7.variant,
+      variant = _ref7$variant === void 0 ? 'neutral' : _ref7$variant,
+      hasDivider = _ref7.hasDivider,
+      props = _objectWithoutProperties(_ref7, _excluded);
 
-  var color = variant ? variantStyles[variant].color : undefined;
-  var colorActive = variant ? variantStyles[variant].colorActive : undefined;
-  var backgroundColorActive = variant ? variantStyles[variant].backgroundColorActive : getColor('backgroundOverlay');
   return ___EmotionJSX(React.Fragment, null, hasDivider && ___EmotionJSX(MenuItemDivider, null), ___EmotionJSX(MenuItemWrapper, _extends({
     ref: ref,
     isActive: isActive,
     isSelected: isSelected,
     isDisabled: isDisabled,
+    color: variantStyles[variant].color,
+    hasIcon: Boolean(icon),
     style: {
-      color: isActive ? colorActive : color,
-      background: isActive && backgroundColorActive
-    },
-    hasIcon: Boolean(icon)
+      background: isActive && variantStyles[variant].backgroundColorActive
+    }
   }, props), icon && ___EmotionJSX(Icon, {
     icon: icon,
     color: "currentColor",

package/es/foundational/styles.js

@@ -1,3 +1,5 @@
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
 import { css } from '@emotion/react';
 import { getColor, getRadius, getTransition, getWeight } from '../utilities';
 export var componentVars = {
@@ -8,12 +10,31 @@ export var componentVars = {
   fieldBorderColorFocus: getColor('grey6'),
   activeBorderColor: getColor('grey6'),
   textBoxHeight: '40px',
-  clearButtonHeight: '36px'
+  clearButtonHeight: '36px',
+  clearButtonDangerBackground: 'hsl(6 66% 65% / 12%)',
+  clearButtonDangerBackgroundDark: 'hsl(6 66% 65% / 60%)',
+  buttonDangerBackgroundHover: 'hsl(6 66% 65% / 90%)',
+  buttonDangerBackgroundActive: 'hsl(6 66% 65% / 80%)'
 };
-var buttonResetStyles = /*#__PURE__*/css("appearance:none;font-family:inherit;font-size:inherit;font-weight:", getWeight('medium'), ";cursor:pointer;" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonResetStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9zdHlsZXMuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuZXhwb3J0IGNvbnN0IGNvbXBvbmVudFZhcnMgPSB7XG4gIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgZmllbGRYUGFkZGluZzogJzEycHgnLFxuICBmaWVsZEJvcmRlckNvbG9yOiBnZXRDb2xvcignZmFkZTMnKSxcbiAgZmllbGRCb3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgZmllbGRCb3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignZ3JleTYnKSxcbiAgYWN0aXZlQm9yZGVyQ29sb3I6IGdldENvbG9yKCdncmV5NicpLFxuICB0ZXh0Qm94SGVpZ2h0OiAnNDBweCcsXG4gIGNsZWFyQnV0dG9uSGVpZ2h0OiAnMzZweCcsXG59O1xuXG5jb25zdCBidXR0b25SZXNldFN0eWxlcyA9IGNzc2BcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogaW5oZXJpdDtcbiAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmNvbnN0IHRyYW5zaXRpb25TdHlsZXMgPSBjc3NgXG4gIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignc2xvdycpfTtcblxuICAmOmhvdmVyIHtcbiAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cblxuICAmOmFjdGl2ZSB7XG4gICAgdHJhbnNpdGlvbjogMHM7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGJ1dHRvblJlc2V0OiBidXR0b25SZXNldFN0eWxlcyxcbiAgdHJhbnNpdGlvbnM6IHRyYW5zaXRpb25TdHlsZXMsXG5cbiAgY2xlYXJCdXR0b246IGNzc2BcbiAgICAke2J1dHRvblJlc2V0U3R5bGVzfTtcbiAgICAke3RyYW5zaXRpb25TdHlsZXN9O1xuICAgIC0tZ3JuLWJvcmRlckNvbG9yLWFjdGl2ZTogdmFyKC0tZ3JuLWNvbG9yLWZhZGU1KTtcblxuICAgIGJvcmRlcjogJHtjb21wb25lbnRWYXJzLmJvcmRlcldpZHRofSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdybi1jb2xvci1iYWNrZ3JvdW5kT3ZlcmxheSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tYm9yZGVyQ29sb3ItYWN0aXZlKTtcbiAgICAgIG91dGxpbmUtY29sb3I6IHZhcigtLWdybi1ib3JkZXJDb2xvci1hY3RpdmUpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCB7XG4gICAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9O1xuICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgfVxuICAgIH1cbiAgYCxcbn07XG4iXX0= */");
-var transitionStyles = /*#__PURE__*/css("transition:", getTransition('slow'), ";&:hover{transition:", getTransition('fast'), ";}&:active{transition:0s;}" + (process.env.NODE_ENV === "production" ? "" : ";label:transitionStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQjRCIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmV4cG9ydCBjb25zdCBjb21wb25lbnRWYXJzID0ge1xuICBib3JkZXJXaWR0aDogJzFweCcsXG4gIGZpZWxkWFBhZGRpbmc6ICcxMnB4JyxcbiAgZmllbGRCb3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGZpZWxkQm9yZGVyQ29sb3JIb3ZlcjogZ2V0Q29sb3IoJ2ZhZGU2JyksXG4gIGZpZWxkQm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ2dyZXk2JyksXG4gIGFjdGl2ZUJvcmRlckNvbG9yOiBnZXRDb2xvcignZ3JleTYnKSxcbiAgdGV4dEJveEhlaWdodDogJzQwcHgnLFxuICBjbGVhckJ1dHRvbkhlaWdodDogJzM2cHgnLFxufTtcblxuY29uc3QgYnV0dG9uUmVzZXRTdHlsZXMgPSBjc3NgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICBmb250LXNpemU6IGluaGVyaXQ7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG5gO1xuXG5jb25zdCB0cmFuc2l0aW9uU3R5bGVzID0gY3NzYFxuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG5cbiAgJjpob3ZlciB7XG4gICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5cbiAgJjphY3RpdmUge1xuICAgIHRyYW5zaXRpb246IDBzO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBidXR0b25SZXNldDogYnV0dG9uUmVzZXRTdHlsZXMsXG4gIHRyYW5zaXRpb25zOiB0cmFuc2l0aW9uU3R5bGVzLFxuXG4gIGNsZWFyQnV0dG9uOiBjc3NgXG4gICAgJHtidXR0b25SZXNldFN0eWxlc307XG4gICAgJHt0cmFuc2l0aW9uU3R5bGVzfTtcbiAgICAtLWdybi1ib3JkZXJDb2xvci1hY3RpdmU6IHZhcigtLWdybi1jb2xvci1mYWRlNSk7XG5cbiAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5ib3JkZXJXaWR0aH0gc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICBoZWlnaHQ6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkhlaWdodH07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ncm4tY29sb3ItYmFja2dyb3VuZE92ZXJsYXkpO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWJvcmRlckNvbG9yLWFjdGl2ZSk7XG4gICAgICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1ncm4tYm9yZGVyQ29sb3ItYWN0aXZlKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQge1xuICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG59O1xuIl19 */");
+var buttonResetStyles = /*#__PURE__*/css("appearance:none;font-family:inherit;font-size:inherit;font-weight:", getWeight('medium'), ";cursor:pointer;" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonResetStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjZCIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmV4cG9ydCBjb25zdCBjb21wb25lbnRWYXJzID0ge1xuICBib3JkZXJXaWR0aDogJzFweCcsXG4gIGZpZWxkWFBhZGRpbmc6ICcxMnB4JyxcbiAgZmllbGRCb3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGZpZWxkQm9yZGVyQ29sb3JIb3ZlcjogZ2V0Q29sb3IoJ2ZhZGU2JyksXG4gIGZpZWxkQm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ2dyZXk2JyksXG4gIGFjdGl2ZUJvcmRlckNvbG9yOiBnZXRDb2xvcignZ3JleTYnKSxcbiAgdGV4dEJveEhlaWdodDogJzQwcHgnLFxuICBjbGVhckJ1dHRvbkhlaWdodDogJzM2cHgnLFxuICBjbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmQ6ICdoc2woNiA2NiUgNjUlIC8gMTIlKScsXG4gIGNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZERhcms6ICdoc2woNiA2NiUgNjUlIC8gNjAlKScsXG4gIGJ1dHRvbkRhbmdlckJhY2tncm91bmRIb3ZlcjogJ2hzbCg2IDY2JSA2NSUgLyA5MCUpJyxcbiAgYnV0dG9uRGFuZ2VyQmFja2dyb3VuZEFjdGl2ZTogJ2hzbCg2IDY2JSA2NSUgLyA4MCUpJyxcbn07XG5cbmNvbnN0IGJ1dHRvblJlc2V0U3R5bGVzID0gY3NzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYDtcblxuY29uc3QgdHJhbnNpdGlvblN0eWxlcyA9IGNzc2BcbiAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuXG4gICY6aG92ZXIge1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICB0cmFuc2l0aW9uOiAwcztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYnV0dG9uUmVzZXQ6IGJ1dHRvblJlc2V0U3R5bGVzLFxuICB0cmFuc2l0aW9uczogdHJhbnNpdGlvblN0eWxlcyxcbn07XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdybi1jb2xvci1iYWNrZ3JvdW5kT3ZlcmxheSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tY29sb3ItZmFkZTUpO1xuICAgICAgb3V0bGluZS1jb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWZhZGU1KTtcbiAgICB9XG4gIGAsXG5cbiAgZGFuZ2VyOiBjc3NgXG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2RhbmdlcicpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZH07XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke2NvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kRGFya307XG4gICAgICBvdXRsaW5lLWNvbG9yOiAke2NvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kRGFya307XG4gICAgfVxuICBgLFxufTtcblxuZXhwb3J0IGNvbnN0IGdldENsZWFyQnV0dG9uU3R5bGVzID0gKHsgdmFyaWFudCB9KSA9PiBjc3NgXG4gICR7YnV0dG9uUmVzZXRTdHlsZXN9O1xuICAke3RyYW5zaXRpb25TdHlsZXN9O1xuXG4gIGJvcmRlcjogJHtjb21wb25lbnRWYXJzLmJvcmRlcldpZHRofSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICR7dmFyaWFudCAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdfTtcblxuICAmOmFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9O1xuICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */");
+var transitionStyles = /*#__PURE__*/css("transition:", getTransition('slow'), ";&:hover{transition:", getTransition('fast'), ";}&:active{transition:0s;}" + (process.env.NODE_ENV === "production" ? "" : ";label:transitionStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQjRCIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmV4cG9ydCBjb25zdCBjb21wb25lbnRWYXJzID0ge1xuICBib3JkZXJXaWR0aDogJzFweCcsXG4gIGZpZWxkWFBhZGRpbmc6ICcxMnB4JyxcbiAgZmllbGRCb3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGZpZWxkQm9yZGVyQ29sb3JIb3ZlcjogZ2V0Q29sb3IoJ2ZhZGU2JyksXG4gIGZpZWxkQm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ2dyZXk2JyksXG4gIGFjdGl2ZUJvcmRlckNvbG9yOiBnZXRDb2xvcignZ3JleTYnKSxcbiAgdGV4dEJveEhlaWdodDogJzQwcHgnLFxuICBjbGVhckJ1dHRvbkhlaWdodDogJzM2cHgnLFxuICBjbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmQ6ICdoc2woNiA2NiUgNjUlIC8gMTIlKScsXG4gIGNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZERhcms6ICdoc2woNiA2NiUgNjUlIC8gNjAlKScsXG4gIGJ1dHRvbkRhbmdlckJhY2tncm91bmRIb3ZlcjogJ2hzbCg2IDY2JSA2NSUgLyA5MCUpJyxcbiAgYnV0dG9uRGFuZ2VyQmFja2dyb3VuZEFjdGl2ZTogJ2hzbCg2IDY2JSA2NSUgLyA4MCUpJyxcbn07XG5cbmNvbnN0IGJ1dHRvblJlc2V0U3R5bGVzID0gY3NzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYDtcblxuY29uc3QgdHJhbnNpdGlvblN0eWxlcyA9IGNzc2BcbiAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuXG4gICY6aG92ZXIge1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICB0cmFuc2l0aW9uOiAwcztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYnV0dG9uUmVzZXQ6IGJ1dHRvblJlc2V0U3R5bGVzLFxuICB0cmFuc2l0aW9uczogdHJhbnNpdGlvblN0eWxlcyxcbn07XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdybi1jb2xvci1iYWNrZ3JvdW5kT3ZlcmxheSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tY29sb3ItZmFkZTUpO1xuICAgICAgb3V0bGluZS1jb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWZhZGU1KTtcbiAgICB9XG4gIGAsXG5cbiAgZGFuZ2VyOiBjc3NgXG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2RhbmdlcicpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZH07XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke2NvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kRGFya307XG4gICAgICBvdXRsaW5lLWNvbG9yOiAke2NvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kRGFya307XG4gICAgfVxuICBgLFxufTtcblxuZXhwb3J0IGNvbnN0IGdldENsZWFyQnV0dG9uU3R5bGVzID0gKHsgdmFyaWFudCB9KSA9PiBjc3NgXG4gICR7YnV0dG9uUmVzZXRTdHlsZXN9O1xuICAke3RyYW5zaXRpb25TdHlsZXN9O1xuXG4gIGJvcmRlcjogJHtjb21wb25lbnRWYXJzLmJvcmRlcldpZHRofSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICR7dmFyaWFudCAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdfTtcblxuICAmOmFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9O1xuICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */");
 export var styles = {
   buttonReset: buttonResetStyles,
-  transitions: transitionStyles,
-  clearButton: /*#__PURE__*/css(buttonResetStyles, ";", transitionStyles, ";--grn-borderColor-active:var(--grn-color-fade5);border:", componentVars.borderWidth, " solid transparent;padding:0;border-radius:", getRadius('s'), ";height:", componentVars.clearButtonHeight, ";background-color:transparent;display:flex;align-items:center;justify-content:center;&:hover{background-color:var(--grn-color-backgroundOverlay);}&:active{border-color:var(--grn-borderColor-active);outline-color:var(--grn-borderColor-active);background-color:transparent;}&:disabled{color:", getColor('contentDisabled'), ";cursor:default;border-color:transparent;&:hover{background-color:transparent;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:clearButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ2tCIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmV4cG9ydCBjb25zdCBjb21wb25lbnRWYXJzID0ge1xuICBib3JkZXJXaWR0aDogJzFweCcsXG4gIGZpZWxkWFBhZGRpbmc6ICcxMnB4JyxcbiAgZmllbGRCb3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGZpZWxkQm9yZGVyQ29sb3JIb3ZlcjogZ2V0Q29sb3IoJ2ZhZGU2JyksXG4gIGZpZWxkQm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ2dyZXk2JyksXG4gIGFjdGl2ZUJvcmRlckNvbG9yOiBnZXRDb2xvcignZ3JleTYnKSxcbiAgdGV4dEJveEhlaWdodDogJzQwcHgnLFxuICBjbGVhckJ1dHRvbkhlaWdodDogJzM2cHgnLFxufTtcblxuY29uc3QgYnV0dG9uUmVzZXRTdHlsZXMgPSBjc3NgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICBmb250LXNpemU6IGluaGVyaXQ7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG5gO1xuXG5jb25zdCB0cmFuc2l0aW9uU3R5bGVzID0gY3NzYFxuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG5cbiAgJjpob3ZlciB7XG4gICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5cbiAgJjphY3RpdmUge1xuICAgIHRyYW5zaXRpb246IDBzO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBidXR0b25SZXNldDogYnV0dG9uUmVzZXRTdHlsZXMsXG4gIHRyYW5zaXRpb25zOiB0cmFuc2l0aW9uU3R5bGVzLFxuXG4gIGNsZWFyQnV0dG9uOiBjc3NgXG4gICAgJHtidXR0b25SZXNldFN0eWxlc307XG4gICAgJHt0cmFuc2l0aW9uU3R5bGVzfTtcbiAgICAtLWdybi1ib3JkZXJDb2xvci1hY3RpdmU6IHZhcigtLWdybi1jb2xvci1mYWRlNSk7XG5cbiAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5ib3JkZXJXaWR0aH0gc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICBoZWlnaHQ6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkhlaWdodH07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ncm4tY29sb3ItYmFja2dyb3VuZE92ZXJsYXkpO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWJvcmRlckNvbG9yLWFjdGl2ZSk7XG4gICAgICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1ncm4tYm9yZGVyQ29sb3ItYWN0aXZlKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQge1xuICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG59O1xuIl19 */")
+  transitions: transitionStyles
+};
+var variantStyles = {
+  neutral: process.env.NODE_ENV === "production" ? {
+    name: "1r9bmhq",
+    styles: "&:hover{background-color:var(--grn-color-backgroundOverlay);}&:active{border-color:var(--grn-color-fade5);outline-color:var(--grn-color-fade5);}"
+  } : {
+    name: "iw5gh8-neutral",
+    styles: "&:hover{background-color:var(--grn-color-backgroundOverlay);}&:active{border-color:var(--grn-color-fade5);outline-color:var(--grn-color-fade5);};label:neutral;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q2MiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9zdHlsZXMuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuZXhwb3J0IGNvbnN0IGNvbXBvbmVudFZhcnMgPSB7XG4gIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgZmllbGRYUGFkZGluZzogJzEycHgnLFxuICBmaWVsZEJvcmRlckNvbG9yOiBnZXRDb2xvcignZmFkZTMnKSxcbiAgZmllbGRCb3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgZmllbGRCb3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignZ3JleTYnKSxcbiAgYWN0aXZlQm9yZGVyQ29sb3I6IGdldENvbG9yKCdncmV5NicpLFxuICB0ZXh0Qm94SGVpZ2h0OiAnNDBweCcsXG4gIGNsZWFyQnV0dG9uSGVpZ2h0OiAnMzZweCcsXG4gIGNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZDogJ2hzbCg2IDY2JSA2NSUgLyAxMiUpJyxcbiAgY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kRGFyazogJ2hzbCg2IDY2JSA2NSUgLyA2MCUpJyxcbiAgYnV0dG9uRGFuZ2VyQmFja2dyb3VuZEhvdmVyOiAnaHNsKDYgNjYlIDY1JSAvIDkwJSknLFxuICBidXR0b25EYW5nZXJCYWNrZ3JvdW5kQWN0aXZlOiAnaHNsKDYgNjYlIDY1JSAvIDgwJSknLFxufTtcblxuY29uc3QgYnV0dG9uUmVzZXRTdHlsZXMgPSBjc3NgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICBmb250LXNpemU6IGluaGVyaXQ7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG5gO1xuXG5jb25zdCB0cmFuc2l0aW9uU3R5bGVzID0gY3NzYFxuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG5cbiAgJjpob3ZlciB7XG4gICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5cbiAgJjphY3RpdmUge1xuICAgIHRyYW5zaXRpb246IDBzO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBidXR0b25SZXNldDogYnV0dG9uUmVzZXRTdHlsZXMsXG4gIHRyYW5zaXRpb25zOiB0cmFuc2l0aW9uU3R5bGVzLFxufTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDogY3NzYFxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWJhY2tncm91bmRPdmVybGF5KTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1jb2xvci1mYWRlNSk7XG4gICAgICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1ncm4tY29sb3ItZmFkZTUpO1xuICAgIH1cbiAgYCxcblxuICBkYW5nZXI6IGNzc2BcbiAgICBjb2xvcjogJHtnZXRDb2xvcignZGFuZ2VyJyl9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kfTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmREYXJrfTtcbiAgICAgIG91dGxpbmUtY29sb3I6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmREYXJrfTtcbiAgICB9XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgPSAoeyB2YXJpYW50IH0pID0+IGNzc2BcbiAgJHtidXR0b25SZXNldFN0eWxlc307XG4gICR7dHJhbnNpdGlvblN0eWxlc307XG5cbiAgYm9yZGVyOiAke2NvbXBvbmVudFZhcnMuYm9yZGVyV2lkdGh9IHNvbGlkIHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgaGVpZ2h0OiAke2NvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25IZWlnaHR9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgJHt2YXJpYW50ICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF19O1xuXG4gICY6YWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX07XG4gICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
+  danger: /*#__PURE__*/css("color:", getColor('danger'), ";&:hover{background-color:", componentVars.clearButtonDangerBackground, ";}&:active{border-color:", componentVars.clearButtonDangerBackgroundDark, ";outline-color:", componentVars.clearButtonDangerBackgroundDark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:danger;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RGEiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9zdHlsZXMuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuZXhwb3J0IGNvbnN0IGNvbXBvbmVudFZhcnMgPSB7XG4gIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgZmllbGRYUGFkZGluZzogJzEycHgnLFxuICBmaWVsZEJvcmRlckNvbG9yOiBnZXRDb2xvcignZmFkZTMnKSxcbiAgZmllbGRCb3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgZmllbGRCb3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignZ3JleTYnKSxcbiAgYWN0aXZlQm9yZGVyQ29sb3I6IGdldENvbG9yKCdncmV5NicpLFxuICB0ZXh0Qm94SGVpZ2h0OiAnNDBweCcsXG4gIGNsZWFyQnV0dG9uSGVpZ2h0OiAnMzZweCcsXG4gIGNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZDogJ2hzbCg2IDY2JSA2NSUgLyAxMiUpJyxcbiAgY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kRGFyazogJ2hzbCg2IDY2JSA2NSUgLyA2MCUpJyxcbiAgYnV0dG9uRGFuZ2VyQmFja2dyb3VuZEhvdmVyOiAnaHNsKDYgNjYlIDY1JSAvIDkwJSknLFxuICBidXR0b25EYW5nZXJCYWNrZ3JvdW5kQWN0aXZlOiAnaHNsKDYgNjYlIDY1JSAvIDgwJSknLFxufTtcblxuY29uc3QgYnV0dG9uUmVzZXRTdHlsZXMgPSBjc3NgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICBmb250LXNpemU6IGluaGVyaXQ7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG5gO1xuXG5jb25zdCB0cmFuc2l0aW9uU3R5bGVzID0gY3NzYFxuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG5cbiAgJjpob3ZlciB7XG4gICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5cbiAgJjphY3RpdmUge1xuICAgIHRyYW5zaXRpb246IDBzO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBidXR0b25SZXNldDogYnV0dG9uUmVzZXRTdHlsZXMsXG4gIHRyYW5zaXRpb25zOiB0cmFuc2l0aW9uU3R5bGVzLFxufTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDogY3NzYFxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWJhY2tncm91bmRPdmVybGF5KTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1jb2xvci1mYWRlNSk7XG4gICAgICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1ncm4tY29sb3ItZmFkZTUpO1xuICAgIH1cbiAgYCxcblxuICBkYW5nZXI6IGNzc2BcbiAgICBjb2xvcjogJHtnZXRDb2xvcignZGFuZ2VyJyl9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kfTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmREYXJrfTtcbiAgICAgIG91dGxpbmUtY29sb3I6ICR7Y29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmREYXJrfTtcbiAgICB9XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgPSAoeyB2YXJpYW50IH0pID0+IGNzc2BcbiAgJHtidXR0b25SZXNldFN0eWxlc307XG4gICR7dHJhbnNpdGlvblN0eWxlc307XG5cbiAgYm9yZGVyOiAke2NvbXBvbmVudFZhcnMuYm9yZGVyV2lkdGh9IHNvbGlkIHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgaGVpZ2h0OiAke2NvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25IZWlnaHR9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgJHt2YXJpYW50ICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF19O1xuXG4gICY6YWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX07XG4gICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */")
+};
+export var getClearButtonStyles = function getClearButtonStyles(_ref) {
+  var variant = _ref.variant;
+  return /*#__PURE__*/css(buttonResetStyles, ";", transitionStyles, ";border:", componentVars.borderWidth, " solid transparent;padding:0;border-radius:", getRadius('s'), ";height:", componentVars.clearButtonHeight, ";background-color:transparent;display:flex;align-items:center;justify-content:center;", variant && variantStyles[variant], ";&:active{background-color:transparent;}&:disabled{color:", getColor('contentDisabled'), ";cursor:default;border-color:transparent;&:hover{background-color:transparent;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:getClearButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRXdEIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmV4cG9ydCBjb25zdCBjb21wb25lbnRWYXJzID0ge1xuICBib3JkZXJXaWR0aDogJzFweCcsXG4gIGZpZWxkWFBhZGRpbmc6ICcxMnB4JyxcbiAgZmllbGRCb3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGZpZWxkQm9yZGVyQ29sb3JIb3ZlcjogZ2V0Q29sb3IoJ2ZhZGU2JyksXG4gIGZpZWxkQm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ2dyZXk2JyksXG4gIGFjdGl2ZUJvcmRlckNvbG9yOiBnZXRDb2xvcignZ3JleTYnKSxcbiAgdGV4dEJveEhlaWdodDogJzQwcHgnLFxuICBjbGVhckJ1dHRvbkhlaWdodDogJzM2cHgnLFxuICBjbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmQ6ICdoc2woNiA2NiUgNjUlIC8gMTIlKScsXG4gIGNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZERhcms6ICdoc2woNiA2NiUgNjUlIC8gNjAlKScsXG4gIGJ1dHRvbkRhbmdlckJhY2tncm91bmRIb3ZlcjogJ2hzbCg2IDY2JSA2NSUgLyA5MCUpJyxcbiAgYnV0dG9uRGFuZ2VyQmFja2dyb3VuZEFjdGl2ZTogJ2hzbCg2IDY2JSA2NSUgLyA4MCUpJyxcbn07XG5cbmNvbnN0IGJ1dHRvblJlc2V0U3R5bGVzID0gY3NzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYDtcblxuY29uc3QgdHJhbnNpdGlvblN0eWxlcyA9IGNzc2BcbiAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuXG4gICY6aG92ZXIge1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICB0cmFuc2l0aW9uOiAwcztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYnV0dG9uUmVzZXQ6IGJ1dHRvblJlc2V0U3R5bGVzLFxuICB0cmFuc2l0aW9uczogdHJhbnNpdGlvblN0eWxlcyxcbn07XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGNzc2BcbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdybi1jb2xvci1iYWNrZ3JvdW5kT3ZlcmxheSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tY29sb3ItZmFkZTUpO1xuICAgICAgb3V0bGluZS1jb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWZhZGU1KTtcbiAgICB9XG4gIGAsXG5cbiAgZGFuZ2VyOiBjc3NgXG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2RhbmdlcicpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZH07XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke2NvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kRGFya307XG4gICAgICBvdXRsaW5lLWNvbG9yOiAke2NvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kRGFya307XG4gICAgfVxuICBgLFxufTtcblxuZXhwb3J0IGNvbnN0IGdldENsZWFyQnV0dG9uU3R5bGVzID0gKHsgdmFyaWFudCB9KSA9PiBjc3NgXG4gICR7YnV0dG9uUmVzZXRTdHlsZXN9O1xuICAke3RyYW5zaXRpb25TdHlsZXN9O1xuXG4gIGJvcmRlcjogJHtjb21wb25lbnRWYXJzLmJvcmRlcldpZHRofSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uSGVpZ2h0fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICR7dmFyaWFudCAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdfTtcblxuICAmOmFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9O1xuICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */");
 };

package/es/types.js

@@ -27,5 +27,8 @@ export var types = {
   icon: PropTypes.node,
   zIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   menuAlign: PropTypes.oneOf(['left', 'right', 'bottomLeft', 'bottomRight', 'topLeft', 'topRight']),
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  clearButtonVariant: PropTypes.oneOf(['neutral', 'danger']),
+  buttonVariant: PropTypes.oneOf(['neutral', 'accent', 'danger']),
+  iconPosition: PropTypes.oneOf(['left', 'right'])
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "5.17.0",
+  "version": "5.18.1",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",