@orfium/ictinus 4.15.1 → 4.18.0

package/dist/components/DatePicker/DatePickInput/DatePickInput.d.ts

@@ -1,15 +1,29 @@
 import React from 'react';
+import { FilterType, StyleType } from '../../Filter/types';
 import { Props as TextFieldProps } from '../../TextField/TextField';
 import { DateFormatType } from '../DatePicker';
 import { Range } from '../OverlayComponent/OverlayComponent';
 declare type Props = {
+    /** Handles the focus state of the component */
     handleFocus: () => void;
-    handleClear: (event: React.KeyboardEvent) => void;
+    /** Handles the clear action for the datepicker */
+    handleClear: (event?: React.KeyboardEvent) => void;
+    /** Defines whether the component selects a single date or a range */
     isRangePicker: boolean;
+    /** Style properties for the DatePicker with a filter base */
+    filterConfig?: {
+        buttonType?: 'primary' | 'secondary';
+        styleType?: StyleType;
+        filterType?: FilterType;
+    };
+    /** The selected day */
     selectedDay: Range;
     /** Props for styling the input */
     inputProps?: TextFieldProps;
+    /** Overrides the default date format */
     dateFormatOverride?: DateFormatType;
+    /** Defines whether the component is open */
+    isOpen: boolean;
 };
 declare const DatePickInput: React.ForwardRefExoticComponent<Props & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & React.RefAttributes<HTMLInputElement>>;
 export default DatePickInput;

package/dist/components/DatePicker/DatePickInput/DatePickInput.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _helpers = require("../../../utils/helpers");
 
+var _FilterBase = _interopRequireDefault(require("../../Filter/components/FilterBase"));
+
 var _Icon = _interopRequireDefault(require("../../Icon"));
 
 var _TextField = _interopRequireDefault(require("../../TextField/TextField"));
@@ -26,12 +28,14 @@ var ON_CHANGE_MOCK = function ON_CHANGE_MOCK() {};
 
 var DatePickInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var handleFocus = _ref.handleFocus,
+      filterConfig = _ref.filterConfig,
       handleClear = _ref.handleClear,
       isRangePicker = _ref.isRangePicker,
       inputProps = _ref.inputProps,
       selectedDay = _ref.selectedDay,
       _ref$dateFormatOverri = _ref.dateFormatOverride,
-      dateFormatOverride = _ref$dateFormatOverri === void 0 ? 'MM/DD/YYYY' : _ref$dateFormatOverri;
+      dateFormatOverride = _ref$dateFormatOverri === void 0 ? 'MM/DD/YYYY' : _ref$dateFormatOverri,
+      isOpen = _ref.isOpen;
 
   var formatDate = function formatDate(date) {
     return date ? (0, _dayjs["default"])(date).format((0, _helpers.getLocaleFormat)(dateFormatOverride)) : '';
@@ -39,33 +43,55 @@ var DatePickInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, re
 
   var getDateFormatted = _react["default"].useCallback(formatDate, []);
 
+  var renderBase = function renderBase() {
+    if (filterConfig != null && filterConfig.filterType) {
+      return (0, _react2.jsx)(_FilterBase["default"], {
+        isDatePicker: true,
+        dataTestId: 'filter',
+        disabled: false,
+        buttonType: (filterConfig == null ? void 0 : filterConfig.buttonType) || 'primary',
+        styleType: (filterConfig == null ? void 0 : filterConfig.styleType) || 'filled',
+        handleOpen: handleFocus,
+        filterType: filterConfig.filterType,
+        onClear: handleClear,
+        selectedItemLabel: selectedDay.from && "Select Date" + (isRangePicker ? 's' : '') + " : " + getDateFormatted(selectedDay.from) + " " + (isRangePicker ? "- " + getDateFormatted(selectedDay.to) : ''),
+        open: isOpen,
+        hasSelectedValue: Boolean(selectedDay.from && getDateFormatted(selectedDay.from) + " - " + getDateFormatted(selectedDay.to)),
+        label: !selectedDay.from ? "Select Date" + (isRangePicker ? 's' : '') : '',
+        iconName: selectedDay.from ? 'calendarFilled' : 'calendarEmpty'
+      });
+    }
+
+    return isRangePicker ? (0, _react2.jsx)(_TextField["default"], _extends({
+      ref: ref
+    }, inputProps, {
+      onFocus: handleFocus,
+      onKeyDown: handleClear,
+      onChange: ON_CHANGE_MOCK,
+      placeholder: "Date (start) - Date (end)",
+      value: selectedDay.from && getDateFormatted(selectedDay.from) + " - " + getDateFormatted(selectedDay.to),
+      rightIcon: (0, _react2.jsx)(_Icon["default"], {
+        name: 'calendarEmpty',
+        color: '#676767'
+      })
+    })) : (0, _react2.jsx)(_TextField["default"], _extends({
+      ref: ref
+    }, inputProps, {
+      onFocus: handleFocus,
+      onKeyDown: handleClear,
+      onChange: ON_CHANGE_MOCK,
+      placeholder: "Select date",
+      value: selectedDay.to && getDateFormatted(selectedDay.to),
+      rightIcon: (0, _react2.jsx)(_Icon["default"], {
+        name: 'calendarEmpty',
+        color: '#676767'
+      })
+    }));
+  };
+
   return (0, _react2.jsx)("div", {
     css: (0, _DatePickInput.rangeInputsWrapper)()
-  }, isRangePicker ? (0, _react2.jsx)(_TextField["default"], _extends({
-    ref: ref
-  }, inputProps, {
-    onFocus: handleFocus,
-    onKeyDown: handleClear,
-    onChange: ON_CHANGE_MOCK,
-    placeholder: "Date (start) - Date (end)",
-    value: selectedDay.from && getDateFormatted(selectedDay.from) + " - " + getDateFormatted(selectedDay.to),
-    rightIcon: (0, _react2.jsx)(_Icon["default"], {
-      name: 'calendarEmpty',
-      color: '#676767'
-    })
-  })) : (0, _react2.jsx)(_TextField["default"], _extends({
-    ref: ref
-  }, inputProps, {
-    onFocus: handleFocus,
-    onKeyDown: handleClear,
-    onChange: ON_CHANGE_MOCK,
-    placeholder: "Select date",
-    value: selectedDay.to && getDateFormatted(selectedDay.to),
-    rightIcon: (0, _react2.jsx)(_Icon["default"], {
-      name: 'calendarEmpty',
-      color: '#676767'
-    })
-  })));
+  }, renderBase());
 });
 
 DatePickInput.displayName = 'DatePickInput';

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
 import React from 'react';
+import { FilterType, StyleType } from '../Filter/types';
 import { Props as TextFieldProps } from '../TextField/TextField';
 import { Range } from './OverlayComponent/OverlayComponent';
 export declare type DisabledDates = {
@@ -28,6 +29,15 @@ export declare type Props = {
     isClearable?: boolean;
     /** if the datepicker's default date is today instead of placeholder text */
     isDefaultNow?: boolean;
+    /** Style properties for the DatePicker with a filter base */
+    filterConfig?: {
+        /** The type of the filter button's palette - defaults to "primary" */
+        buttonType?: 'primary' | 'secondary';
+        /** Defines the style type of the filter button */
+        styleType?: StyleType;
+        /** This property defines the Filter's type */
+        filterType?: FilterType;
+    };
 };
 export declare type ExtraOption = {
     value: string;

package/dist/components/DatePicker/DatePicker.js

@@ -57,12 +57,13 @@ var DatePicker = function DatePicker(_ref) {
       dateFormatOverride = _ref$dateFormatOverri === void 0 ? undefined : _ref$dateFormatOverri,
       _ref$isClearable = _ref.isClearable,
       isClearable = _ref$isClearable === void 0 ? false : _ref$isClearable,
+      filterConfig = _ref.filterConfig,
       _ref$isDefaultNow = _ref.isDefaultNow,
       isDefaultNow = _ref$isDefaultNow === void 0 ? true : _ref$isDefaultNow;
 
   var _useState = (0, _react.useState)(false),
-      open = _useState[0],
-      setOpen = _useState[1];
+      isOpen = _useState[0],
+      setIsOpen = _useState[1];
 
   var _useState2 = (0, _react.useState)(''),
       selectedOption = _useState2[0],
@@ -104,7 +105,7 @@ var DatePicker = function DatePicker(_ref) {
     };
 
     if (newRange.to) {
-      setOpen(false);
+      setIsOpen(false);
     }
 
     setSelectedRange(newRange);
@@ -159,19 +160,27 @@ var DatePicker = function DatePicker(_ref) {
     });
   }, [isRangePicker]);
   var onCancel = (0, _react.useCallback)(function () {
-    setOpen(false);
+    setIsOpen(false);
   }, []);
   var handleFocus = (0, _react.useCallback)(function () {
-    setOpen(true);
+    setIsOpen(true);
   }, []);
   var handleClear = (0, _react.useCallback)(function (e) {
-    if (!isClearable) {
+    if (!isClearable && (filterConfig == null ? void 0 : filterConfig.filterType) !== 'added') {
       return false;
     }
 
+    if (filterConfig != null && filterConfig.filterType) {
+      setIsOpen(false);
+      return setSelectedRange({
+        to: undefined,
+        from: undefined
+      });
+    }
+
     if (e.keyCode === 27) {
       // if escape
-      return setOpen(false);
+      return setIsOpen(false);
     }
 
     if (e.keyCode === 8) {
@@ -190,22 +199,24 @@ var DatePicker = function DatePicker(_ref) {
         };
       });
     }
-  }, [isClearable]);
+  }, [isClearable, filterConfig == null ? void 0 : filterConfig.filterType]);
   var onApply = (0, _react.useCallback)(function () {
     applyRangeAndClose(range);
   }, [applyRangeAndClose, range]);
   return (0, _react2.jsx)(_ClickAwayListener["default"], {
     onClick: onCancel
   }, (0, _react2.jsx)(_PositionInScreen["default"], {
-    visible: open,
+    visible: isOpen,
     parent: function parent() {
       return (0, _react2.jsx)(_DatePickInput["default"], {
+        filterConfig: filterConfig,
         isRangePicker: isRangePicker,
         selectedDay: selectedRange,
         inputProps: inputProps,
         dateFormatOverride: dateFormatOverride,
         handleFocus: handleFocus,
-        handleClear: handleClear
+        handleClear: handleClear,
+        isOpen: isOpen
       });
     }
   }, (0, _react2.jsx)("div", {

package/dist/components/Filter/Filter.js

@@ -3,38 +3,32 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _useTheme = _interopRequireDefault(require("../../hooks/useTheme"));
-
-var _useTypeColorToColorMatch = require("../../hooks/useTypeColorToColorMatch");
-
 var _lodash = require("lodash");
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _helpers = require("../../utils/helpers");
 
-var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _ClickAwayListener = _interopRequireDefault(require("../utils/ClickAwayListener"));
 
+var _FilterBase = _interopRequireDefault(require("./components/FilterBase"));
+
 var _Options = _interopRequireDefault(require("./components/Options/Options"));
 
 var _SearchInput = _interopRequireDefault(require("./components/SearchInput/SearchInput"));
 
 var _Filter = require("./Filter.style");
 
-var _utils = require("./utils");
-
 var _handleSearch = _interopRequireDefault(require("../utils/handleSearch"));
 
 var _react2 = require("@emotion/react");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var _selectedItem$label;
 
@@ -65,30 +59,18 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       onClear = _props$onClear === void 0 ? function () {} : _props$onClear;
 
   var _React$useState = _react["default"].useState(false),
-      open = _React$useState[0],
-      setOpen = _React$useState[1];
+      isOpen = _React$useState[0],
+      setIsOpen = _React$useState[1];
 
   var _React$useState2 = _react["default"].useState(''),
       searchValue = _React$useState2[0],
       setSearchValue = _React$useState2[1];
 
-  var theme = (0, _useTheme["default"])();
-
-  var _useTypeColorToColorM = (0, _useTypeColorToColorMatch.useTypeColorToColorMatch)(),
-      calculateColorBetweenColorAndType = _useTypeColorToColorM.calculateColorBetweenColorAndType;
-
   var hasSelectedValue = Boolean(selectedItem == null ? void 0 : selectedItem.value) && (selectedItem == null ? void 0 : selectedItem.value) !== defaultValue.value;
-  var calculatedColor = calculateColorBetweenColorAndType('', buttonType);
-  var iconColor = (0, _utils.getTextColor)({
-    open: open,
-    theme: theme,
-    calculatedColor: calculatedColor,
-    hasSelectedValue: hasSelectedValue
-  });
-  var iconName = open ? 'triangleUp' : 'triangleDown';
+  var iconName = isOpen ? 'triangleUp' : 'triangleDown';
 
   var handleSelect = function handleSelect(option) {
-    setOpen(false);
+    setIsOpen(false);
     onSelect(option);
   };
 
@@ -117,34 +99,12 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
 
   var handleOpen = function handleOpen() {
     setSearchValue('');
-    setOpen(!open);
+    setIsOpen(!isOpen);
   };
 
   var debouncedOnChange = _react["default"].useCallback((0, _lodash.debounce)(function (value) {
     onAsyncSearch == null ? void 0 : onAsyncSearch(value);
   }, 400), []);
-
-  var buttonStyleProps = {
-    calculatedColor: calculatedColor,
-    buttonType: buttonType,
-    disabled: disabled,
-    open: open,
-    styleType: styleType,
-    hasSelectedValue: hasSelectedValue,
-    filterType: filterType
-  };
-
-  var pickIconColor = function pickIconColor() {
-    if (open) {
-      return theme.utils.getColor('neutralWhite', 100);
-    }
-
-    if (hasSelectedValue) {
-      return theme.utils.getColor(calculatedColor.color, 550);
-    }
-
-    return theme.utils.getColor('darkGrey', 400);
-  };
   /**
    * for 'added' type design team decided that is not needed therefore in order not having to maintain
    * one more special case we dont render it
@@ -157,44 +117,23 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
 
   return (0, _react2.jsx)(_ClickAwayListener["default"], {
     onClick: function onClick() {
-      return setOpen(false);
+      return setIsOpen(false);
     }
-  }, (0, _react2.jsx)("div", {
-    css: (0, _Filter.wrapperStyle)(),
-    "data-testid": dataTestId
-  }, (0, _react2.jsx)("button", {
+  }, (0, _react2.jsx)(_FilterBase["default"], {
     ref: ref,
-    "data-testid": (0, _helpers.generateTestDataId)('filter', dataTestId),
-    onClick: handleOpen,
+    dataTestId: dataTestId,
+    handleOpen: handleOpen,
     disabled: disabled,
-    css: (0, _Filter.buttonWrapperStyle)(buttonStyleProps)
-  }, (0, _react2.jsx)("div", {
-    css: (0, _Filter.buttonStyle)(buttonStyleProps)
-  }, (0, _react2.jsx)("span", {
-    css: (0, _Filter.buttonSpanStyle)()
-  }, (0, _react2.jsx)("span", {
-    css: (0, _Filter.childrenWrapperStyle)()
-  }, (0, _react2.jsx)("span", {
-    css: (0, _Filter.labelSpanStyle)(open, hasSelectedValue)
-  }, (0, _react2.jsx)("div", null, label && label + " :"), (0, _react2.jsx)("span", {
-    css: (0, _Filter.valueSpanStyle)()
-  }, (_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : defaultValue.label))), (0, _react2.jsx)(_Icon["default"], {
-    name: iconName,
-    color: iconColor,
-    size: 6
-  }))), filterType === 'added' && (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("span", {
-    css: (0, _Filter.divider)(buttonStyleProps)
-  }), (0, _react2.jsx)("div", {
-    css: (0, _Filter.dividedButtonStyle)(buttonStyleProps)
-  }, (0, _react2.jsx)(_Icon["default"], {
-    size: 19,
-    name: 'closeTag',
-    color: pickIconColor(),
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      onClear();
-    }
-  })))), open && (0, _react2.jsx)("div", {
+    onClear: onClear,
+    selectedItemLabel: (_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : defaultValue.label,
+    open: isOpen,
+    hasSelectedValue: hasSelectedValue,
+    label: label,
+    iconName: iconName,
+    filterType: filterType,
+    buttonType: buttonType,
+    styleType: styleType
+  }, isOpen && (0, _react2.jsx)("div", {
     css: (0, _Filter.menuStyle)(),
     "data-testid": (0, _helpers.generateTestDataId)('filter-menu', dataTestId)
   }, isSearchable && (0, _react2.jsx)(_SearchInput["default"], {
@@ -214,5 +153,6 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   }))));
 });
 
+Filter.displayName = 'Filter';
 var _default = Filter;
 exports["default"] = _default;

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

@@ -8,6 +8,7 @@ export declare const wrapperStyle: () => () => {
 export declare const buttonSpanStyle: () => () => {
     display: string;
     alignItems: string;
+    gap: string;
     height: string;
 };
 export declare const buttonWrapperStyle: ({ disabled, open, hasSelectedValue, calculatedColor, }: ButtonStyleProps) => (theme: Theme) => {
@@ -17,7 +18,6 @@ export declare const buttonWrapperStyle: ({ disabled, open, hasSelectedValue, ca
     padding: string;
     alignItems: string;
     height: string;
-    maxWidth: string;
     minWidth: string;
     ':hover > div, :active > div': {
         backgroundColor: string | undefined;
@@ -50,6 +50,8 @@ export declare const buttonBaseStyle: ({ calculatedColor, disabled, open, styleT
 export declare const divider: (props: ButtonStyleProps) => (theme: Theme) => {
     height: string;
     width: string;
+    position: "relative";
+    minWidth: string;
     transition: string;
     backgroundColor: string;
     borderTop: string;
@@ -57,6 +59,7 @@ export declare const divider: (props: ButtonStyleProps) => (theme: Theme) => {
 };
 export declare const dividedButtonStyle: (props: ButtonStyleProps) => (theme: Theme) => {
     borderLeft: string;
+    paddingLeft: string;
     paddingRight: string;
     display: string;
     alignItems: string;
@@ -64,9 +67,6 @@ export declare const dividedButtonStyle: (props: ButtonStyleProps) => (theme: Th
     width: string;
     borderTopRightRadius: "24";
     borderBottomRightRadius: "24";
-    '> span': {
-        marginLeft: string;
-    };
     fontSize: string;
     cursor: string;
     height: string;
@@ -100,21 +100,18 @@ export declare const buttonStyle: (props: ButtonStyleProps) => (theme: Theme) =>
         border: string;
     };
 };
-export declare const childrenWrapperStyle: () => (theme: Theme) => {
+export declare const childrenWrapperStyle: () => () => {
+    lineHeight: string;
     marginLeft: number;
-    marginRight: "8";
-    maxWidth: string;
 };
 export declare const labelSpanStyle: (open: boolean, hasSelectedValue: boolean) => (theme: Theme) => {
     fontWeight: 400 | 700;
-    maxWidth: string;
     display: string;
     alignItems: string;
     div: {
         flex: string;
     };
     span: {
-        marginLeft: "4";
         fontWeight: 700;
     };
 };

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

@@ -30,6 +30,7 @@ var buttonSpanStyle = function buttonSpanStyle() {
     return {
       display: 'flex',
       alignItems: 'center',
+      gap: (0, _utils.rem)(4),
       height: '100%'
     };
   };
@@ -50,7 +51,6 @@ var buttonWrapperStyle = function buttonWrapperStyle(_ref2) {
       padding: '0',
       alignItems: 'center',
       height: '100%',
-      maxWidth: (0, _utils.rem)(270),
       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
@@ -61,7 +61,7 @@ var buttonWrapperStyle = function buttonWrapperStyle(_ref2) {
         backgroundColor: theme.utils.getColor('blue', 50)
       },
       // target the divider on focus
-      ':focus > span': !open && {
+      ':focus > span': !open && !hasSelectedValue && {
         borderTop: _utils2.focusBorderStyleParams + " " + theme.utils.getColor('blue', 550),
         borderBottom: _utils2.focusBorderStyleParams + " " + theme.utils.getColor('blue', 550)
       }
@@ -136,6 +136,8 @@ var divider = function divider(props) {
     return {
       height: '100%',
       width: (0, _utils.rem)(1),
+      position: 'relative',
+      minWidth: (0, _utils.rem)(1),
       transition: 'all 150ms linear',
       backgroundColor: (0, _utils2.getBorder)({
         styleType: styleType,
@@ -172,16 +174,14 @@ var dividedButtonStyle = function dividedButtonStyle(props) {
   return function (theme) {
     return _extends({}, buttonBaseStyle(props)(theme), {
       borderLeft: '0 !important',
-      paddingRight: '0',
+      paddingLeft: (0, _utils.rem)(4),
+      paddingRight: (0, _utils.rem)(4),
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
       width: (0, _utils.rem)(34),
       borderTopRightRadius: theme.spacing.lg,
-      borderBottomRightRadius: theme.spacing.lg,
-      '> span': {
-        marginLeft: (0, _utils.rem)(-5)
-      }
+      borderBottomRightRadius: theme.spacing.lg
     });
   };
 };
@@ -205,11 +205,10 @@ var buttonStyle = function buttonStyle(props) {
 exports.buttonStyle = buttonStyle;
 
 var childrenWrapperStyle = function childrenWrapperStyle() {
-  return function (theme) {
+  return function () {
     return {
-      marginLeft: 0,
-      marginRight: theme.spacing.sm,
-      maxWidth: (0, _utils.rem)(270)
+      lineHeight: (0, _utils.rem)(15),
+      marginLeft: 0
     };
   };
 };
@@ -220,14 +219,12 @@ var labelSpanStyle = function labelSpanStyle(open, hasSelectedValue) {
   return function (theme) {
     return {
       fontWeight: open || hasSelectedValue ? theme.typography.weights.bold : theme.typography.weights.regular,
-      maxWidth: (0, _utils.rem)(210),
       display: 'flex',
       alignItems: 'center',
       div: {
         flex: 'none'
       },
       span: {
-        marginLeft: theme.spacing.xsm,
         fontWeight: theme.typography.weights.bold
       }
     };
@@ -242,7 +239,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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa051QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IEJ1dHRvblN0eWxlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7XG4gIGJvcmRlclN0eWxlUGFyYW1zLFxuICBmb2N1c0JvcmRlclN0eWxlUGFyYW1zLFxuICBnZXRCYWNrZ3JvdW5kQ29sb3IsXG4gIGdldEJvcmRlcixcbiAgZ2V0VGV4dENvbG9yLFxufSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgY2FsY3VsYXRlZENvbG9yLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZzogJzAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIG1heFdpZHRoOiByZW0oMjcwKSxcbiAgICBtaW5XaWR0aDogcmVtKDExMCksXG5cbiAgICAnOmhvdmVyID4gZGl2LCA6YWN0aXZlID4gZGl2Jzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOlxuICAgICAgICAhZGlzYWJsZWQgJiYgIW9wZW5cbiAgICAgICAgICA/IGhhc1NlbGVjdGVkVmFsdWVcbiAgICAgICAgICAgID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoY2FsY3VsYXRlZENvbG9yLmNvbG9yLCAxMDApXG4gICAgICAgICAgICA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIG51bGwsICdwYWxlJylcbiAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICB9LFxuICAgIC8vIG9uIGZvY3VzIGNoYW5nZSB0aGUgdHdvIGRpdnMgb2YgYWRkZWRcbiAgICAnOmZvY3VzID4gZGl2JzogIW9wZW4gJiZcbiAgICAgICFoYXNTZWxlY3RlZFZhbHVlICYmIHtcbiAgICAgICAgYm9yZGVyOiBgJHtmb2N1c0JvcmRlclN0eWxlUGFyYW1zfSAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTUwKX1gLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTApLFxuICAgICAgfSxcbiAgICAvLyB0YXJnZXQgdGhlIGRpdmlkZXIgb24gZm9jdXNcbiAgICAnOmZvY3VzID4gc3Bhbic6ICFvcGVuICYmIHtcbiAgICAgIGJvcmRlclRvcDogYCR7Zm9jdXNCb3JkZXJTdHlsZVBhcmFtc30gJHt0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDU1MCl9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7Zm9jdXNCb3JkZXJTdHlsZVBhcmFtc30gJHt0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDU1MCl9YCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9ICh7XG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgZGlzYWJsZWQsXG4gIG9wZW4sXG4gIHN0eWxlVHlwZSxcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgZmlsdGVyVHlwZSxcbn06IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEzJ10sXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBjb2xvcjogZ2V0VGV4dENvbG9yKHtcbiAgICAgIHRoZW1lLFxuICAgICAgb3BlbixcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgfSksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgc3R5bGVUeXBlLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICB9KSxcbiAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgICAgc3R5bGVUeXBlLFxuICAgICAgICB0aGVtZSxcbiAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgZmlsdGVyVHlwZSxcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgICBvcGVuLFxuICAgICAgICBzdGF0ZTogJ2hvdmVyJyxcbiAgICAgIH0pfWAsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVyID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgb3BlbiwgY2FsY3VsYXRlZENvbG9yLCBzdHlsZVR5cGUsIGhhc1NlbGVjdGVkVmFsdWUsIGZpbHRlclR5cGUgfSA9IHByb3BzO1xuXG4gIHJldHVybiB7XG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgd2lkdGg6IHJlbSgxKSxcbiAgICB0cmFuc2l0aW9uOiAnYWxsIDE1MG1zIGxpbmVhcicsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgICBpc0RpdmlkZXI6IHRydWUsXG4gICAgfSksXG4gICAgYm9yZGVyVG9wOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgfSl9YCxcbiAgICBib3JkZXJCb3R0b206IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGRpdmlkZWRCdXR0b25TdHlsZSA9IChwcm9wczogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIC4uLmJ1dHRvbkJhc2VTdHlsZShwcm9wcykodGhlbWUpLFxuICAgIGJvcmRlckxlZnQ6ICcwICFpbXBvcnRhbnQnLFxuICAgIHBhZGRpbmdSaWdodDogJzAnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6IHJlbSgzNCksXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgJz4gc3Bhbic6IHtcbiAgICAgIG1hcmdpbkxlZnQ6IHJlbSgtNSksXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25TdHlsZSA9IChwcm9wczogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCB7IGZpbHRlclR5cGUgfSA9IHByb3BzO1xuICBjb25zdCBpc1ByZXNldCA9IGZpbHRlclR5cGUgPT09ICdwcmVzZXQnO1xuXG4gIHJldHVybiB7XG4gICAgLi4uYnV0dG9uQmFzZVN0eWxlKHByb3BzKSh0aGVtZSksXG4gICAgcGFkZGluZzogYDAgJHshaXNQcmVzZXQgPyB0aGVtZS5zcGFjaW5nLnhzbSA6IHRoZW1lLnNwYWNpbmcubWR9IDAgJHt0aGVtZS5zcGFjaW5nLm1kfWAsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICAgIGJvcmRlclJpZ2h0OiAhaXNQcmVzZXQgPyAnMCAhaW1wb3J0YW50JyA6IHVuZGVmaW5lZCxcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogIWlzUHJlc2V0ID8gMCA6IHVuZGVmaW5lZCxcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogIWlzUHJlc2V0ID8gMCA6IHVuZGVmaW5lZCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBjaGlsZHJlbldyYXBwZXJTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nLnNtLFxuICAgIG1heFdpZHRoOiByZW0oMjcwKSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBsYWJlbFNwYW5TdHlsZSA9IChvcGVuOiBib29sZWFuLCBoYXNTZWxlY3RlZFZhbHVlOiBib29sZWFuKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgZm9udFdlaWdodDpcbiAgICAgIG9wZW4gfHwgaGFzU2VsZWN0ZWRWYWx1ZSA/IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkIDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXIsXG4gICAgbWF4V2lkdGg6IHJlbSgyMTApLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXY6IHtcbiAgICAgIGZsZXg6ICdub25lJyxcbiAgICB9LFxuICAgIHNwYW46IHtcbiAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNpbmcueHNtLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCB2YWx1ZVNwYW5TdHlsZSA9ICgpID0+IGNzc2BcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBtZW51U3R5bGUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAke3JlbSg0OCl9O1xuICBtaW4td2lkdGg6ICR7cmVtKDI4MCl9O1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IGF1dG87XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG4gIHotaW5kZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAke3JlbSg2MjApfTtcbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ051QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IEJ1dHRvblN0eWxlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7XG4gIGJvcmRlclN0eWxlUGFyYW1zLFxuICBmb2N1c0JvcmRlclN0eWxlUGFyYW1zLFxuICBnZXRCYWNrZ3JvdW5kQ29sb3IsXG4gIGdldEJvcmRlcixcbiAgZ2V0VGV4dENvbG9yLFxufSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgY2FsY3VsYXRlZENvbG9yLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZzogJzAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgICc6aG92ZXIgPiBkaXYsIDphY3RpdmUgPiBkaXYnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICFkaXNhYmxlZCAmJiAhb3BlblxuICAgICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcihjYWxjdWxhdGVkQ29sb3IuY29sb3IsIDEwMClcbiAgICAgICAgICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgbnVsbCwgJ3BhbGUnKVxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgIH0sXG4gICAgLy8gb24gZm9jdXMgY2hhbmdlIHRoZSB0d28gZGl2cyBvZiBhZGRlZFxuICAgICc6Zm9jdXMgPiBkaXYnOiAhb3BlbiAmJlxuICAgICAgIWhhc1NlbGVjdGVkVmFsdWUgJiYge1xuICAgICAgICBib3JkZXI6IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1MCksXG4gICAgICB9LFxuICAgIC8vIHRhcmdldCB0aGUgZGl2aWRlciBvbiBmb2N1c1xuICAgICc6Zm9jdXMgPiBzcGFuJzogIW9wZW4gJiZcbiAgICAgICFoYXNTZWxlY3RlZFZhbHVlICYmIHtcbiAgICAgICAgYm9yZGVyVG9wOiBgJHtmb2N1c0JvcmRlclN0eWxlUGFyYW1zfSAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTUwKX1gLFxuICAgICAgICBib3JkZXJCb3R0b206IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9ICh7XG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgZGlzYWJsZWQsXG4gIG9wZW4sXG4gIHN0eWxlVHlwZSxcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgZmlsdGVyVHlwZSxcbn06IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEzJ10sXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBjb2xvcjogZ2V0VGV4dENvbG9yKHtcbiAgICAgIHRoZW1lLFxuICAgICAgb3BlbixcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgfSksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgc3R5bGVUeXBlLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICB9KSxcbiAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgICAgc3R5bGVUeXBlLFxuICAgICAgICB0aGVtZSxcbiAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgZmlsdGVyVHlwZSxcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgICBvcGVuLFxuICAgICAgICBzdGF0ZTogJ2hvdmVyJyxcbiAgICAgIH0pfWAsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVyID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgb3BlbiwgY2FsY3VsYXRlZENvbG9yLCBzdHlsZVR5cGUsIGhhc1NlbGVjdGVkVmFsdWUsIGZpbHRlclR5cGUgfSA9IHByb3BzO1xuXG4gIHJldHVybiB7XG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgd2lkdGg6IHJlbSgxKSxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBtaW5XaWR0aDogcmVtKDEpLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICAgIGlzRGl2aWRlcjogdHJ1ZSxcbiAgICB9KSxcbiAgICBib3JkZXJUb3A6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGJvcmRlckJvdHRvbTogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZGl2aWRlZEJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgLi4uYnV0dG9uQmFzZVN0eWxlKHByb3BzKSh0aGVtZSksXG4gICAgYm9yZGVyTGVmdDogJzAgIWltcG9ydGFudCcsXG4gICAgcGFkZGluZ0xlZnQ6IHJlbSg0KSxcbiAgICBwYWRkaW5nUmlnaHQ6IHJlbSg0KSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIHdpZHRoOiByZW0oMzQpLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGlzUHJlc2V0ID0gZmlsdGVyVHlwZSA9PT0gJ3ByZXNldCc7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBwYWRkaW5nOiBgMCAkeyFpc1ByZXNldCA/IHRoZW1lLnNwYWNpbmcueHNtIDogdGhlbWUuc3BhY2luZy5tZH0gMCAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyUmlnaHQ6ICFpc1ByZXNldCA/ICcwICFpbXBvcnRhbnQnIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGNoaWxkcmVuV3JhcHBlclN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGxpbmVIZWlnaHQ6IHJlbSgxNSksXG4gICAgbWFyZ2luTGVmdDogMCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBsYWJlbFNwYW5TdHlsZSA9IChvcGVuOiBib29sZWFuLCBoYXNTZWxlY3RlZFZhbHVlOiBib29sZWFuKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgZm9udFdlaWdodDpcbiAgICAgIG9wZW4gfHwgaGFzU2VsZWN0ZWRWYWx1ZSA/IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkIDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXIsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpdjoge1xuICAgICAgZmxleDogJ25vbmUnLFxuICAgIH0sXG4gICAgc3Bhbjoge1xuICAgICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCB2YWx1ZVNwYW5TdHlsZSA9ICgpID0+IGNzc2BcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBtZW51U3R5bGUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAke3JlbSg0OCl9O1xuICBtaW4td2lkdGg6ICR7cmVtKDI4MCl9O1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IGF1dG87XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG4gIHotaW5kZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAke3JlbSg2MjApfTtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -258,7 +255,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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeU5vRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IEJ1dHRvblN0eWxlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7XG4gIGJvcmRlclN0eWxlUGFyYW1zLFxuICBmb2N1c0JvcmRlclN0eWxlUGFyYW1zLFxuICBnZXRCYWNrZ3JvdW5kQ29sb3IsXG4gIGdldEJvcmRlcixcbiAgZ2V0VGV4dENvbG9yLFxufSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgY2FsY3VsYXRlZENvbG9yLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZzogJzAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIG1heFdpZHRoOiByZW0oMjcwKSxcbiAgICBtaW5XaWR0aDogcmVtKDExMCksXG5cbiAgICAnOmhvdmVyID4gZGl2LCA6YWN0aXZlID4gZGl2Jzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOlxuICAgICAgICAhZGlzYWJsZWQgJiYgIW9wZW5cbiAgICAgICAgICA/IGhhc1NlbGVjdGVkVmFsdWVcbiAgICAgICAgICAgID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoY2FsY3VsYXRlZENvbG9yLmNvbG9yLCAxMDApXG4gICAgICAgICAgICA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIG51bGwsICdwYWxlJylcbiAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICB9LFxuICAgIC8vIG9uIGZvY3VzIGNoYW5nZSB0aGUgdHdvIGRpdnMgb2YgYWRkZWRcbiAgICAnOmZvY3VzID4gZGl2JzogIW9wZW4gJiZcbiAgICAgICFoYXNTZWxlY3RlZFZhbHVlICYmIHtcbiAgICAgICAgYm9yZGVyOiBgJHtmb2N1c0JvcmRlclN0eWxlUGFyYW1zfSAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTUwKX1gLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTApLFxuICAgICAgfSxcbiAgICAvLyB0YXJnZXQgdGhlIGRpdmlkZXIgb24gZm9jdXNcbiAgICAnOmZvY3VzID4gc3Bhbic6ICFvcGVuICYmIHtcbiAgICAgIGJvcmRlclRvcDogYCR7Zm9jdXNCb3JkZXJTdHlsZVBhcmFtc30gJHt0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDU1MCl9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7Zm9jdXNCb3JkZXJTdHlsZVBhcmFtc30gJHt0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDU1MCl9YCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9ICh7XG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgZGlzYWJsZWQsXG4gIG9wZW4sXG4gIHN0eWxlVHlwZSxcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgZmlsdGVyVHlwZSxcbn06IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEzJ10sXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBjb2xvcjogZ2V0VGV4dENvbG9yKHtcbiAgICAgIHRoZW1lLFxuICAgICAgb3BlbixcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgfSksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgc3R5bGVUeXBlLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICB9KSxcbiAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgICAgc3R5bGVUeXBlLFxuICAgICAgICB0aGVtZSxcbiAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgZmlsdGVyVHlwZSxcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgICBvcGVuLFxuICAgICAgICBzdGF0ZTogJ2hvdmVyJyxcbiAgICAgIH0pfWAsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVyID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgb3BlbiwgY2FsY3VsYXRlZENvbG9yLCBzdHlsZVR5cGUsIGhhc1NlbGVjdGVkVmFsdWUsIGZpbHRlclR5cGUgfSA9IHByb3BzO1xuXG4gIHJldHVybiB7XG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgd2lkdGg6IHJlbSgxKSxcbiAgICB0cmFuc2l0aW9uOiAnYWxsIDE1MG1zIGxpbmVhcicsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgICBpc0RpdmlkZXI6IHRydWUsXG4gICAgfSksXG4gICAgYm9yZGVyVG9wOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgfSl9YCxcbiAgICBib3JkZXJCb3R0b206IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGRpdmlkZWRCdXR0b25TdHlsZSA9IChwcm9wczogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIC4uLmJ1dHRvbkJhc2VTdHlsZShwcm9wcykodGhlbWUpLFxuICAgIGJvcmRlckxlZnQ6ICcwICFpbXBvcnRhbnQnLFxuICAgIHBhZGRpbmdSaWdodDogJzAnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6IHJlbSgzNCksXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgJz4gc3Bhbic6IHtcbiAgICAgIG1hcmdpbkxlZnQ6IHJlbSgtNSksXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25TdHlsZSA9IChwcm9wczogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCB7IGZpbHRlclR5cGUgfSA9IHByb3BzO1xuICBjb25zdCBpc1ByZXNldCA9IGZpbHRlclR5cGUgPT09ICdwcmVzZXQnO1xuXG4gIHJldHVybiB7XG4gICAgLi4uYnV0dG9uQmFzZVN0eWxlKHByb3BzKSh0aGVtZSksXG4gICAgcGFkZGluZzogYDAgJHshaXNQcmVzZXQgPyB0aGVtZS5zcGFjaW5nLnhzbSA6IHRoZW1lLnNwYWNpbmcubWR9IDAgJHt0aGVtZS5zcGFjaW5nLm1kfWAsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICAgIGJvcmRlclJpZ2h0OiAhaXNQcmVzZXQgPyAnMCAhaW1wb3J0YW50JyA6IHVuZGVmaW5lZCxcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogIWlzUHJlc2V0ID8gMCA6IHVuZGVmaW5lZCxcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogIWlzUHJlc2V0ID8gMCA6IHVuZGVmaW5lZCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBjaGlsZHJlbldyYXBwZXJTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nLnNtLFxuICAgIG1heFdpZHRoOiByZW0oMjcwKSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBsYWJlbFNwYW5TdHlsZSA9IChvcGVuOiBib29sZWFuLCBoYXNTZWxlY3RlZFZhbHVlOiBib29sZWFuKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgZm9udFdlaWdodDpcbiAgICAgIG9wZW4gfHwgaGFzU2VsZWN0ZWRWYWx1ZSA/IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkIDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXIsXG4gICAgbWF4V2lkdGg6IHJlbSgyMTApLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXY6IHtcbiAgICAgIGZsZXg6ICdub25lJyxcbiAgICB9LFxuICAgIHNwYW46IHtcbiAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNpbmcueHNtLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCB2YWx1ZVNwYW5TdHlsZSA9ICgpID0+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdU5vRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IEJ1dHRvblN0eWxlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7XG4gIGJvcmRlclN0eWxlUGFyYW1zLFxuICBmb2N1c0JvcmRlclN0eWxlUGFyYW1zLFxuICBnZXRCYWNrZ3JvdW5kQ29sb3IsXG4gIGdldEJvcmRlcixcbiAgZ2V0VGV4dENvbG9yLFxufSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgY2FsY3VsYXRlZENvbG9yLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZzogJzAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgICc6aG92ZXIgPiBkaXYsIDphY3RpdmUgPiBkaXYnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICFkaXNhYmxlZCAmJiAhb3BlblxuICAgICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcihjYWxjdWxhdGVkQ29sb3IuY29sb3IsIDEwMClcbiAgICAgICAgICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgbnVsbCwgJ3BhbGUnKVxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgIH0sXG4gICAgLy8gb24gZm9jdXMgY2hhbmdlIHRoZSB0d28gZGl2cyBvZiBhZGRlZFxuICAgICc6Zm9jdXMgPiBkaXYnOiAhb3BlbiAmJlxuICAgICAgIWhhc1NlbGVjdGVkVmFsdWUgJiYge1xuICAgICAgICBib3JkZXI6IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1MCksXG4gICAgICB9LFxuICAgIC8vIHRhcmdldCB0aGUgZGl2aWRlciBvbiBmb2N1c1xuICAgICc6Zm9jdXMgPiBzcGFuJzogIW9wZW4gJiZcbiAgICAgICFoYXNTZWxlY3RlZFZhbHVlICYmIHtcbiAgICAgICAgYm9yZGVyVG9wOiBgJHtmb2N1c0JvcmRlclN0eWxlUGFyYW1zfSAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTUwKX1gLFxuICAgICAgICBib3JkZXJCb3R0b206IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9ICh7XG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgZGlzYWJsZWQsXG4gIG9wZW4sXG4gIHN0eWxlVHlwZSxcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgZmlsdGVyVHlwZSxcbn06IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEzJ10sXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBjb2xvcjogZ2V0VGV4dENvbG9yKHtcbiAgICAgIHRoZW1lLFxuICAgICAgb3BlbixcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgfSksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgc3R5bGVUeXBlLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICB9KSxcbiAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgICAgc3R5bGVUeXBlLFxuICAgICAgICB0aGVtZSxcbiAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgZmlsdGVyVHlwZSxcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgICBvcGVuLFxuICAgICAgICBzdGF0ZTogJ2hvdmVyJyxcbiAgICAgIH0pfWAsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVyID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgb3BlbiwgY2FsY3VsYXRlZENvbG9yLCBzdHlsZVR5cGUsIGhhc1NlbGVjdGVkVmFsdWUsIGZpbHRlclR5cGUgfSA9IHByb3BzO1xuXG4gIHJldHVybiB7XG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgd2lkdGg6IHJlbSgxKSxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBtaW5XaWR0aDogcmVtKDEpLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICAgIGlzRGl2aWRlcjogdHJ1ZSxcbiAgICB9KSxcbiAgICBib3JkZXJUb3A6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGJvcmRlckJvdHRvbTogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZGl2aWRlZEJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgLi4uYnV0dG9uQmFzZVN0eWxlKHByb3BzKSh0aGVtZSksXG4gICAgYm9yZGVyTGVmdDogJzAgIWltcG9ydGFudCcsXG4gICAgcGFkZGluZ0xlZnQ6IHJlbSg0KSxcbiAgICBwYWRkaW5nUmlnaHQ6IHJlbSg0KSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIHdpZHRoOiByZW0oMzQpLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGlzUHJlc2V0ID0gZmlsdGVyVHlwZSA9PT0gJ3ByZXNldCc7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBwYWRkaW5nOiBgMCAkeyFpc1ByZXNldCA/IHRoZW1lLnNwYWNpbmcueHNtIDogdGhlbWUuc3BhY2luZy5tZH0gMCAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyUmlnaHQ6ICFpc1ByZXNldCA/ICcwICFpbXBvcnRhbnQnIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGNoaWxkcmVuV3JhcHBlclN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGxpbmVIZWlnaHQ6IHJlbSgxNSksXG4gICAgbWFyZ2luTGVmdDogMCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBsYWJlbFNwYW5TdHlsZSA9IChvcGVuOiBib29sZWFuLCBoYXNTZWxlY3RlZFZhbHVlOiBib29sZWFuKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgZm9udFdlaWdodDpcbiAgICAgIG9wZW4gfHwgaGFzU2VsZWN0ZWRWYWx1ZSA/IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkIDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXIsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpdjoge1xuICAgICAgZmxleDogJ25vbmUnLFxuICAgIH0sXG4gICAgc3Bhbjoge1xuICAgICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCB2YWx1ZVNwYW5TdHlsZSA9ICgpID0+IGNzc2BcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBtZW51U3R5bGUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAke3JlbSg0OCl9O1xuICBtaW4td2lkdGg6ICR7cmVtKDI4MCl9O1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IGF1dG87XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG4gIHotaW5kZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAke3JlbSg2MjApfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;")
     );
   };
 };

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

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { AcceptedIconNames } from '../../../Icon/types';
+import { Props } from '../../types';
+declare type FilterBaseProps = {
+    children?: ReactNode;
+    isDatePicker?: boolean;
+    handleOpen: () => void;
+    iconName: AcceptedIconNames;
+    onClear: () => void;
+    selectedItemLabel?: string;
+    open: boolean;
+    hasSelectedValue: boolean;
+};
+export declare const FilterBase: React.ForwardRefExoticComponent<FilterBaseProps & Pick<Props, "disabled" | "label" | "dataTestId" | "styleType" | "buttonType" | "filterType"> & React.RefAttributes<HTMLButtonElement>>;
+export default FilterBase;

package/dist/components/Filter/components/FilterBase/FilterBase.js

@@ -0,0 +1,125 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.FilterBase = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useTheme = _interopRequireDefault(require("../../../../hooks/useTheme"));
+
+var _useTypeColorToColorMatch = require("../../../../hooks/useTypeColorToColorMatch");
+
+var _helpers = require("../../../../utils/helpers");
+
+var _Icon = _interopRequireDefault(require("../../../Icon"));
+
+var _Filter = require("../../Filter.style");
+
+var _utils = require("../../utils");
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var FilterBase = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var dataTestId = props.dataTestId,
+      _props$isDatePicker = props.isDatePicker,
+      isDatePicker = _props$isDatePicker === void 0 ? false : _props$isDatePicker,
+      handleOpen = props.handleOpen,
+      disabled = props.disabled,
+      onClear = props.onClear,
+      selectedItemLabel = props.selectedItemLabel,
+      open = props.open,
+      hasSelectedValue = props.hasSelectedValue,
+      label = props.label,
+      iconName = props.iconName,
+      _props$buttonType = props.buttonType,
+      buttonType = _props$buttonType === void 0 ? 'primary' : _props$buttonType,
+      _props$filterType = props.filterType,
+      filterType = _props$filterType === void 0 ? 'preset' : _props$filterType,
+      styleType = props.styleType,
+      children = props.children;
+
+  var _useTypeColorToColorM = (0, _useTypeColorToColorMatch.useTypeColorToColorMatch)(),
+      calculateColorBetweenColorAndType = _useTypeColorToColorM.calculateColorBetweenColorAndType;
+
+  var calculatedColor = calculateColorBetweenColorAndType('', buttonType);
+  var theme = (0, _useTheme["default"])();
+  var pickIconColor = (0, _react.useCallback)(function (isCloseButton) {
+    if (isCloseButton === void 0) {
+      isCloseButton = false;
+    }
+
+    if (open) {
+      return (0, _utils.getTextColor)({
+        theme: theme,
+        open: open,
+        calculatedColor: calculatedColor,
+        hasSelectedValue: hasSelectedValue
+      });
+    }
+
+    if (isCloseButton) {
+      if (hasSelectedValue) {
+        return theme.utils.getColor(calculatedColor.color, 550);
+      }
+
+      return theme.utils.getColor('darkGrey', 400);
+    }
+
+    return theme.utils.getColor('darkGrey', 850);
+  }, [calculatedColor.color, hasSelectedValue, open, theme.utils, theme.palette]);
+  var buttonStyleProps = {
+    calculatedColor: calculatedColor,
+    buttonType: buttonType,
+    disabled: disabled,
+    open: open,
+    styleType: styleType,
+    hasSelectedValue: hasSelectedValue,
+    filterType: filterType
+  };
+  return (0, _react2.jsx)("div", {
+    css: (0, _Filter.wrapperStyle)(),
+    "data-testid": dataTestId
+  }, (0, _react2.jsx)("button", {
+    ref: ref,
+    "data-testid": (0, _helpers.generateTestDataId)('filter', dataTestId),
+    onClick: handleOpen,
+    disabled: disabled,
+    css: (0, _Filter.buttonWrapperStyle)(buttonStyleProps)
+  }, (0, _react2.jsx)("div", {
+    css: (0, _Filter.buttonStyle)(buttonStyleProps)
+  }, (0, _react2.jsx)("div", {
+    css: (0, _Filter.buttonSpanStyle)()
+  }, (0, _react2.jsx)("div", {
+    css: (0, _Filter.childrenWrapperStyle)()
+  }, (0, _react2.jsx)("span", {
+    css: (0, _Filter.labelSpanStyle)(open, hasSelectedValue)
+  }, label && (0, _react2.jsx)("div", null, label, " ", !isDatePicker ? (0, _react2.jsx)(_react["default"].Fragment, null, ":\xA0") : ''), selectedItemLabel && (0, _react2.jsx)("span", {
+    css: (0, _Filter.valueSpanStyle)()
+  }, selectedItemLabel))), (0, _react2.jsx)(_Icon["default"], {
+    name: iconName,
+    size: isDatePicker ? 14 : 7,
+    color: pickIconColor()
+  }))), filterType === 'added' && (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("span", {
+    css: (0, _Filter.divider)(buttonStyleProps)
+  }), (0, _react2.jsx)("div", {
+    css: (0, _Filter.dividedButtonStyle)(buttonStyleProps)
+  }, (0, _react2.jsx)(_Icon["default"], {
+    size: 19,
+    name: 'closeTag',
+    color: pickIconColor(true),
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      onClear();
+    }
+  })))), children);
+});
+exports.FilterBase = FilterBase;
+FilterBase.displayName = 'FilterBase';
+var _default = FilterBase;
+exports["default"] = _default;

package/dist/components/Filter/components/FilterBase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FilterBase';

package/dist/components/Filter/components/FilterBase/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _FilterBase = _interopRequireDefault(require("./FilterBase"));
+
+exports["default"] = _FilterBase["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/components/Icon/assets/iconSelector.js

@@ -192,14 +192,15 @@ CalendarEmptyIcon.defaultProps = {
 
 var CalendarFilledIcon = function CalendarFilledIcon(props) {
   return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
-    d: "M2 6v12h14V6H2zm13 8v2H7v-2h8zm0-3v2H3v-2h12zm-4-3v2H3V8h8zM0 20V2h3V0h2v2h8V0h2v2h3v18H0z",
-    fill: "#121212",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.593 2h2v2h8V2h2v2h3v18h-18V4h3V2zm13 18V8h-14v12h14zm-13-10h8v2h-8v-2zm12 6h-8v2h8v-2zm-12-3h12v2h-12v-2z",
+    fill: "#0E0E17"
   }));
 };
 
 CalendarFilledIcon.defaultProps = {
-  viewBox: "0 0 18 20",
+  viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
 };
 

package/dist/components/List/ListItem/ListItem.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _utils = require("../utils");
 
@@ -11,7 +11,9 @@ var _ListItem = require("./ListItem.style");
 
 var _react2 = require("@emotion/react");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var ListItem = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var size = _ref.size,
@@ -27,13 +29,11 @@ var ListItem = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       searchTerm = _ref.searchTerm,
       dataTestId = _ref.dataTestId,
       isGroupItem = _ref.isGroupItem;
-
-  var handleListItemSelect = function handleListItemSelect() {
-    if (content && handleOptionClick) {
+  var handleListItemSelect = (0, _react.useCallback)(function () {
+    if (content && handleOptionClick && !disabled) {
       handleOptionClick(content);
     }
-  };
-
+  }, [content, disabled, handleOptionClick]);
   return (0, _react2.jsx)("div", {
     css: (0, _ListItem.listItemStyle)({
       size: size,

package/dist/components/List/ListItem/ListItem.style.js

@@ -20,7 +20,7 @@ var listItemStyle = function listItemStyle(_ref2) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("height:", size === 'normal' ? (0, _utils.rem)(56) : (0, _utils.rem)(46), ";font-size:", theme.typography.fontSizes[size === 'normal' ? '16' : '14'], ";background-color:", selected ? theme.utils.getColor('blue', 50) : theme.palette.white, ";display:flex;align-items:center;padding:0px ", theme.spacing.md, " 0px ", isGroupItem ? theme.spacing.xl : theme.spacing.md, ";font-weight:", selected && theme.typography.weights.medium, ";", highlighted && 'font-weight: 500;', " &:hover{background-color:", theme.utils.getColor('lightGrey', 50), ";}", disabled && "\n        opacity: 0.5;\n        cursor: not-allowed;\n    ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG4gIGlzR3JvdXBJdGVtLFxufToge1xuICBzaXplOiBMaXN0Um93U2l6ZTtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGhpZ2hsaWdodGVkOiBib29sZWFuO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNHcm91cEl0ZW0/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfSAwcHggJHtpc0dyb3VwSXRlbSA/IHRoZW1lLnNwYWNpbmcueGwgOiB0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7c2VsZWN0ZWQgJiYgdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG5cbiAgJHtoaWdobGlnaHRlZCAmJiAnZm9udC13ZWlnaHQ6IDUwMDsnfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDUwKX07XG4gIH1cblxuICAke2Rpc2FibGVkICYmXG4gICAgYFxuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;")
+      (0, _react.css)("height:", size === 'normal' ? (0, _utils.rem)(56) : (0, _utils.rem)(46), ";font-size:", theme.typography.fontSizes[size === 'normal' ? '16' : '14'], ";background-color:", selected ? theme.utils.getColor('blue', 50) : theme.palette.white, ";display:flex;align-items:center;padding:0px ", theme.spacing.md, " 0px ", isGroupItem ? theme.spacing.xl : theme.spacing.md, ";font-weight:", selected && theme.typography.weights.medium, ";cursor:pointer;", highlighted && 'font-weight: 500;', " &:hover{background-color:", theme.utils.getColor('lightGrey', 50), ";}", disabled && "\n        opacity: 0.5;\n        cursor: not-allowed;\n    ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG4gIGlzR3JvdXBJdGVtLFxufToge1xuICBzaXplOiBMaXN0Um93U2l6ZTtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGhpZ2hsaWdodGVkOiBib29sZWFuO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNHcm91cEl0ZW0/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfSAwcHggJHtpc0dyb3VwSXRlbSA/IHRoZW1lLnNwYWNpbmcueGwgOiB0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7c2VsZWN0ZWQgJiYgdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAke2hpZ2hsaWdodGVkICYmICdmb250LXdlaWdodDogNTAwOyd9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNTApfTtcbiAgfVxuXG4gICR7ZGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRTdHlsZSA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGN1cnNvcjogaW5oZXJpdDtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;")
     );
   };
 };
@@ -28,12 +28,12 @@ var listItemStyle = function listItemStyle(_ref2) {
 exports.listItemStyle = listItemStyle;
 
 var _ref = process.env.NODE_ENV === "production" ? {
-  name: "l8l8b8",
-  styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
+  name: "1q5s19c",
+  styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:inherit"
 } : {
-  name: "4irdtt-contentStyle",
-  styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;label:contentStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0N1RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG4gIGlzR3JvdXBJdGVtLFxufToge1xuICBzaXplOiBMaXN0Um93U2l6ZTtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGhpZ2hsaWdodGVkOiBib29sZWFuO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNHcm91cEl0ZW0/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfSAwcHggJHtpc0dyb3VwSXRlbSA/IHRoZW1lLnNwYWNpbmcueGwgOiB0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7c2VsZWN0ZWQgJiYgdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG5cbiAgJHtoaWdobGlnaHRlZCAmJiAnZm9udC13ZWlnaHQ6IDUwMDsnfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDUwKX07XG4gIH1cblxuICAke2Rpc2FibGVkICYmXG4gICAgYFxuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuYDtcbiJdfQ== */",
+  name: "to6zl5-contentStyle",
+  styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:inherit;label:contentStyle;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUN1RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG4gIGlzR3JvdXBJdGVtLFxufToge1xuICBzaXplOiBMaXN0Um93U2l6ZTtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGhpZ2hsaWdodGVkOiBib29sZWFuO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNHcm91cEl0ZW0/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfSAwcHggJHtpc0dyb3VwSXRlbSA/IHRoZW1lLnNwYWNpbmcueGwgOiB0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7c2VsZWN0ZWQgJiYgdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAke2hpZ2hsaWdodGVkICYmICdmb250LXdlaWdodDogNTAwOyd9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNTApfTtcbiAgfVxuXG4gICR7ZGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRTdHlsZSA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGN1cnNvcjogaW5oZXJpdDtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 

package/dist/components/Select/Select.js

@@ -3,13 +3,9 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _react = require("@emotion/react");
-
 var _lodash = require("lodash");
 
-var _react2 = _interopRequireWildcard(require("react"));
-
-var _utils = require("../../theme/utils");
+var _react = _interopRequireWildcard(require("react"));
 
 var _helpers = require("../../utils/helpers");
 
@@ -31,6 +27,8 @@ var _Select = require("./Select.style");
 
 var _Loader = _interopRequireDefault(require("../Loader"));
 
+var _react2 = require("@emotion/react");
+
 var _excluded = ["handleSelectedOption", "defaultValue", "selectedOption", "multi", "options", "isAsync", "isLoading", "asyncSearch", "status", "minCharactersToSearch", "highlightSearch", "isSearchable", "isVirtualized", "styleType", "disabled", "locked", "dataTestId"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -50,7 +48,7 @@ var emptyValue = {
 
 var ON_CHANGE_MOCK = function ON_CHANGE_MOCK() {};
 
-var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
+var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var _ref$handleSelectedOp = _ref.handleSelectedOption,
       handleSelectedOption = _ref$handleSelectedOp === void 0 ? function () {} : _ref$handleSelectedOp,
       _ref$defaultValue = _ref.defaultValue,
@@ -84,23 +82,23 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
 
   var theme = (0, _useTheme["default"])();
 
-  var _React$useState = _react2["default"].useState(false),
+  var _React$useState = _react["default"].useState(false),
       open = _React$useState[0],
       setOpen = _React$useState[1];
 
-  var inputRef = _react2["default"].useRef(null);
+  var inputRef = _react["default"].useRef(null);
 
   var combinedRefs = (0, _useCombinedRefs["default"])(inputRef, ref);
 
-  var _React$useState2 = _react2["default"].useState(defaultValue || selectedOption),
+  var _React$useState2 = _react["default"].useState(defaultValue || selectedOption),
       inputValue = _React$useState2[0],
       setInputValue = _React$useState2[1];
 
-  var _React$useState3 = _react2["default"].useState(''),
+  var _React$useState3 = _react["default"].useState(''),
       searchValue = _React$useState3[0],
       setSearchValue = _React$useState3[1];
 
-  (0, _react2.useEffect)(function () {
+  (0, _react.useEffect)(function () {
     setInputValue(defaultValue || selectedOption);
   }, [defaultValue, selectedOption]);
 
@@ -124,11 +122,11 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
     }
   };
 
-  var debouncedOnChange = _react2["default"].useCallback((0, _lodash.debounce)(function (term) {
+  var debouncedOnChange = _react["default"].useCallback((0, _lodash.debounce)(function (term) {
     asyncSearch(term);
   }, 400), []);
 
-  var handleOnInput = _react2["default"].useCallback(function (event) {
+  var handleOnInput = _react["default"].useCallback(function (event) {
     (0, _handleSearch["default"])({
       event: event,
       isSearchable: isSearchable,
@@ -139,7 +137,7 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
     });
   }, [debouncedOnChange, isAsync, isSearchable, minCharactersToSearch]);
 
-  var filteredOptions = (0, _react2.useMemo)(function () {
+  var filteredOptions = (0, _react.useMemo)(function () {
     if (isAsync) {
       return options;
     }
@@ -160,15 +158,15 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
       });
     });
   }, [searchValue, options, isAsync]);
-  var rightIconNameSelector = (0, _react2.useMemo)(function () {
+  var rightIconNameSelector = (0, _react.useMemo)(function () {
     if (isSearchable) {
       return searchValue || inputValue.value ? 'close' : 'search';
     }
 
-    return open ? 'chevronLargeUp' : 'chevronLargeDown';
-  }, [inputValue.value, isSearchable, open, searchValue]);
+    return 'triangleDown';
+  }, [inputValue.value, isSearchable, searchValue]);
 
-  var handleIconClick = _react2["default"].useCallback(function () {
+  var handleIconClick = _react["default"].useCallback(function () {
     if (isSearchable && open) {
       setOpen(!open);
     }
@@ -180,21 +178,17 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
     }
   }, [asyncSearch, inputValue.value, isSearchable, open, searchValue]);
 
-  var rightIconRender = (0, _react2.useMemo)(function () {
-    return (0, _react.jsx)("div", {
-      css:
-      /*#__PURE__*/
-
-      /*#__PURE__*/
-      (0, _react.css)("display:flex;gap:", (0, _utils.rem)(25), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconRender;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBMa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0LCB1c2VNZW1vLCBLZXlib2FyZEV2ZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuaW1wb3J0IHsgZ2VuZXJhdGVUZXN0RGF0YUlkIH0gZnJvbSAndXRpbHMvaGVscGVycyc7XG5cbmltcG9ydCB1c2VDb21iaW5lZFJlZnMgZnJvbSAnLi4vLi4vaG9va3MvdXNlQ29tYmluZWRSZWZzJztcbmltcG9ydCB1c2VUaGVtZSBmcm9tICcuLi8uLi9ob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgeyBDaGFuZ2VFdmVudCB9IGZyb20gJy4uLy4uL3V0aWxzL2NvbW1vbic7XG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJztcbmltcG9ydCBUZXh0RmllbGQgZnJvbSAnLi4vVGV4dEZpZWxkJztcbmltcG9ydCB7IFByb3BzIGFzIFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vVGV4dEZpZWxkL1RleHRGaWVsZCc7XG5pbXBvcnQgQ2xpY2tBd2F5TGlzdGVuZXIgZnJvbSAnLi4vdXRpbHMvQ2xpY2tBd2F5TGlzdGVuZXInO1xuaW1wb3J0IGhhbmRsZVNlYXJjaCBmcm9tICcuLi91dGlscy9oYW5kbGVTZWFyY2gnO1xuaW1wb3J0IFNlbGVjdE1lbnUgZnJvbSAnLi9jb21wb25lbnRzL1NlbGVjdE1lbnUvU2VsZWN0TWVudSc7XG5pbXBvcnQgeyBzZWxlY3RXcmFwcGVyIH0gZnJvbSAnLi9TZWxlY3Quc3R5bGUnO1xuaW1wb3J0IExvYWRlciBmcm9tICdjb21wb25lbnRzL0xvYWRlcic7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbiA9IHtcbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWw6IHN0cmluZztcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIHRvb2x0aXBJbmZvPzogc3RyaW5nO1xuICBvcHRpb25zPzogU2VsZWN0T3B0aW9uW107XG59O1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IGlzIHVzZWQgdG8gcmV0dXJuIHRoZSBzZWxlY3RlZCBvcHRpb25zICovXG4gIGhhbmRsZVNlbGVjdGVkT3B0aW9uPzogKHNlbGVjdGVkT3B0aW9uOiBTZWxlY3RPcHRpb24pID0+IHZvaWQ7XG4gIC8qKiB0aGUgZGVmYXVsdCB2YWx1ZSBvZiB0aGUgc2VsZWN0IGlmIG5lZWRlZCAqL1xuICAvKiogVE9ETzogZGVmYXVsdFZhbHVlIGlzIGR1cGxpY2F0aW9uIG9mIHNlbGVjdGVkT3B0aW9uKi9cbiAgZGVmYXVsdFZhbHVlPzogU2VsZWN0T3B0aW9uO1xuICAvKiogdGhlIHZhbHVlIG9mIHRoZSBzZWxlY3QgaWYgc2VsZWN0IGlzIGNvbnRyb2xsZWQgKi9cbiAgc2VsZWN0ZWRPcHRpb24/OiBTZWxlY3RPcHRpb247XG4gIC8qKiBpZiB0aGUgc2VsZWN0IGhhcyB0YWdzICovXG4gIG11bHRpPzogYm9vbGVhbjtcbiAgLyoqIE9wdGlvbnMgZm9yIHRoZSBzZWxlY3QgZHJvcGRvd24gKi9cbiAgb3B0aW9uczogU2VsZWN0T3B0aW9uW107XG4gIC8qKiBpZiB0aGUgY29tcG9uZW50IGlzIHVzZWQgYXN5bmNocm9ub3VzbHkgKi9cbiAgaXNBc3luYz86IGJvb2xlYW47XG4gIC8qKiB0aGUgZnVuY3Rpb24gdG8gZmV0Y2ggbmV3IG9wdGlvbnMgKi9cbiAgYXN5bmNTZWFyY2g/OiAodGVybTogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogYWZ0ZXIgaG93IG1hbnkgY2hhcmFjdGVycyB0byBzdGFydCBzZWFyY2hpbmcgKGRlZmF1bHQgPSAwKSAqL1xuICBtaW5DaGFyYWN0ZXJzVG9TZWFyY2g/OiBudW1iZXI7XG4gIC8qKiBpZiBzZWFyY2hlZCB0ZXh0IHNob3VsZCBiZSBoaWdobGlnaHRlZCBpbiBhdmFpbGFibGUgb3B0aW9ucyAqL1xuICBoaWdobGlnaHRTZWFyY2g/OiBib29sZWFuO1xuICAvKiogaWYgdGhlIG9wdGlvbnMgYXJlIHNlYXJjaGFibGUgKi9cbiAgaXNTZWFyY2hhYmxlPzogYm9vbGVhbjtcbiAgLyoqIGRhdGEtdGVzdGlkIHN1ZmZpeCAqL1xuICBkYXRhVGVzdElkPzogc3RyaW5nO1xuICAvKiogaWYgY29tcG9uZW50IGlzIGxvYWRpbmcgKi9cbiAgaXNMb2FkaW5nPzogYm9vbGVhbjtcbiAgLyoqIGlmIG9wdGlvbnMgbGlzdCBpcyB2aXJ0dWFsaXplZCAqL1xuICBpc1ZpcnR1YWxpemVkPzogYm9vbGVhbjtcbn0gJiBUZXh0RmllbGRQcm9wcztcblxuY29uc3QgZW1wdHlWYWx1ZSA9IHsgbGFiZWw6ICcnLCB2YWx1ZTogJycgfTtcblxuLy8gTW9ja3Mgb25DaGFuZ2UgdG8gYXZvaWQgcmVhZG9ubHkgd2FybmluZyBmb3IgVGV4dEZpZWxkIENvbXBvbmVudFxuY29uc3QgT05fQ0hBTkdFX01PQ0sgPSAoKSA9PiB7fTtcblxudHlwZSBJbnB1dFByb3BzID0gUGFydGlhbDxPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdzaXplJz4+O1xuXG5jb25zdCBTZWxlY3QgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFByb3BzICYgSW5wdXRQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBoYW5kbGVTZWxlY3RlZE9wdGlvbiA9ICgpID0+IHt9LFxuICAgICAgZGVmYXVsdFZhbHVlID0gdW5kZWZpbmVkLFxuICAgICAgc2VsZWN0ZWRPcHRpb24gPSBlbXB0eVZhbHVlLFxuICAgICAgbXVsdGkgPSBmYWxzZSxcbiAgICAgIG9wdGlvbnMsXG4gICAgICBpc0FzeW5jID0gZmFsc2UsXG4gICAgICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgICAgIGFzeW5jU2VhcmNoID0gKCkgPT4ge30sXG4gICAgICBzdGF0dXMgPSAnbm9ybWFsJyxcbiAgICAgIG1pbkNoYXJhY3RlcnNUb1NlYXJjaCA9IDAsXG4gICAgICBoaWdobGlnaHRTZWFyY2ggPSBmYWxzZSxcbiAgICAgIGlzU2VhcmNoYWJsZSA9IHRydWUsXG4gICAgICBpc1ZpcnR1YWxpemVkID0gZmFsc2UsXG4gICAgICBzdHlsZVR5cGUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGxvY2tlZCxcbiAgICAgIGRhdGFUZXN0SWQsXG4gICAgICAuLi5yZXN0SW5wdXRQcm9wc1xuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBbb3Blbiwgc2V0T3Blbl0gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSBSZWFjdC51c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG4gICAgY29uc3QgY29tYmluZWRSZWZzID0gdXNlQ29tYmluZWRSZWZzKGlucHV0UmVmLCByZWYpO1xuICAgIGNvbnN0IFtpbnB1dFZhbHVlLCBzZXRJbnB1dFZhbHVlXSA9IFJlYWN0LnVzZVN0YXRlKGRlZmF1bHRWYWx1ZSB8fCBzZWxlY3RlZE9wdGlvbik7XG4gICAgY29uc3QgW3NlYXJjaFZhbHVlLCBzZXRTZWFyY2hWYWx1ZV0gPSBSZWFjdC51c2VTdGF0ZSgnJyk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0SW5wdXRWYWx1ZShkZWZhdWx0VmFsdWUgfHwgc2VsZWN0ZWRPcHRpb24pO1xuICAgIH0sIFtkZWZhdWx0VmFsdWUsIHNlbGVjdGVkT3B0aW9uXSk7XG5cbiAgICBjb25zdCBoYW5kbGVPcHRpb25DbGljayA9IChvcHRpb246IFNlbGVjdE9wdGlvbikgPT4ge1xuICAgICAgc2V0SW5wdXRWYWx1ZShvcHRpb24pO1xuICAgICAgc2V0T3BlbihmYWxzZSk7XG5cbiAgICAgIGlmIChpc1NlYXJjaGFibGUpIHtcbiAgICAgICAgc2V0U2VhcmNoVmFsdWUoJycpO1xuICAgICAgfVxuICAgICAgaGFuZGxlU2VsZWN0ZWRPcHRpb24ob3B0aW9uKTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlT25LZXlEb3duID0gKGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IGlzQmFja3NwYWNlS2V5ID0gZS5rZXlDb2RlID09PSA4O1xuXG4gICAgICBpZiAoaXNCYWNrc3BhY2VLZXkpIHtcbiAgICAgICAgc2V0SW5wdXRWYWx1ZShlbXB0eVZhbHVlKTtcbiAgICAgICAgZGVib3VuY2VkT25DaGFuZ2UoJycpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBkZWJvdW5jZWRPbkNoYW5nZSA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgICAgZGVib3VuY2UodGVybSA9PiB7XG4gICAgICAgIGFzeW5jU2VhcmNoKHRlcm0pO1xuICAgICAgfSwgNDAwKSxcbiAgICAgIFtdXG4gICAgKTtcblxuICAgIGNvbnN0IGhhbmRsZU9uSW5wdXQgPSBSZWFjdC51c2VDYWxsYmFjayhcbiAgICAgIChldmVudDogQ2hhbmdlRXZlbnQpID0+IHtcbiAgICAgICAgaGFuZGxlU2VhcmNoKHtcbiAgICAgICAgICBldmVudCxcbiAgICAgICAgICBpc1NlYXJjaGFibGUsXG4gICAgICAgICAgaXNBc3luYyxcbiAgICAgICAgICBzZXRTZWFyY2hWYWx1ZSxcbiAgICAgICAgICBvbkNoYW5nZTogZGVib3VuY2VkT25DaGFuZ2UsXG4gICAgICAgICAgbWluQ2hhcmFjdGVyc1RvU2VhcmNoLFxuICAgICAgICB9KTtcbiAgICAgIH0sXG4gICAgICBbZGVib3VuY2VkT25DaGFuZ2UsIGlzQXN5bmMsIGlzU2VhcmNoYWJsZSwgbWluQ2hhcmFjdGVyc1RvU2VhcmNoXVxuICAgICk7XG5cbiAgICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmIChpc0FzeW5jKSB7XG4gICAgICAgIHJldHVybiBvcHRpb25zO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gb3B0aW9uc1xuICAgICAgICAuZmlsdGVyKFxuICAgICAgICAgIG9wdGlvbiA9PlxuICAgICAgICAgICAgIXNlYXJjaFZhbHVlIHx8XG4gICAgICAgICAgICBvcHRpb24ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzZWFyY2hWYWx1ZS50b0xvd2VyQ2FzZSgpKSB8fFxuICAgICAgICAgICAgISFvcHRpb24ub3B0aW9ucz8uZmluZChvcHRpb24gPT5cbiAgICAgICAgICAgICAgb3B0aW9uLmxhYmVsLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoc2VhcmNoVmFsdWUudG9Mb3dlckNhc2UoKSlcbiAgICAgICAgICAgIClcbiAgICAgICAgKVxuICAgICAgICAubWFwKG9wdGlvbiA9PiB7XG4gICAgICAgICAgcmV0dXJuIG9wdGlvbi5sYWJlbC50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHNlYXJjaFZhbHVlLnRvTG93ZXJDYXNlKCkpXG4gICAgICAgICAgICA/IG9wdGlvblxuICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgLi4ub3B0aW9uLFxuICAgICAgICAgICAgICAgIG9wdGlvbnM6IG9wdGlvbi5vcHRpb25zPy5maWx0ZXIob3B0aW9uID0+XG4gICAgICAgICAgICAgICAgICBvcHRpb24ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzZWFyY2hWYWx1ZS50b0xvd2VyQ2FzZSgpKVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH0sIFtzZWFyY2hWYWx1ZSwgb3B0aW9ucywgaXNBc3luY10pO1xuXG4gICAgY29uc3QgcmlnaHRJY29uTmFtZVNlbGVjdG9yID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBpZiAoaXNTZWFyY2hhYmxlKSB7XG4gICAgICAgIHJldHVybiBzZWFyY2hWYWx1ZSB8fCBpbnB1dFZhbHVlLnZhbHVlID8gJ2Nsb3NlJyA6ICdzZWFyY2gnO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gb3BlbiA/ICdjaGV2cm9uTGFyZ2VVcCcgOiAnY2hldnJvbkxhcmdlRG93bic7XG4gICAgfSwgW2lucHV0VmFsdWUudmFsdWUsIGlzU2VhcmNoYWJsZSwgb3Blbiwgc2VhcmNoVmFsdWVdKTtcblxuICAgIGNvbnN0IGhhbmRsZUljb25DbGljayA9IFJlYWN0LnVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChpc1NlYXJjaGFibGUgJiYgb3Blbikge1xuICAgICAgICBzZXRPcGVuKCFvcGVuKTtcbiAgICAgIH1cbiAgICAgIGlmIChpc1NlYXJjaGFibGUgJiYgKHNlYXJjaFZhbHVlIHx8IGlucHV0VmFsdWUudmFsdWUpKSB7XG4gICAgICAgIHNldFNlYXJjaFZhbHVlKCcnKTtcbiAgICAgICAgc2V0SW5wdXRWYWx1ZShlbXB0eVZhbHVlKTtcbiAgICAgICAgYXN5bmNTZWFyY2goJycpO1xuICAgICAgfVxuICAgIH0sIFthc3luY1NlYXJjaCwgaW5wdXRWYWx1ZS52YWx1ZSwgaXNTZWFyY2hhYmxlLCBvcGVuLCBzZWFyY2hWYWx1ZV0pO1xuXG4gICAgY29uc3QgcmlnaHRJY29uUmVuZGVyID0gdXNlTWVtbyhcbiAgICAgICgpID0+IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogJHtyZW0oMjUpfTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2lzTG9hZGluZyAmJiA8TG9hZGVyIC8+fVxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPXsyMH1cbiAgICAgICAgICAgIG5hbWU9e3JpZ2h0SWNvbk5hbWVTZWxlY3Rvcn1cbiAgICAgICAgICAgIGNvbG9yPXt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUljb25DbGlja31cbiAgICAgICAgICAgIGRhdGFUZXN0SWQ9XCJzZWxlY3QtcmlnaHQtaWNvblwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApLFxuICAgICAgW2lzTG9hZGluZywgcmlnaHRJY29uTmFtZVNlbGVjdG9yLCB0aGVtZS51dGlscywgaGFuZGxlSWNvbkNsaWNrXVxuICAgICk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9ICgpID0+IHtcbiAgICAgIGlmICghb3Blbikge1xuICAgICAgICBzZXRPcGVuKHRydWUpO1xuICAgICAgICBjb21iaW5lZFJlZnM/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICB9IGVsc2UgaWYgKCFpc1NlYXJjaGFibGUpIHtcbiAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgIGNvbWJpbmVkUmVmcz8uY3VycmVudD8uYmx1cigpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENsaWNrQXdheUxpc3RlbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBzZXRPcGVuKGZhbHNlKTtcbiAgICAgICAgICBzZXRTZWFyY2hWYWx1ZSgnJyk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICB7Li4uKCEoZGlzYWJsZWQgfHwgbG9ja2VkKSAmJiB7IG9uQ2xpY2s6IGhhbmRsZUNsaWNrIH0pfVxuICAgICAgICAgIGNzcz17c2VsZWN0V3JhcHBlcih7IG9wZW4sIHN0YXR1cywgc3R5bGVUeXBlLCBpc1NlYXJjaGFibGUgfSl9XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dEZpZWxkXG4gICAgICAgICAgICBzdHlsZVR5cGU9e3N0eWxlVHlwZX1cbiAgICAgICAgICAgIHJpZ2h0SWNvbj17cmlnaHRJY29uUmVuZGVyfVxuICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVPbktleURvd259XG4gICAgICAgICAgICBvbklucHV0PXtoYW5kbGVPbklucHV0fVxuICAgICAgICAgICAgb25DaGFuZ2U9e09OX0NIQU5HRV9NT0NLfVxuICAgICAgICAgICAgcmVhZE9ubHk9eyFpc1NlYXJjaGFibGV9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBsb2NrZWQ9e2xvY2tlZH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtnZW5lcmF0ZVRlc3REYXRhSWQoJ3NlbGVjdC1pbnB1dCcsIGRhdGFUZXN0SWQpfVxuICAgICAgICAgICAgey4uLnJlc3RJbnB1dFByb3BzfVxuICAgICAgICAgICAgc3RhdHVzPXtzdGF0dXN9XG4gICAgICAgICAgICB2YWx1ZT17c2VhcmNoVmFsdWUgfHwgaW5wdXRWYWx1ZS5sYWJlbH1cbiAgICAgICAgICAgIHJlZj17Y29tYmluZWRSZWZzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge29wZW4gJiYgKFxuICAgICAgICAgICAgPFNlbGVjdE1lbnVcbiAgICAgICAgICAgICAgZmlsdGVyZWRPcHRpb25zPXtmaWx0ZXJlZE9wdGlvbnN9XG4gICAgICAgICAgICAgIGhhbmRsZU9wdGlvbkNsaWNrPXtoYW5kbGVPcHRpb25DbGlja31cbiAgICAgICAgICAgICAgc2VsZWN0ZWRPcHRpb249e2lucHV0VmFsdWUudmFsdWV9XG4gICAgICAgICAgICAgIHNpemU9e3Jlc3RJbnB1dFByb3BzLnNpemV9XG4gICAgICAgICAgICAgIHN0YXR1cz17c3RhdHVzfVxuICAgICAgICAgICAgICBpc0xvYWRpbmc9e2lzTG9hZGluZ31cbiAgICAgICAgICAgICAgaXNWaXJ0dWFsaXplZD17aXNWaXJ0dWFsaXplZH1cbiAgICAgICAgICAgICAgc2VhcmNoVGVybT17aGlnaGxpZ2h0U2VhcmNoID8gc2VhcmNoVmFsdWUgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9DbGlja0F3YXlMaXN0ZW5lcj5cbiAgICApO1xuICB9XG4pO1xuXG5TZWxlY3QuZGlzcGxheU5hbWUgPSAnU2VsZWN0JztcblxuZXhwb3J0IGRlZmF1bHQgU2VsZWN0O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconRender;")
-    }, isLoading && (0, _react.jsx)(_Loader["default"], null), (0, _react.jsx)(_Icon["default"], {
-      size: 20,
+  var rightIconRender = (0, _react.useMemo)(function () {
+    return (0, _react2.jsx)("div", {
+      css: (0, _Select.rightIconContainer)(open, isSearchable)
+    }, isLoading && (0, _react2.jsx)(_Loader["default"], null), (0, _react2.jsx)(_Icon["default"], {
+      size: isSearchable ? 20 : 12,
       name: rightIconNameSelector,
       color: theme.utils.getColor('lightGrey', 650),
       onClick: handleIconClick,
       dataTestId: "select-right-icon"
     }));
-  }, [isLoading, rightIconNameSelector, theme.utils, handleIconClick]);
+  }, [open, isLoading, isSearchable, rightIconNameSelector, theme.utils, handleIconClick]);
 
   var handleClick = function handleClick() {
     if (!open) {
@@ -210,12 +204,12 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
     }
   };
 
-  return (0, _react.jsx)(_ClickAwayListener["default"], {
+  return (0, _react2.jsx)(_ClickAwayListener["default"], {
     onClick: function onClick() {
       setOpen(false);
       setSearchValue('');
     }
-  }, (0, _react.jsx)("div", _extends({}, !(disabled || locked) && {
+  }, (0, _react2.jsx)("div", _extends({}, !(disabled || locked) && {
     onClick: handleClick
   }, {
     css: (0, _Select.selectWrapper)({
@@ -224,7 +218,7 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
       styleType: styleType,
       isSearchable: isSearchable
     })
-  }), (0, _react.jsx)(_TextField["default"], _extends({
+  }), (0, _react2.jsx)(_TextField["default"], _extends({
     styleType: styleType,
     rightIcon: rightIconRender,
     onKeyDown: handleOnKeyDown,
@@ -238,7 +232,7 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
     status: status,
     value: searchValue || inputValue.label,
     ref: combinedRefs
-  })), open && (0, _react.jsx)(_SelectMenu["default"], {
+  })), open && (0, _react2.jsx)(_SelectMenu["default"], {
     filteredOptions: filteredOptions,
     handleOptionClick: handleOptionClick,
     selectedOption: inputValue.value,

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

@@ -7,3 +7,4 @@ export declare const selectWrapper: ({ styleType, open, status, isSearchable, }:
     status?: "success" | "error" | "normal" | "hint" | undefined;
     isSearchable: boolean;
 }) => (theme: Theme) => SerializedStyles;
+export declare const rightIconContainer: (open: boolean, isSearchable: boolean) => () => SerializedStyles;

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

@@ -1,10 +1,12 @@
 "use strict";
 
 exports.__esModule = true;
-exports.selectWrapper = void 0;
+exports.rightIconContainer = exports.selectWrapper = void 0;
 
 var _react = require("@emotion/react");
 
+var _functions = require("../../theme/functions");
+
 var _utils = require("../../theme/utils");
 
 var selectWrapper = function selectWrapper(_ref) {
@@ -17,9 +19,22 @@ var selectWrapper = function selectWrapper(_ref) {
       /*#__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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I2QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGZvcm1GaWVsZFN0eWxlcyB9IGZyb20gJy4uLy4uL3RoZW1lL3BhbGV0dGUnO1xuXG5leHBvcnQgY29uc3Qgc2VsZWN0V3JhcHBlciA9ICh7XG4gIHN0eWxlVHlwZSxcbiAgb3BlbixcbiAgc3RhdHVzLFxuICBpc1NlYXJjaGFibGUsXG59OiB7XG4gIG9wZW46IGJvb2xlYW47XG4gIHN0eWxlVHlwZT86IGZvcm1GaWVsZFN0eWxlcztcbiAgc3RhdHVzPzogJ3N1Y2Nlc3MnIHwgJ25vcm1hbCcgfCAnaGludCcgfCAnZXJyb3InO1xuICBpc1NlYXJjaGFibGU6IGJvb2xlYW47XG59KSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLXdpZHRoOiAke3JlbSgxNTApfTtcbiAgbWF4LXdpZHRoOiAke3JlbSg2MjApfTtcbiAgJiA+IGRpdjpudGgtb2YtdHlwZSgxKSA+IGRpdiB7XG4gICAgJHtvcGVuICYmIHN0YXR1cyAhPT0gJ2Vycm9yJyAmJiBgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMjAwKX07YH1cbiAgICAke29wZW4gJiYgc3RhdHVzICE9PSAnZXJyb3InICYmIHN0eWxlVHlwZSA9PT0gJ291dGxpbmVkJyAmJiBgYm94LXNoYWRvdzogbm9uZTtgfVxuICB9XG5cbiAgKiB7XG4gICAgY3Vyc29yOiAkeyFpc1NlYXJjaGFibGUgJiYgJ3BvaW50ZXInfTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;")
+      (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;")
+    );
+  };
+};
+
+exports.selectWrapper = selectWrapper;
+
+var rightIconContainer = function rightIconContainer(open, isSearchable) {
+  return function () {
+    return (
+      /*#__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;")
     );
   };
 };
 
-exports.selectWrapper = selectWrapper;
+exports.rightIconContainer = rightIconContainer;

package/dist/test/utils.js

@@ -68,8 +68,8 @@ var renderWithThemeProvider = function renderWithThemeProvider(children) {
   return (0, _react.render)((0, _react3.jsx)(_ThemeProvider["default"], {
     theme: {
       palette: {
-        primary: _palette.flatPaletteConfig.purple,
-        secondary: _palette.flatPaletteConfig.magenta
+        primary: _palette.flatPaletteConfig.blue,
+        secondary: _palette.flatPaletteConfig.teal
       }
     }
   }, children));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.15.1",
+  "version": "4.18.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",