@orfium/ictinus 4.22.0 → 4.23.0

package/dist/components/Filter/Filter.style.js

@@ -7,6 +7,8 @@ var _react = require("@emotion/react");
 
 var _utils = require("../../theme/utils");
 
+var _states = require("../../theme/states");
+
 var _utils2 = require("./utils");
 
 function _extends() { _extends = Object.assign || 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); }
@@ -42,8 +44,11 @@ var buttonWrapperStyle = function buttonWrapperStyle(_ref2) {
   var disabled = _ref2.disabled,
       open = _ref2.open,
       hasSelectedValue = _ref2.hasSelectedValue,
-      calculatedColor = _ref2.calculatedColor;
+      calculatedColor = _ref2.calculatedColor,
+      styleType = _ref2.styleType;
   return function (theme) {
+    var activeAndClosed = !disabled && !open;
+    var borderWidth = styleType === 'filled' ? _utils2.focusBorderWidth : _utils2.transparentFocusBorderWidth;
     return {
       background: 'none',
       border: 'none',
@@ -52,18 +57,45 @@ var buttonWrapperStyle = function buttonWrapperStyle(_ref2) {
       alignItems: 'center',
       height: '100%',
       minWidth: (0, _utils.rem)(110),
-      ':hover > div, :active > div': {
-        backgroundColor: !disabled && !open ? hasSelectedValue ? theme.utils.getColor(calculatedColor.color, 100) : theme.utils.getColor('darkGrey', null, 'pale') : undefined
+      // If is active and not disabled and not visited global states applied
+      // else it's using the global states function with calculated color
+      ':hover > div': {
+        backgroundColor: activeAndClosed ? hasSelectedValue ? (0, _states.getHover)({
+          theme: theme,
+          color: calculatedColor.color,
+          shade: calculatedColor.shade
+        }).backgroundColor : (0, _states.getHover)({
+          theme: theme
+        }).backgroundColor : undefined
+      },
+      // If is active and not disabled and not visited global states applied
+      // else it's using the global states function with calculated color
+      ':active > div': {
+        backgroundColor: activeAndClosed ? hasSelectedValue ? (0, _states.getPressed)({
+          theme: theme,
+          color: calculatedColor.color,
+          shade: calculatedColor.shade
+        }).backgroundColor : (0, _states.getPressed)({
+          theme: theme
+        }).backgroundColor : undefined
       },
       // on focus change the two divs of added
-      ':focus > div': !open && !hasSelectedValue && {
-        border: _utils2.focusBorderStyleParams + " " + theme.utils.getColor('blue', 550),
-        backgroundColor: theme.utils.getColor('blue', 50)
+      ':focus-visible > div': activeAndClosed && {
+        border: (0, _states.getFocus)({
+          theme: theme,
+          borderWidth: borderWidth
+        }).styleBorder
       },
       // target the divider on focus
-      ':focus > span': !open && !hasSelectedValue && {
-        borderTop: _utils2.focusBorderStyleParams + " " + theme.utils.getColor('blue', 550),
-        borderBottom: _utils2.focusBorderStyleParams + " " + theme.utils.getColor('blue', 550)
+      ':focus > span': activeAndClosed && {
+        borderTop: (0, _states.getFocus)({
+          theme: theme,
+          borderWidth: borderWidth
+        }).styleBorder,
+        borderBottom: (0, _states.getFocus)({
+          theme: theme,
+          borderWidth: borderWidth
+        }).styleBorder
       }
     };
   };
@@ -239,7 +271,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "aqyt6f-valueSpanStyle",
   styles: "text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;label:valueSpanStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ051QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IEJ1dHRvblN0eWxlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7XG4gIGJvcmRlclN0eWxlUGFyYW1zLFxuICBmb2N1c0JvcmRlclN0eWxlUGFyYW1zLFxuICBnZXRCYWNrZ3JvdW5kQ29sb3IsXG4gIGdldEJvcmRlcixcbiAgZ2V0VGV4dENvbG9yLFxufSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgY2FsY3VsYXRlZENvbG9yLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZzogJzAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgICc6aG92ZXIgPiBkaXYsIDphY3RpdmUgPiBkaXYnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICFkaXNhYmxlZCAmJiAhb3BlblxuICAgICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcihjYWxjdWxhdGVkQ29sb3IuY29sb3IsIDEwMClcbiAgICAgICAgICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgbnVsbCwgJ3BhbGUnKVxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgIH0sXG4gICAgLy8gb24gZm9jdXMgY2hhbmdlIHRoZSB0d28gZGl2cyBvZiBhZGRlZFxuICAgICc6Zm9jdXMgPiBkaXYnOiAhb3BlbiAmJlxuICAgICAgIWhhc1NlbGVjdGVkVmFsdWUgJiYge1xuICAgICAgICBib3JkZXI6IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1MCksXG4gICAgICB9LFxuICAgIC8vIHRhcmdldCB0aGUgZGl2aWRlciBvbiBmb2N1c1xuICAgICc6Zm9jdXMgPiBzcGFuJzogIW9wZW4gJiZcbiAgICAgICFoYXNTZWxlY3RlZFZhbHVlICYmIHtcbiAgICAgICAgYm9yZGVyVG9wOiBgJHtmb2N1c0JvcmRlclN0eWxlUGFyYW1zfSAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTUwKX1gLFxuICAgICAgICBib3JkZXJCb3R0b206IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9ICh7XG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgZGlzYWJsZWQsXG4gIG9wZW4sXG4gIHN0eWxlVHlwZSxcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgZmlsdGVyVHlwZSxcbn06IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEzJ10sXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBjb2xvcjogZ2V0VGV4dENvbG9yKHtcbiAgICAgIHRoZW1lLFxuICAgICAgb3BlbixcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgfSksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgc3R5bGVUeXBlLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICB9KSxcbiAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgICAgc3R5bGVUeXBlLFxuICAgICAgICB0aGVtZSxcbiAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgZmlsdGVyVHlwZSxcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgICBvcGVuLFxuICAgICAgICBzdGF0ZTogJ2hvdmVyJyxcbiAgICAgIH0pfWAsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVyID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgb3BlbiwgY2FsY3VsYXRlZENvbG9yLCBzdHlsZVR5cGUsIGhhc1NlbGVjdGVkVmFsdWUsIGZpbHRlclR5cGUgfSA9IHByb3BzO1xuXG4gIHJldHVybiB7XG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgd2lkdGg6IHJlbSgxKSxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBtaW5XaWR0aDogcmVtKDEpLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICAgIGlzRGl2aWRlcjogdHJ1ZSxcbiAgICB9KSxcbiAgICBib3JkZXJUb3A6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGJvcmRlckJvdHRvbTogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZGl2aWRlZEJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgLi4uYnV0dG9uQmFzZVN0eWxlKHByb3BzKSh0aGVtZSksXG4gICAgYm9yZGVyTGVmdDogJzAgIWltcG9ydGFudCcsXG4gICAgcGFkZGluZ0xlZnQ6IHJlbSg0KSxcbiAgICBwYWRkaW5nUmlnaHQ6IHJlbSg0KSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIHdpZHRoOiByZW0oMzQpLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGlzUHJlc2V0ID0gZmlsdGVyVHlwZSA9PT0gJ3ByZXNldCc7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBwYWRkaW5nOiBgMCAkeyFpc1ByZXNldCA/IHRoZW1lLnNwYWNpbmcueHNtIDogdGhlbWUuc3BhY2luZy5tZH0gMCAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyUmlnaHQ6ICFpc1ByZXNldCA/ICcwICFpbXBvcnRhbnQnIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGNoaWxkcmVuV3JhcHBlclN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGxpbmVIZWlnaHQ6IHJlbSgxNSksXG4gICAgbWFyZ2luTGVmdDogMCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBsYWJlbFNwYW5TdHlsZSA9IChvcGVuOiBib29sZWFuLCBoYXNTZWxlY3RlZFZhbHVlOiBib29sZWFuKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgZm9udFdlaWdodDpcbiAgICAgIG9wZW4gfHwgaGFzU2VsZWN0ZWRWYWx1ZSA/IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkIDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXIsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpdjoge1xuICAgICAgZmxleDogJ25vbmUnLFxuICAgIH0sXG4gICAgc3Bhbjoge1xuICAgICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCB2YWx1ZVNwYW5TdHlsZSA9ICgpID0+IGNzc2BcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBtZW51U3R5bGUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAke3JlbSg0OCl9O1xuICBtaW4td2lkdGg6ICR7cmVtKDI4MCl9O1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IGF1dG87XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG4gIHotaW5kZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAke3JlbSg2MjApfTtcbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaU91QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGdldEZvY3VzLCBnZXRIb3ZlciwgZ2V0UHJlc3NlZCB9IGZyb20gJy4uLy4uL3RoZW1lL3N0YXRlcyc7XG5pbXBvcnQgeyBCdXR0b25TdHlsZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQge1xuICBib3JkZXJTdHlsZVBhcmFtcyxcbiAgZm9jdXNCb3JkZXJXaWR0aCxcbiAgZ2V0QmFja2dyb3VuZENvbG9yLFxuICBnZXRCb3JkZXIsXG4gIGdldFRleHRDb2xvcixcbiAgdHJhbnNwYXJlbnRGb2N1c0JvcmRlcldpZHRoLFxufSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgY2FsY3VsYXRlZENvbG9yLFxuICBzdHlsZVR5cGUsXG59OiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IGFjdGl2ZUFuZENsb3NlZCA9ICFkaXNhYmxlZCAmJiAhb3BlbjtcbiAgY29uc3QgYm9yZGVyV2lkdGggPSBzdHlsZVR5cGUgPT09ICdmaWxsZWQnID8gZm9jdXNCb3JkZXJXaWR0aCA6IHRyYW5zcGFyZW50Rm9jdXNCb3JkZXJXaWR0aDtcblxuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZzogJzAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgIC8vIElmIGlzIGFjdGl2ZSBhbmQgbm90IGRpc2FibGVkIGFuZCBub3QgdmlzaXRlZCBnbG9iYWwgc3RhdGVzIGFwcGxpZWRcbiAgICAvLyBlbHNlIGl0J3MgdXNpbmcgdGhlIGdsb2JhbCBzdGF0ZXMgZnVuY3Rpb24gd2l0aCBjYWxjdWxhdGVkIGNvbG9yXG4gICAgJzpob3ZlciA+IGRpdic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aXZlQW5kQ2xvc2VkXG4gICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgID8gZ2V0SG92ZXIoeyB0aGVtZSwgY29sb3I6IGNhbGN1bGF0ZWRDb2xvci5jb2xvciwgc2hhZGU6IGNhbGN1bGF0ZWRDb2xvci5zaGFkZSB9KVxuICAgICAgICAgICAgICAuYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgOiBnZXRIb3Zlcih7IHRoZW1lIH0pLmJhY2tncm91bmRDb2xvclxuICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICB9LFxuXG4gICAgLy8gSWYgaXMgYWN0aXZlIGFuZCBub3QgZGlzYWJsZWQgYW5kIG5vdCB2aXNpdGVkIGdsb2JhbCBzdGF0ZXMgYXBwbGllZFxuICAgIC8vIGVsc2UgaXQncyB1c2luZyB0aGUgZ2xvYmFsIHN0YXRlcyBmdW5jdGlvbiB3aXRoIGNhbGN1bGF0ZWQgY29sb3JcbiAgICAnOmFjdGl2ZSA+IGRpdic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aXZlQW5kQ2xvc2VkXG4gICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgID8gZ2V0UHJlc3NlZCh7IHRoZW1lLCBjb2xvcjogY2FsY3VsYXRlZENvbG9yLmNvbG9yLCBzaGFkZTogY2FsY3VsYXRlZENvbG9yLnNoYWRlIH0pXG4gICAgICAgICAgICAgIC5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICA6IGdldFByZXNzZWQoeyB0aGVtZSB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgfSxcblxuICAgIC8vIG9uIGZvY3VzIGNoYW5nZSB0aGUgdHdvIGRpdnMgb2YgYWRkZWRcbiAgICAnOmZvY3VzLXZpc2libGUgPiBkaXYnOiBhY3RpdmVBbmRDbG9zZWQgJiYge1xuICAgICAgYm9yZGVyOiBnZXRGb2N1cyh7IHRoZW1lLCBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGggfSkuc3R5bGVCb3JkZXIsXG4gICAgfSxcbiAgICAvLyB0YXJnZXQgdGhlIGRpdmlkZXIgb24gZm9jdXNcbiAgICAnOmZvY3VzID4gc3Bhbic6IGFjdGl2ZUFuZENsb3NlZCAmJiB7XG4gICAgICBib3JkZXJUb3A6IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgIGJvcmRlckJvdHRvbTogZ2V0Rm9jdXMoeyB0aGVtZSwgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoIH0pLnN0eWxlQm9yZGVyLFxuICAgIH0sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uQmFzZVN0eWxlID0gKHtcbiAgY2FsY3VsYXRlZENvbG9yLFxuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgc3R5bGVUeXBlLFxuICBoYXNTZWxlY3RlZFZhbHVlLFxuICBmaWx0ZXJUeXBlLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTMnXSxcbiAgICBjdXJzb3I6IGRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdwb2ludGVyJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNSA6IDEsXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGNvbG9yOiBnZXRUZXh0Q29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICB9KSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih7XG4gICAgICB0aGVtZSxcbiAgICAgIG9wZW4sXG4gICAgICBzdHlsZVR5cGUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgIH0pLFxuICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgICcmOmhvdmVyJzoge1xuICAgICAgYm9yZGVyOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgIHRoZW1lLFxuICAgICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgICBmaWx0ZXJUeXBlLFxuICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgIG9wZW4sXG4gICAgICAgIHN0YXRlOiAnaG92ZXInLFxuICAgICAgfSl9YCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGRpdmlkZXIgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBvcGVuLCBjYWxjdWxhdGVkQ29sb3IsIHN0eWxlVHlwZSwgaGFzU2VsZWN0ZWRWYWx1ZSwgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIHtcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICB3aWR0aDogcmVtKDEpLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnIGFzIGNvbnN0LFxuICAgIG1pbldpZHRoOiByZW0oMSksXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgICAgaXNEaXZpZGVyOiB0cnVlLFxuICAgIH0pLFxuICAgIGJvcmRlclRvcDogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgfSl9YCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVkQnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBib3JkZXJMZWZ0OiAnMCAhaW1wb3J0YW50JyxcbiAgICBwYWRkaW5nTGVmdDogcmVtKDQpLFxuICAgIHBhZGRpbmdSaWdodDogcmVtKDQpLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6IHJlbSgzNCksXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBmaWx0ZXJUeXBlIH0gPSBwcm9wcztcbiAgY29uc3QgaXNQcmVzZXQgPSBmaWx0ZXJUeXBlID09PSAncHJlc2V0JztcblxuICByZXR1cm4ge1xuICAgIC4uLmJ1dHRvbkJhc2VTdHlsZShwcm9wcykodGhlbWUpLFxuICAgIHBhZGRpbmc6IGAwICR7IWlzUHJlc2V0ID8gdGhlbWUuc3BhY2luZy54c20gOiB0aGVtZS5zcGFjaW5nLm1kfSAwICR7dGhlbWUuc3BhY2luZy5tZH1gLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgICBib3JkZXJSaWdodDogIWlzUHJlc2V0ID8gJzAgIWltcG9ydGFudCcgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgY2hpbGRyZW5XcmFwcGVyU3R5bGUgPSAoKSA9PiAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgbGluZUhlaWdodDogcmVtKDE1KSxcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGxhYmVsU3BhblN0eWxlID0gKG9wZW46IGJvb2xlYW4sIGhhc1NlbGVjdGVkVmFsdWU6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250V2VpZ2h0OlxuICAgICAgb3BlbiB8fCBoYXNTZWxlY3RlZFZhbHVlID8gdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQgOiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMucmVndWxhcixcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGl2OiB7XG4gICAgICBmbGV4OiAnbm9uZScsXG4gICAgfSxcbiAgICBzcGFuOiB7XG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IHZhbHVlU3BhblN0eWxlID0gKCkgPT4gY3NzYFxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IG1lbnVTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7cmVtKDQ4KX07XG4gIG1pbi13aWR0aDogJHtyZW0oMjgwKX07XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogYXV0bztcbiAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgei1pbmRleDogMTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -255,7 +287,7 @@ var menuStyle = function menuStyle() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("position:absolute;top:", (0, _utils.rem)(48), ";min-width:", (0, _utils.rem)(280), ";left:0;height:auto;border-radius:", theme.spacing.xsm, ";background-color:", theme.palette.white, ";box-shadow:", theme.elevation['02'], ";z-index:1;overflow:hidden;min-width:100%;max-width:", (0, _utils.rem)(620), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdU5vRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IEJ1dHRvblN0eWxlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7XG4gIGJvcmRlclN0eWxlUGFyYW1zLFxuICBmb2N1c0JvcmRlclN0eWxlUGFyYW1zLFxuICBnZXRCYWNrZ3JvdW5kQ29sb3IsXG4gIGdldEJvcmRlcixcbiAgZ2V0VGV4dENvbG9yLFxufSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgY2FsY3VsYXRlZENvbG9yLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZzogJzAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgICc6aG92ZXIgPiBkaXYsIDphY3RpdmUgPiBkaXYnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICFkaXNhYmxlZCAmJiAhb3BlblxuICAgICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcihjYWxjdWxhdGVkQ29sb3IuY29sb3IsIDEwMClcbiAgICAgICAgICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgbnVsbCwgJ3BhbGUnKVxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgIH0sXG4gICAgLy8gb24gZm9jdXMgY2hhbmdlIHRoZSB0d28gZGl2cyBvZiBhZGRlZFxuICAgICc6Zm9jdXMgPiBkaXYnOiAhb3BlbiAmJlxuICAgICAgIWhhc1NlbGVjdGVkVmFsdWUgJiYge1xuICAgICAgICBib3JkZXI6IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1MCksXG4gICAgICB9LFxuICAgIC8vIHRhcmdldCB0aGUgZGl2aWRlciBvbiBmb2N1c1xuICAgICc6Zm9jdXMgPiBzcGFuJzogIW9wZW4gJiZcbiAgICAgICFoYXNTZWxlY3RlZFZhbHVlICYmIHtcbiAgICAgICAgYm9yZGVyVG9wOiBgJHtmb2N1c0JvcmRlclN0eWxlUGFyYW1zfSAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTUwKX1gLFxuICAgICAgICBib3JkZXJCb3R0b206IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9ICh7XG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgZGlzYWJsZWQsXG4gIG9wZW4sXG4gIHN0eWxlVHlwZSxcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgZmlsdGVyVHlwZSxcbn06IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEzJ10sXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBjb2xvcjogZ2V0VGV4dENvbG9yKHtcbiAgICAgIHRoZW1lLFxuICAgICAgb3BlbixcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgfSksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgc3R5bGVUeXBlLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICB9KSxcbiAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgICAgc3R5bGVUeXBlLFxuICAgICAgICB0aGVtZSxcbiAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgZmlsdGVyVHlwZSxcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgICBvcGVuLFxuICAgICAgICBzdGF0ZTogJ2hvdmVyJyxcbiAgICAgIH0pfWAsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVyID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgb3BlbiwgY2FsY3VsYXRlZENvbG9yLCBzdHlsZVR5cGUsIGhhc1NlbGVjdGVkVmFsdWUsIGZpbHRlclR5cGUgfSA9IHByb3BzO1xuXG4gIHJldHVybiB7XG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgd2lkdGg6IHJlbSgxKSxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBtaW5XaWR0aDogcmVtKDEpLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICAgIGlzRGl2aWRlcjogdHJ1ZSxcbiAgICB9KSxcbiAgICBib3JkZXJUb3A6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGJvcmRlckJvdHRvbTogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZGl2aWRlZEJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgLi4uYnV0dG9uQmFzZVN0eWxlKHByb3BzKSh0aGVtZSksXG4gICAgYm9yZGVyTGVmdDogJzAgIWltcG9ydGFudCcsXG4gICAgcGFkZGluZ0xlZnQ6IHJlbSg0KSxcbiAgICBwYWRkaW5nUmlnaHQ6IHJlbSg0KSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIHdpZHRoOiByZW0oMzQpLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGlzUHJlc2V0ID0gZmlsdGVyVHlwZSA9PT0gJ3ByZXNldCc7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBwYWRkaW5nOiBgMCAkeyFpc1ByZXNldCA/IHRoZW1lLnNwYWNpbmcueHNtIDogdGhlbWUuc3BhY2luZy5tZH0gMCAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyUmlnaHQ6ICFpc1ByZXNldCA/ICcwICFpbXBvcnRhbnQnIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGNoaWxkcmVuV3JhcHBlclN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGxpbmVIZWlnaHQ6IHJlbSgxNSksXG4gICAgbWFyZ2luTGVmdDogMCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBsYWJlbFNwYW5TdHlsZSA9IChvcGVuOiBib29sZWFuLCBoYXNTZWxlY3RlZFZhbHVlOiBib29sZWFuKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgZm9udFdlaWdodDpcbiAgICAgIG9wZW4gfHwgaGFzU2VsZWN0ZWRWYWx1ZSA/IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkIDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXIsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpdjoge1xuICAgICAgZmxleDogJ25vbmUnLFxuICAgIH0sXG4gICAgc3Bhbjoge1xuICAgICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCB2YWx1ZVNwYW5TdHlsZSA9ICgpID0+IGNzc2BcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBtZW51U3R5bGUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAke3JlbSg0OCl9O1xuICBtaW4td2lkdGg6ICR7cmVtKDI4MCl9O1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IGF1dG87XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG4gIHotaW5kZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAke3JlbSg2MjApfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;")
+      (0, _react.css)("position:absolute;top:", (0, _utils.rem)(48), ";min-width:", (0, _utils.rem)(280), ";left:0;height:auto;border-radius:", theme.spacing.xsm, ";background-color:", theme.palette.white, ";box-shadow:", theme.elevation['02'], ";z-index:1;overflow:hidden;min-width:100%;max-width:", (0, _utils.rem)(620), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd09vRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGdldEZvY3VzLCBnZXRIb3ZlciwgZ2V0UHJlc3NlZCB9IGZyb20gJy4uLy4uL3RoZW1lL3N0YXRlcyc7XG5pbXBvcnQgeyBCdXR0b25TdHlsZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQge1xuICBib3JkZXJTdHlsZVBhcmFtcyxcbiAgZm9jdXNCb3JkZXJXaWR0aCxcbiAgZ2V0QmFja2dyb3VuZENvbG9yLFxuICBnZXRCb3JkZXIsXG4gIGdldFRleHRDb2xvcixcbiAgdHJhbnNwYXJlbnRGb2N1c0JvcmRlcldpZHRoLFxufSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgY2FsY3VsYXRlZENvbG9yLFxuICBzdHlsZVR5cGUsXG59OiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IGFjdGl2ZUFuZENsb3NlZCA9ICFkaXNhYmxlZCAmJiAhb3BlbjtcbiAgY29uc3QgYm9yZGVyV2lkdGggPSBzdHlsZVR5cGUgPT09ICdmaWxsZWQnID8gZm9jdXNCb3JkZXJXaWR0aCA6IHRyYW5zcGFyZW50Rm9jdXNCb3JkZXJXaWR0aDtcblxuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZzogJzAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgIC8vIElmIGlzIGFjdGl2ZSBhbmQgbm90IGRpc2FibGVkIGFuZCBub3QgdmlzaXRlZCBnbG9iYWwgc3RhdGVzIGFwcGxpZWRcbiAgICAvLyBlbHNlIGl0J3MgdXNpbmcgdGhlIGdsb2JhbCBzdGF0ZXMgZnVuY3Rpb24gd2l0aCBjYWxjdWxhdGVkIGNvbG9yXG4gICAgJzpob3ZlciA+IGRpdic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aXZlQW5kQ2xvc2VkXG4gICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgID8gZ2V0SG92ZXIoeyB0aGVtZSwgY29sb3I6IGNhbGN1bGF0ZWRDb2xvci5jb2xvciwgc2hhZGU6IGNhbGN1bGF0ZWRDb2xvci5zaGFkZSB9KVxuICAgICAgICAgICAgICAuYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgOiBnZXRIb3Zlcih7IHRoZW1lIH0pLmJhY2tncm91bmRDb2xvclxuICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICB9LFxuXG4gICAgLy8gSWYgaXMgYWN0aXZlIGFuZCBub3QgZGlzYWJsZWQgYW5kIG5vdCB2aXNpdGVkIGdsb2JhbCBzdGF0ZXMgYXBwbGllZFxuICAgIC8vIGVsc2UgaXQncyB1c2luZyB0aGUgZ2xvYmFsIHN0YXRlcyBmdW5jdGlvbiB3aXRoIGNhbGN1bGF0ZWQgY29sb3JcbiAgICAnOmFjdGl2ZSA+IGRpdic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aXZlQW5kQ2xvc2VkXG4gICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgID8gZ2V0UHJlc3NlZCh7IHRoZW1lLCBjb2xvcjogY2FsY3VsYXRlZENvbG9yLmNvbG9yLCBzaGFkZTogY2FsY3VsYXRlZENvbG9yLnNoYWRlIH0pXG4gICAgICAgICAgICAgIC5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICA6IGdldFByZXNzZWQoeyB0aGVtZSB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgfSxcblxuICAgIC8vIG9uIGZvY3VzIGNoYW5nZSB0aGUgdHdvIGRpdnMgb2YgYWRkZWRcbiAgICAnOmZvY3VzLXZpc2libGUgPiBkaXYnOiBhY3RpdmVBbmRDbG9zZWQgJiYge1xuICAgICAgYm9yZGVyOiBnZXRGb2N1cyh7IHRoZW1lLCBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGggfSkuc3R5bGVCb3JkZXIsXG4gICAgfSxcbiAgICAvLyB0YXJnZXQgdGhlIGRpdmlkZXIgb24gZm9jdXNcbiAgICAnOmZvY3VzID4gc3Bhbic6IGFjdGl2ZUFuZENsb3NlZCAmJiB7XG4gICAgICBib3JkZXJUb3A6IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgIGJvcmRlckJvdHRvbTogZ2V0Rm9jdXMoeyB0aGVtZSwgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoIH0pLnN0eWxlQm9yZGVyLFxuICAgIH0sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uQmFzZVN0eWxlID0gKHtcbiAgY2FsY3VsYXRlZENvbG9yLFxuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgc3R5bGVUeXBlLFxuICBoYXNTZWxlY3RlZFZhbHVlLFxuICBmaWx0ZXJUeXBlLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTMnXSxcbiAgICBjdXJzb3I6IGRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdwb2ludGVyJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNSA6IDEsXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGNvbG9yOiBnZXRUZXh0Q29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICB9KSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih7XG4gICAgICB0aGVtZSxcbiAgICAgIG9wZW4sXG4gICAgICBzdHlsZVR5cGUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgIH0pLFxuICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgICcmOmhvdmVyJzoge1xuICAgICAgYm9yZGVyOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgIHRoZW1lLFxuICAgICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgICBmaWx0ZXJUeXBlLFxuICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgIG9wZW4sXG4gICAgICAgIHN0YXRlOiAnaG92ZXInLFxuICAgICAgfSl9YCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGRpdmlkZXIgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBvcGVuLCBjYWxjdWxhdGVkQ29sb3IsIHN0eWxlVHlwZSwgaGFzU2VsZWN0ZWRWYWx1ZSwgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIHtcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICB3aWR0aDogcmVtKDEpLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnIGFzIGNvbnN0LFxuICAgIG1pbldpZHRoOiByZW0oMSksXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgICAgaXNEaXZpZGVyOiB0cnVlLFxuICAgIH0pLFxuICAgIGJvcmRlclRvcDogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgfSl9YCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVkQnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBib3JkZXJMZWZ0OiAnMCAhaW1wb3J0YW50JyxcbiAgICBwYWRkaW5nTGVmdDogcmVtKDQpLFxuICAgIHBhZGRpbmdSaWdodDogcmVtKDQpLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6IHJlbSgzNCksXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBmaWx0ZXJUeXBlIH0gPSBwcm9wcztcbiAgY29uc3QgaXNQcmVzZXQgPSBmaWx0ZXJUeXBlID09PSAncHJlc2V0JztcblxuICByZXR1cm4ge1xuICAgIC4uLmJ1dHRvbkJhc2VTdHlsZShwcm9wcykodGhlbWUpLFxuICAgIHBhZGRpbmc6IGAwICR7IWlzUHJlc2V0ID8gdGhlbWUuc3BhY2luZy54c20gOiB0aGVtZS5zcGFjaW5nLm1kfSAwICR7dGhlbWUuc3BhY2luZy5tZH1gLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgICBib3JkZXJSaWdodDogIWlzUHJlc2V0ID8gJzAgIWltcG9ydGFudCcgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgY2hpbGRyZW5XcmFwcGVyU3R5bGUgPSAoKSA9PiAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgbGluZUhlaWdodDogcmVtKDE1KSxcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGxhYmVsU3BhblN0eWxlID0gKG9wZW46IGJvb2xlYW4sIGhhc1NlbGVjdGVkVmFsdWU6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250V2VpZ2h0OlxuICAgICAgb3BlbiB8fCBoYXNTZWxlY3RlZFZhbHVlID8gdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQgOiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMucmVndWxhcixcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGl2OiB7XG4gICAgICBmbGV4OiAnbm9uZScsXG4gICAgfSxcbiAgICBzcGFuOiB7XG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IHZhbHVlU3BhblN0eWxlID0gKCkgPT4gY3NzYFxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IG1lbnVTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7cmVtKDQ4KX07XG4gIG1pbi13aWR0aDogJHtyZW0oMjgwKX07XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogYXV0bztcbiAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgei1pbmRleDogMTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;")
     );
   };
 };

package/dist/components/Filter/utils.d.ts

@@ -1,8 +1,8 @@
-import { BackgroundColorProps, BaseColorProps, BorderProps, HoverBorderProps } from './types';
+import { BackgroundColorProps, BaseColorProps, BorderProps } from './types';
 export declare const FILTER_OPTIONS_MAX_HEIGHT = 253;
 export declare const borderStyleParams: string;
-export declare const focusBorderStyleParams: string;
+export declare const focusBorderWidth = 2;
+export declare const transparentFocusBorderWidth = 0;
 export declare const getBackgroundColor: ({ open, theme, hasSelectedValue, calculatedColor, styleType, }: BackgroundColorProps) => string;
 export declare const getTextColor: ({ open, theme, hasSelectedValue, calculatedColor, }: BaseColorProps) => string;
 export declare const getBorder: ({ styleType, theme, hasSelectedValue, calculatedColor, open, isDivider, state, }: BorderProps) => string;
-export declare const getHoverBorder: ({ styleType, theme, open, calculatedColor, hasSelectedValue, filterType, }: HoverBorderProps) => string;

package/dist/components/Filter/utils.js

@@ -1,18 +1,22 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getHoverBorder = exports.getBorder = exports.getTextColor = exports.getBackgroundColor = exports.focusBorderStyleParams = exports.borderStyleParams = exports.FILTER_OPTIONS_MAX_HEIGHT = void 0;
+exports.getBorder = exports.getTextColor = exports.getBackgroundColor = exports.transparentFocusBorderWidth = exports.focusBorderWidth = exports.borderStyleParams = exports.FILTER_OPTIONS_MAX_HEIGHT = void 0;
 
 var _utils = require("../../theme/utils");
 
+var _palette = require("../../theme/palette");
+
 var _utils2 = require("../Button/utils");
 
 var FILTER_OPTIONS_MAX_HEIGHT = 253;
 exports.FILTER_OPTIONS_MAX_HEIGHT = FILTER_OPTIONS_MAX_HEIGHT;
 var borderStyleParams = "solid " + (0, _utils.rem)(1);
 exports.borderStyleParams = borderStyleParams;
-var focusBorderStyleParams = "solid " + (0, _utils.rem)(2);
-exports.focusBorderStyleParams = focusBorderStyleParams;
+var focusBorderWidth = 2;
+exports.focusBorderWidth = focusBorderWidth;
+var transparentFocusBorderWidth = 0;
+exports.transparentFocusBorderWidth = transparentFocusBorderWidth;
 
 var getBackgroundColor = function getBackgroundColor(_ref) {
   var open = _ref.open,
@@ -64,7 +68,7 @@ var getBorder = function getBorder(_ref3) {
       state = _ref3$state === void 0 ? 'normal' : _ref3$state;
 
   var addOrSubtract = function addOrSubtract(shade) {
-    var calculatedShade = shade < 950 ? 50 : -50;
+    var calculatedShade = shade < _palette.MAX_SHADE ? 50 : -50;
     return shade + calculatedShade;
   };
 
@@ -92,29 +96,4 @@ var getBorder = function getBorder(_ref3) {
   return "transparent";
 };
 
-exports.getBorder = getBorder;
-
-var getHoverBorder = function getHoverBorder(_ref4) {
-  var styleType = _ref4.styleType,
-      theme = _ref4.theme,
-      open = _ref4.open,
-      calculatedColor = _ref4.calculatedColor,
-      hasSelectedValue = _ref4.hasSelectedValue,
-      filterType = _ref4.filterType;
-
-  if (filterType === 'added' && styleType === 'filled') {
-    return "transparent";
-  }
-
-  if (hasSelectedValue) {
-    if (open) {
-      return "" + (0, _utils2.stateBackgroundColor)(theme, 'hover', calculatedColor, true);
-    }
-
-    return "" + (0, _utils2.stateBackgroundColor)(theme, 'hover', calculatedColor, true);
-  }
-
-  return 'transparent';
-};
-
-exports.getHoverBorder = getHoverBorder;
+exports.getBorder = getBorder;

package/dist/components/Select/Select.js

@@ -213,9 +213,6 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     onClick: handleClick
   }, {
     css: (0, _Select.selectWrapper)({
-      open: open,
-      status: status,
-      styleType: styleType,
       isSearchable: isSearchable
     })
   }), (0, _react2.jsx)(_TextField["default"], _extends({

package/dist/components/Select/Select.style.d.ts

@@ -1,10 +1,5 @@
 import { SerializedStyles } from '@emotion/react';
-import { Theme } from '../../theme';
-import { formFieldStyles } from '../../theme/palette';
-export declare const selectWrapper: ({ styleType, open, status, isSearchable, }: {
-    open: boolean;
-    styleType?: formFieldStyles | undefined;
-    status?: "success" | "error" | "normal" | "hint" | undefined;
+export declare const selectWrapper: ({ isSearchable, }: {
     isSearchable: boolean;
-}) => (theme: Theme) => SerializedStyles;
+}) => () => SerializedStyles;
 export declare const rightIconContainer: (open: boolean, isSearchable: boolean) => () => SerializedStyles;

package/dist/components/Select/Select.style.js

@@ -10,16 +10,13 @@ var _functions = require("../../theme/functions");
 var _utils = require("../../theme/utils");
 
 var selectWrapper = function selectWrapper(_ref) {
-  var styleType = _ref.styleType,
-      open = _ref.open,
-      status = _ref.status,
-      isSearchable = _ref.isSearchable;
-  return function (theme) {
+  var isSearchable = _ref.isSearchable;
+  return function () {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("position:relative;min-width:", (0, _utils.rem)(150), ";max-width:", (0, _utils.rem)(620), ";&>div:nth-of-type(1)>div{", open && status !== 'error' && "border: 2px solid " + theme.utils.getColor('lightGrey', 200) + ";", " ", open && status !== 'error' && styleType === 'outlined' && "box-shadow: none;", ";}*{cursor:", !isSearchable && 'pointer', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI2QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgZm9ybUZpZWxkU3R5bGVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvcGFsZXR0ZSc7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RXcmFwcGVyID0gKHtcbiAgc3R5bGVUeXBlLFxuICBvcGVuLFxuICBzdGF0dXMsXG4gIGlzU2VhcmNoYWJsZSxcbn06IHtcbiAgb3BlbjogYm9vbGVhbjtcbiAgc3R5bGVUeXBlPzogZm9ybUZpZWxkU3R5bGVzO1xuICBzdGF0dXM/OiAnc3VjY2VzcycgfCAnbm9ybWFsJyB8ICdoaW50JyB8ICdlcnJvcic7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7cmVtKDE1MCl9O1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuICAmID4gZGl2Om50aC1vZi10eXBlKDEpID4gZGl2IHtcbiAgICAke29wZW4gJiYgc3RhdHVzICE9PSAnZXJyb3InICYmIGBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyMDApfTtgfVxuICAgICR7b3BlbiAmJiBzdGF0dXMgIT09ICdlcnJvcicgJiYgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnICYmIGBib3gtc2hhZG93OiBub25lO2B9XG4gIH1cblxuICAqIHtcbiAgICBjdXJzb3I6ICR7IWlzU2VhcmNoYWJsZSAmJiAncG9pbnRlcid9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uQ29udGFpbmVyID0gKFxuICBvcGVuOiBib29sZWFuLFxuICBpc1NlYXJjaGFibGU6IGJvb2xlYW5cbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7b3BlbiAmJiAhaXNTZWFyY2hhYmxlID8gJzE4MCcgOiAnMCd9ZGVnKTtcbiAgJHt0cmFuc2l0aW9uKDAuMil9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;")
+      (0, _react.css)("position:relative;min-width:", (0, _utils.rem)(150), ";max-width:", (0, _utils.rem)(620), ";*{cursor:", !isSearchable && 'pointer', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHNlbGVjdFdyYXBwZXIgPSAoe1xuICBpc1NlYXJjaGFibGUsXG59OiB7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7cmVtKDE1MCl9O1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuXG4gICoge1xuICAgIGN1cnNvcjogJHshaXNTZWFyY2hhYmxlICYmICdwb2ludGVyJ307XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25Db250YWluZXIgPSAoXG4gIG9wZW46IGJvb2xlYW4sXG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhblxuKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNmb3JtOiByb3RhdGUoJHtvcGVuICYmICFpc1NlYXJjaGFibGUgPyAnMTgwJyA6ICcwJ31kZWcpO1xuICAke3RyYW5zaXRpb24oMC4yKX1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;")
     );
   };
 };
@@ -32,7 +29,7 @@ var rightIconContainer = function rightIconContainer(open, isSearchable) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("display:flex;cursor:pointer;transform:rotate(", open && !isSearchable ? '180' : '0', "deg);", (0, _functions.transition)(0.2), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgZm9ybUZpZWxkU3R5bGVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvcGFsZXR0ZSc7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RXcmFwcGVyID0gKHtcbiAgc3R5bGVUeXBlLFxuICBvcGVuLFxuICBzdGF0dXMsXG4gIGlzU2VhcmNoYWJsZSxcbn06IHtcbiAgb3BlbjogYm9vbGVhbjtcbiAgc3R5bGVUeXBlPzogZm9ybUZpZWxkU3R5bGVzO1xuICBzdGF0dXM/OiAnc3VjY2VzcycgfCAnbm9ybWFsJyB8ICdoaW50JyB8ICdlcnJvcic7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7cmVtKDE1MCl9O1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuICAmID4gZGl2Om50aC1vZi10eXBlKDEpID4gZGl2IHtcbiAgICAke29wZW4gJiYgc3RhdHVzICE9PSAnZXJyb3InICYmIGBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyMDApfTtgfVxuICAgICR7b3BlbiAmJiBzdGF0dXMgIT09ICdlcnJvcicgJiYgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnICYmIGBib3gtc2hhZG93OiBub25lO2B9XG4gIH1cblxuICAqIHtcbiAgICBjdXJzb3I6ICR7IWlzU2VhcmNoYWJsZSAmJiAncG9pbnRlcid9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uQ29udGFpbmVyID0gKFxuICBvcGVuOiBib29sZWFuLFxuICBpc1NlYXJjaGFibGU6IGJvb2xlYW5cbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7b3BlbiAmJiAhaXNTZWFyY2hhYmxlID8gJzE4MCcgOiAnMCd9ZGVnKTtcbiAgJHt0cmFuc2l0aW9uKDAuMil9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;")
+      (0, _react.css)("display:flex;cursor:pointer;transform:rotate(", open && !isSearchable ? '180' : '0', "deg);", (0, _functions.transition)(0.2), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RXcmFwcGVyID0gKHtcbiAgaXNTZWFyY2hhYmxlLFxufToge1xuICBpc1NlYXJjaGFibGU6IGJvb2xlYW47XG59KSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLXdpZHRoOiAke3JlbSgxNTApfTtcbiAgbWF4LXdpZHRoOiAke3JlbSg2MjApfTtcblxuICAqIHtcbiAgICBjdXJzb3I6ICR7IWlzU2VhcmNoYWJsZSAmJiAncG9pbnRlcid9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uQ29udGFpbmVyID0gKFxuICBvcGVuOiBib29sZWFuLFxuICBpc1NlYXJjaGFibGU6IGJvb2xlYW5cbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7b3BlbiAmJiAhaXNTZWFyY2hhYmxlID8gJzE4MCcgOiAnMCd9ZGVnKTtcbiAgJHt0cmFuc2l0aW9uKDAuMil9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;")
     );
   };
 };

package/dist/components/TextInputBase/TextInputBase.d.ts

@@ -1,5 +1,6 @@
 import React, { FC } from 'react';
 import { formFieldStyles } from 'theme/palette';
+import { textInputSizes } from './config';
 import { AcceptedIconNames } from 'components/Icon/types';
 export declare type Props = {
     /** The label of the text field that will be used as a placeholder and a label */
@@ -27,7 +28,7 @@ export declare type Props = {
     /** Style of input field */
     styleType?: formFieldStyles;
     /** Sets the size of the textField */
-    size?: 'md' | 'sm';
+    size?: typeof textInputSizes[number];
     /** The status of the button regarding the status which is in - default normal */
     status?: 'success' | 'normal' | 'hint' | 'error';
     /** If the field is used as a Search component */

package/dist/components/TextInputBase/TextInputBase.js

@@ -17,18 +17,6 @@ var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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)."; }
-
-var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "1qy41a0",
-  styles: "display:flex;align-items:center;position:relative;width:fill-available"
-} : {
-  name: "1p9d0zj-TextInputBase",
-  styles: "display:flex;align-items:center;position:relative;width:fill-available;label:TextInputBase;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEVRIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdXNlVGhlbWUgZnJvbSAnaG9va3MvdXNlVGhlbWUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZm9ybUZpZWxkU3R5bGVzIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyBERUZBVUxUX1NJWkUgfSBmcm9tICd1dGlscy9zaXplLXV0aWxzJztcblxuaW1wb3J0IHsgZXJyb3JNc2dTdHlsZSwgdGV4dEZpZWxkU3R5bGUsIHdyYXBwZXJTdHlsZSB9IGZyb20gJy4vVGV4dElucHV0QmFzZS5zdHlsZSc7XG5pbXBvcnQgSWNvbiBmcm9tICdjb21wb25lbnRzL0ljb24nO1xuaW1wb3J0IHsgQWNjZXB0ZWRJY29uTmFtZXMgfSBmcm9tICdjb21wb25lbnRzL0ljb24vdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgLyoqIFRoZSBsYWJlbCBvZiB0aGUgdGV4dCBmaWVsZCB0aGF0IHdpbGwgYmUgdXNlZCBhcyBhIHBsYWNlaG9sZGVyIGFuZCBhIGxhYmVsICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiogVGhlIHBsYWNlaG9sZGVyIG9mIHRoZSBpbnB1dCB0aGF0IHdpbGwgYmUgdXNlZC4gVGhpcyBpcyBzaG93biBpZiBubyBsYWJlbCBleGlzdHMgKi9cbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIC8qKiBBbiBvcHRpb25hbCBpY29uIHRvIHNob3cgdG8gdGhlIGxlZnQgKi9cbiAgbGVmdEljb24/OiBBY2NlcHRlZEljb25OYW1lcyB8IEpTWC5FbGVtZW50IHwgbnVsbDtcbiAgLyoqIEFuIG9wdGlvbmFsIGljb24gdG8gc2hvdyB0byB0aGUgcmlnaHQgKi9cbiAgcmlnaHRJY29uPzogQWNjZXB0ZWRJY29uTmFtZXMgfCBKU1guRWxlbWVudCB8IG51bGw7XG4gIC8qKiBJZiB0aGUgdGV4dCBmaWVsZCB2YWx1ZSBpcyByZXF1aXJlZCAqL1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIC8qKiBJZiB0aGUgdGV4dCBmaWVsZCBpcyBkaXNhYmxlZCAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKiBJZiB0aGUgdGV4dCBmaWVsZCBpcyBsb2NrZWQuIExvY2tlZCBzdGF0ZSBpcyB1bmlxdWUgdG8gdGhpcyBhbmQgdGhlIHN5c3RlbSAqL1xuICBsb2NrZWQ/OiBib29sZWFuO1xuICAvKiogZGFyayBtb2RlIG9mIHRoZSB0ZXh0IGZpZWxkICovXG4gIGRhcms/OiBib29sZWFuO1xuICAvKiogRXJyb3IgbWVzc2FnZSAqL1xuICBoaW50TXNnPzogUmVhY3QuUmVhY3ROb2RlIHwgc3RyaW5nO1xuICAvKiogdmFsdWUgb2YgdGhlIGlucHV0ICovXG4gIHZhbHVlPzogc3RyaW5nIHwgbnVtYmVyO1xuICAvKiogaWYgdGhlIGlucHV0IHdpbGwgYmUgd2l0aG91dCBkZWZhdWx0IHN0eWxlIGZvciB1c2UgaW5zaWRlIHRoZSBsaWJyYXJ5ICovXG4gIGxlYW4/OiBib29sZWFuO1xuICAvKiogU3R5bGUgb2YgaW5wdXQgZmllbGQgKi9cbiAgc3R5bGVUeXBlPzogZm9ybUZpZWxkU3R5bGVzO1xuICAvKiogU2V0cyB0aGUgc2l6ZSBvZiB0aGUgdGV4dEZpZWxkICovXG4gIHNpemU/OiAnbWQnIHwgJ3NtJztcbiAgLyoqIFRoZSBzdGF0dXMgb2YgdGhlIGJ1dHRvbiByZWdhcmRpbmcgdGhlIHN0YXR1cyB3aGljaCBpcyBpbiAtIGRlZmF1bHQgbm9ybWFsICovXG4gIHN0YXR1cz86ICdzdWNjZXNzJyB8ICdub3JtYWwnIHwgJ2hpbnQnIHwgJ2Vycm9yJztcbiAgLyoqIElmIHRoZSBmaWVsZCBpcyB1c2VkIGFzIGEgU2VhcmNoIGNvbXBvbmVudCAqL1xuICBpc1NlYXJjaD86IGJvb2xlYW47XG59O1xuXG4vKiogVGhpcyBDb21wb25lbnQgaXMgYSB3cmFwcGVyIGZvciBhbGwgcHJpbWl0aXZlcyB0aGF0IGhvbGQgdGV4dCBsaWtlIFNlbGVjdCwgVGV4dEFyZWEsIFRleHRJbnB1dC4gSGVyZSB3ZSBrZWVwIHRoZVxuICogbG9naWMgb2YgYWxsIHRoZSBob3ZlciwgZm9jdXMgc3RhdHVzIGV0YyBhbmQgdGhlIHN0eWxpbmcgb2YgdGhlc2UgY2VudHJhbGl6ZWQgKiovXG5jb25zdCBUZXh0SW5wdXRCYXNlOiBGQzxQcm9wcz4gPSAoe1xuICBsZWZ0SWNvbiA9IG51bGwsXG4gIHJpZ2h0SWNvbixcbiAgbGFiZWwsXG4gIGxlYW4gPSBmYWxzZSxcbiAgaXNTZWFyY2ggPSBmYWxzZSxcbiAgZGlzYWJsZWQsXG4gIGhpbnRNc2csXG4gIHN0eWxlVHlwZSA9ICdmaWxsZWQnLFxuICBzdGF0dXMgPSAnbm9ybWFsJyxcbiAgbG9ja2VkID0gZmFsc2UsXG4gIHNpemUgPSBERUZBVUxUX1NJWkUsXG4gIGRhcmsgPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG59KSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgaGludE1lc3NhZ2VUb1Nob3cgPSBoaW50TXNnICYmIChcbiAgICA8ZGl2IGNzcz17ZXJyb3JNc2dTdHlsZSh7IHN0YXR1cyB9KX0+XG4gICAgICA8SWNvblxuICAgICAgICBjb2xvcj17c3RhdHVzID09PSAnZXJyb3InID8gJ2Vycm9yJyA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICBuYW1lPXtzdGF0dXMgPT09ICdlcnJvcicgPyAnaXNzdWVzJyA6ICdpbmZvJ31cbiAgICAgICAgc2l6ZT17MTJ9XG4gICAgICAvPlxuICAgICAge2hpbnRNc2d9XG4gICAgPC9kaXY+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICAgICB3aWR0aDogJ2ZpbGwtYXZhaWxhYmxlJyxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17d3JhcHBlclN0eWxlKHtcbiAgICAgICAgICAgIGRhcmssXG4gICAgICAgICAgICBsb2NrZWQsXG4gICAgICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgICAgIHN0YXR1cyxcbiAgICAgICAgICAgIGxlYW4sXG4gICAgICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgICAgICBpc1NlYXJjaCxcbiAgICAgICAgICAgIHJpZ2h0SWNvbixcbiAgICAgICAgICAgIHNpemUsXG4gICAgICAgICAgfSl9XG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IGNzcz17dGV4dEZpZWxkU3R5bGUoeyBzaXplLCBsYWJlbCwgbGVmdEljb24sIGxlYW4gfSl9PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIHtoaW50TXNnICYmIHN0YXR1cyAhPT0gJ25vcm1hbCcgJiYgaGludE1lc3NhZ2VUb1Nob3d9XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRleHRJbnB1dEJhc2U7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
 /** This Component is a wrapper for all primitives that hold text like Select, TextArea, TextInput. Here we keep the
  * logic of all the hover, focus status etc and the styling of these centralized **/
 var TextInputBase = function TextInputBase(_ref) {
@@ -64,7 +52,7 @@ var TextInputBase = function TextInputBase(_ref) {
     size: 12
   }), hintMsg);
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("div", {
-    css: _ref2
+    css: (0, _TextInputBase.flexContainer)()
   }, (0, _react2.jsx)("div", {
     css: (0, _TextInputBase.wrapperStyle)({
       dark: dark,

package/dist/components/TextInputBase/TextInputBase.style.d.ts

@@ -1,11 +1,12 @@
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
 import { Props } from './TextInputBase';
+export declare const flexContainer: () => () => SerializedStyles;
 /**
  * this wrapper must remain simple and not mess with children properties as it will be used
  * in custom implementation needed eg: datepicker
  * */
-export declare const wrapperStyle: ({ disabled, locked, status, lean, styleType, dark, isSearch, rightIcon, size, }: Props) => (theme: Theme) => SerializedStyles;
+export declare const wrapperStyle: ({ disabled, locked, status, lean, dark, isSearch, rightIcon, size, }: Props) => (theme: Theme) => SerializedStyles;
 export declare const textFieldStyle: ({ size, label, leftIcon, lean }: Props) => (theme: Theme) => SerializedStyles;
 export declare const inputStyle: ({ label, placeholder, size, dark }: Props) => (theme: Theme) => SerializedStyles;
 export declare const errorMsgStyle: ({ status }: Props) => (theme: Theme) => SerializedStyles;