@orfium/ictinus 4.57.0 → 4.59.0

package/dist/components/Select/Select.js

@@ -21,8 +21,12 @@ var _ClickAwayListener = _interopRequireDefault(require("../utils/ClickAwayListe
 
 var _handleSearch = _interopRequireDefault(require("../utils/handleSearch"));
 
+var _MultiselectTextField = _interopRequireDefault(require("./components/MultiselectTextField"));
+
 var _SelectMenu = _interopRequireDefault(require("./components/SelectMenu/SelectMenu"));
 
+var _useMultiselectUtils2 = _interopRequireDefault(require("./hooks/useMultiselectUtils"));
+
 var _Select = require("./Select.style");
 
 var _Loader = _interopRequireDefault(require("../Loader"));
@@ -31,7 +35,7 @@ var _PositionInScreen = _interopRequireDefault(require("../utils/PositionInScree
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["handleSelectedOption", "defaultValue", "selectedOption", "multi", "options", "isAsync", "isLoading", "asyncSearch", "status", "minCharactersToSearch", "highlightSearch", "isSearchable", "isVirtualized", "styleType", "disabled", "locked", "dataTestId", "onClear"];
+var _excluded = ["handleSelectedOption", "defaultValue", "selectedOption", "multi", "options", "isAsync", "isLoading", "asyncSearch", "status", "minCharactersToSearch", "highlightSearch", "isSearchable", "isVirtualized", "styleType", "disabled", "locked", "dataTestId", "onClear", "onOptionDelete", "selectedOptions"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -81,6 +85,9 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       locked = _ref.locked,
       dataTestId = _ref.dataTestId,
       onClear = _ref.onClear,
+      onOptionDelete = _ref.onOptionDelete,
+      _ref$selectedOptions = _ref.selectedOptions,
+      selectedOptions = _ref$selectedOptions === void 0 ? [] : _ref$selectedOptions,
       restInputProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var theme = (0, _useTheme["default"])();
@@ -92,8 +99,9 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var inputRef = _react["default"].useRef(null);
 
   var combinedRefs = (0, _useCombinedRefs["default"])(inputRef, ref);
+  var initialValue = defaultValue != null ? defaultValue : selectedOption;
 
-  var _React$useState2 = _react["default"].useState(defaultValue || selectedOption),
+  var _React$useState2 = _react["default"].useState(initialValue),
       inputValue = _React$useState2[0],
       setInputValue = _React$useState2[1];
 
@@ -101,12 +109,39 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       searchValue = _React$useState3[0],
       setSearchValue = _React$useState3[1];
 
+  var textFieldValue = searchValue || inputValue.label;
+
+  var _useMultiselectUtils = (0, _useMultiselectUtils2["default"])({
+    selectedOptions: selectedOptions,
+    options: options,
+    setOpen: setOpen,
+    setSearchValue: setSearchValue,
+    isSearchable: isSearchable,
+    onClear: onClear,
+    onOptionDelete: onOptionDelete,
+    multi: multi
+  }),
+      multiSelectedOptions = _useMultiselectUtils.multiSelectedOptions,
+      setMultiSelectedOpts = _useMultiselectUtils.setMultiSelectedOpts,
+      availableMultiSelectOptions = _useMultiselectUtils.availableMultiSelectOptions,
+      setAvailableMultiSelectOptions = _useMultiselectUtils.setAvailableMultiSelectOptions,
+      handleOptionDelete = _useMultiselectUtils.handleOptionDelete,
+      handleClearAllOptions = _useMultiselectUtils.handleClearAllOptions;
+
   (0, _react.useEffect)(function () {
-    setInputValue(defaultValue || selectedOption);
-  }, [defaultValue, selectedOption]);
+    setInputValue(initialValue);
+  }, [initialValue]);
 
   var handleOptionClick = function handleOptionClick(option) {
-    setInputValue(option);
+    if (multi) {
+      setMultiSelectedOpts([].concat(multiSelectedOptions, [option]));
+      setAvailableMultiSelectOptions(availableMultiSelectOptions.filter(function (opt) {
+        return opt.value !== option.value;
+      }));
+    } else {
+      setInputValue(option);
+    }
+
     setOpen(false);
 
     if (isSearchable) {
@@ -130,6 +165,14 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   }, 400), []);
 
   var handleOnInput = _react["default"].useCallback(function (event) {
+    /** 
+     * For Multiselect: [for now] when we select an option the SelectMenu closes but the user
+     * can still type on the input field (so they must be able to see the SelectMenu)
+     */
+    if (!open) {
+      setOpen(true);
+    }
+
     (0, _handleSearch["default"])({
       event: event,
       isSearchable: isSearchable,
@@ -138,14 +181,16 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       onChange: debouncedOnChange,
       minCharactersToSearch: minCharactersToSearch
     });
-  }, [debouncedOnChange, isAsync, isSearchable, minCharactersToSearch]);
+  }, [debouncedOnChange, isAsync, isSearchable, minCharactersToSearch, open]);
 
   var filteredOptions = (0, _react.useMemo)(function () {
+    var optionsToBeFiltered = multi ? availableMultiSelectOptions : options;
+
     if (isAsync) {
-      return options;
+      return optionsToBeFiltered;
     }
 
-    return options.filter(function (option) {
+    return optionsToBeFiltered.filter(function (option) {
       var _option$options;
 
       return !searchValue || option.label.toLowerCase().includes(searchValue.toLowerCase()) || !!((_option$options = option.options) != null && _option$options.find(function (option) {
@@ -160,7 +205,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
         })
       });
     });
-  }, [searchValue, options, isAsync]);
+  }, [isAsync, multi, availableMultiSelectOptions, options, searchValue]);
   var rightIconNameSelector = (0, _react.useMemo)(function () {
     if (isSearchable) {
       return searchValue || inputValue.value ? 'close' : 'search';
@@ -226,7 +271,21 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     visible: open,
     hasWrapperWidth: true,
     offsetY: 8,
-    parent: (0, _react2.jsx)(_TextField["default"], _extends({
+    parent: multi ? (0, _react2.jsx)(_MultiselectTextField["default"], _extends({
+      selectedOptions: multiSelectedOptions,
+      onInput: handleOnInput,
+      onOptionDelete: handleOptionDelete,
+      onClearAllOptions: handleClearAllOptions,
+      isLoading: isLoading,
+      disabled: disabled,
+      locked: locked,
+      readOnly: !isSearchable,
+      dataTestId: (0, _helpers.generateTestDataId)('select-input', dataTestId)
+    }, restInputProps, {
+      status: status,
+      value: textFieldValue,
+      autoComplete: "off"
+    })) : (0, _react2.jsx)(_TextField["default"], _extends({
       styleType: styleType,
       rightIcon: rightIconRender,
       onKeyDown: handleOnKeyDown,
@@ -238,7 +297,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       dataTestId: (0, _helpers.generateTestDataId)('select-input', dataTestId)
     }, restInputProps, {
       status: status,
-      value: searchValue || inputValue.label,
+      value: textFieldValue,
       ref: combinedRefs,
       autoComplete: "off"
     }))

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { TestProps } from 'utils/types';
+import { SelectOption } from 'components/Select/Select';
+import { Props as TextFieldProps } from 'components/TextField/TextField';
+declare const MultiselectTextField: React.ForwardRefExoticComponent<{
+    /** the values of the MultiSelect if MultiSelect is controlled */
+    selectedOptions?: SelectOption[] | undefined;
+    /** Callback fired when the `input` value typed is changed */
+    onInput?: ((event: any) => void) | undefined;
+    /** Value of the `input` element */
+    value?: string | number | undefined;
+    /** Callback fired when the Delete button of each Chip is clicked */
+    onOptionDelete: (option?: SelectOption | undefined) => void;
+    /** Callback fired when the Delete button of the whole MultiSelect is clicked */
+    onClearAllOptions: () => void;
+    /** If the component is loading */
+    isLoading?: boolean | undefined;
+} & Omit<TextFieldProps, "size"> & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps & React.RefAttributes<HTMLInputElement>>;
+export default MultiselectTextField;

package/dist/components/Select/components/MultiselectTextField/MultiselectTextField.js

@@ -0,0 +1,186 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _useTheme = _interopRequireDefault(require("../../../../hooks/useTheme"));
+
+var _omit = _interopRequireDefault(require("lodash/omit"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _helpers = require("../../../../utils/helpers");
+
+var _MultiselectTextField = require("./MultiselectTextField.style");
+
+var _Chip = _interopRequireDefault(require("../../../Chip"));
+
+var _Icon = _interopRequireDefault(require("../../../Icon"));
+
+var _Label = _interopRequireDefault(require("../../../Label"));
+
+var _Loader = _interopRequireDefault(require("../../../Loader"));
+
+var _TextInputBase = _interopRequireDefault(require("../../../TextInputBase"));
+
+var _TextInputBase2 = require("../../../TextInputBase/TextInputBase.style");
+
+var _react2 = require("@emotion/react");
+
+var _excluded = ["selectedOptions", "value", "disabled", "locked", "status", "lean", "dark", "readOnly", "label", "id", "placeholder", "required", "styleType", "onOptionDelete", "onClearAllOptions", "isLoading", "rightIcon"];
+
+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 }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var MultiselectTextField = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+  var selectedOptions = props.selectedOptions,
+      value = props.value,
+      disabled = props.disabled,
+      locked = props.locked,
+      status = props.status,
+      lean = props.lean,
+      dark = props.dark,
+      readOnly = props.readOnly,
+      label = props.label,
+      id = props.id,
+      placeholder = props.placeholder,
+      _props$required = props.required,
+      required = _props$required === void 0 ? false : _props$required,
+      styleType = props.styleType,
+      onOptionDelete = props.onOptionDelete,
+      onClearAllOptions = props.onClearAllOptions,
+      isLoading = props.isLoading,
+      rightIcon = props.rightIcon,
+      rest = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var TextfieldRef = _react["default"].useRef(null);
+
+  var theme = (0, _useTheme["default"])();
+  var hasValue = Boolean(value || (selectedOptions == null ? void 0 : selectedOptions.length) && (selectedOptions == null ? void 0 : selectedOptions.length) > 0);
+  var inputPlaceholder = (0, _react.useMemo)(function () {
+    if (!label && placeholder) {
+      return required ? placeholder + " *" : placeholder;
+    }
+
+    return label;
+  }, [label, placeholder, required]);
+  var iconName = (0, _react.useMemo)(function () {
+    if (locked) {
+      return 'lock';
+    }
+
+    if (hasValue) {
+      return 'close';
+    }
+
+    return 'search';
+  }, [hasValue, locked]);
+
+  var handleKeyDown = function handleKeyDown(event) {
+    if (value === '' && event.key === 'Backspace') {
+      onOptionDelete();
+    }
+  };
+
+  var chips = (0, _react.useMemo)(function () {
+    return (0, _react2.jsx)(_react["default"].Fragment, null, selectedOptions == null ? void 0 : selectedOptions.map(function (option, index) {
+      var _TextfieldRef$current;
+
+      return (0, _react2.jsx)("span", {
+        key: (0, _helpers.generateUniqueID)('chip' + index),
+        css: (0, _MultiselectTextField.chipStyle)()
+      }, (0, _react2.jsx)(_Chip["default"], {
+        onClear: !(locked || disabled) ? function () {
+          return onOptionDelete(option);
+        } : undefined,
+        fill: "lightGrey",
+        dataTestId: "chip_" + index
+      }, (0, _react2.jsx)("div", {
+        title: option.label,
+        css: (0, _MultiselectTextField.chipContent)({
+          maxWidth: (_TextfieldRef$current = TextfieldRef.current) == null ? void 0 : _TextfieldRef$current.getBoundingClientRect().width
+        })
+      }, option.label)));
+    }));
+  }, [disabled, locked, onOptionDelete, selectedOptions]);
+  var icon = (0, _react.useMemo)(function () {
+    if (rightIcon) {
+      if (typeof rightIcon === 'string') {
+        return (0, _react2.jsx)(_Icon["default"], {
+          name: rightIcon,
+          size: 20,
+          color: theme.utils.getColor('lightGrey', 650)
+        });
+      }
+
+      return rightIcon;
+    }
+
+    return (0, _react2.jsx)(_Icon["default"], {
+      size: 20,
+      name: iconName,
+      color: theme.utils.getColor('lightGrey', 650),
+      onClick: hasValue && !locked ? onClearAllOptions : undefined,
+      dataTestId: "select-right-icon"
+    });
+  }, [hasValue, iconName, locked, onClearAllOptions, rightIcon, theme.utils]);
+  return (0, _react2.jsx)("div", {
+    ref: TextfieldRef
+  }, (0, _react2.jsx)(_TextInputBase["default"], _extends({
+    disabled: disabled,
+    locked: locked,
+    status: status,
+    lean: lean,
+    size: 'md',
+    styleType: styleType
+  }, rest, {
+    sx: (0, _MultiselectTextField.textInputBaseOverrides)({
+      hasValue: hasValue,
+      isLoading: isLoading
+    })(theme)
+  }), (0, _react2.jsx)("div", {
+    css: (0, _MultiselectTextField.inputContainer)()
+  }, chips, (0, _react2.jsx)("input", _extends({
+    readOnly: readOnly,
+    onKeyDown: handleKeyDown,
+    css: (0, _TextInputBase2.inputStyle)({
+      size: 'md',
+      placeholder: placeholder,
+      label: label,
+      dark: dark,
+      lean: lean,
+      sx: (0, _MultiselectTextField.inputOverrides)()
+    }),
+    placeholder: inputPlaceholder,
+    required: required,
+    id: id,
+    disabled: disabled || locked
+  }, (0, _omit["default"])(rest, 'dataTestId'), {
+    value: value,
+    ref: ref
+  })), label && (0, _react2.jsx)(_Label["default"], {
+    size: 'md',
+    htmlFor: id,
+    label: label,
+    required: required,
+    animateToTop: hasValue,
+    error: status === 'error'
+  })), !disabled && (0, _react2.jsx)("div", {
+    css: (0, _MultiselectTextField.rightIconsContainer)()
+  }, isLoading && (0, _react2.jsx)(_Loader["default"], null), (0, _react2.jsx)("div", {
+    css: (0, _MultiselectTextField.rightIconStyles)({
+      isClickable: hasValue && !locked
+    })
+  }, icon))));
+});
+
+MultiselectTextField.displayName = 'MultiselectTextField';
+var _default = MultiselectTextField;
+exports["default"] = _default;

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

@@ -0,0 +1,55 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+export declare const chipContent: ({ maxWidth }: {
+    maxWidth?: number | undefined;
+}) => () => SerializedStyles;
+export declare const textFieldContainer: () => (theme: Theme) => SerializedStyles;
+export declare const rightIconsContainer: () => (theme: Theme) => SerializedStyles;
+export declare const rightIconStyles: ({ isClickable }: {
+    isClickable: boolean;
+}) => () => SerializedStyles;
+export declare const chipStyle: () => (theme: Theme) => SerializedStyles;
+export declare const inputContainer: () => (theme: Theme) => SerializedStyles;
+/** TextField overrides */
+export declare const textInputBaseOverrides: ({ hasValue, isLoading }: {
+    hasValue: boolean;
+    isLoading?: boolean | undefined;
+}) => (theme: Theme) => {
+    wrapper: {
+        label: {
+            fontWeight: any;
+            transform: string;
+            bottom: string;
+        };
+        height: string;
+        minHeight: string;
+    } | {
+        'input:focus': {
+            label: {
+                fontWeight: any;
+                transform: string;
+                bottom: string;
+            };
+        };
+        label: {
+            transform: string;
+        };
+        height: string;
+        minHeight: string;
+    };
+    textField: {
+        padding: string;
+    };
+};
+export declare const inputOverrides: () => {
+    input: {
+        top: string;
+        flex: string;
+        minWidth: string;
+        '&:focus, &:not(:placeholder-shown)': {
+            '& + label': {
+                transform: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,149 @@
+"use strict";
+
+exports.__esModule = true;
+exports.inputOverrides = exports.textInputBaseOverrides = exports.inputContainer = exports.chipStyle = exports.rightIconStyles = exports.rightIconsContainer = exports.textFieldContainer = exports.chipContent = void 0;
+
+var _react = require("@emotion/react");
+
+var _polished = require("polished");
+
+var _sizeUtils = require("../../../../utils/size-utils");
+
+var _Label = require("../../../Label/Label.style");
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var chipContent = function chipContent(_ref) {
+  var maxWidth = _ref.maxWidth;
+  return function () {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:", maxWidth ? (0, _polished.rem)(maxWidth - 120) : 'unset', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:chipContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9jb21wb25lbnRzL011bHRpc2VsZWN0VGV4dEZpZWxkL011bHRpc2VsZWN0VGV4dEZpZWxkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVPIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9jb21wb25lbnRzL011bHRpc2VsZWN0VGV4dEZpZWxkL011bHRpc2VsZWN0VGV4dEZpZWxkLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBnZXRUZXh0RmllbGRIZWlnaHQgfSBmcm9tICd1dGlscy9zaXplLXV0aWxzJztcblxuaW1wb3J0IHsgTEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lORyB9IGZyb20gJ2NvbXBvbmVudHMvTGFiZWwvTGFiZWwuc3R5bGUnO1xuXG5leHBvcnQgY29uc3QgY2hpcENvbnRlbnQgPVxuICAoeyBtYXhXaWR0aCB9OiB7IG1heFdpZHRoPzogbnVtYmVyIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgIG1heC13aWR0aDogJHttYXhXaWR0aCA/IHJlbShtYXhXaWR0aCAtIDEyMCkgOiAndW5zZXQnfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgdGV4dEZpZWxkQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBtYXJnaW46ICR7dGhlbWUuc3BhY2luZy54c219ICR7dGhlbWUuc3BhY2luZy5zbX0gMCAwO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25zQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHJpZ2h0OiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgICAgdG9wOiAwO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHJpZ2h0SWNvblN0eWxlcyA9XG4gICh7IGlzQ2xpY2thYmxlIH06IHsgaXNDbGlja2FibGU6IGJvb2xlYW4gfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBjdXJzb3I6ICR7aXNDbGlja2FibGUgPyAncG9pbnRlcicgOiAnYXV0byd9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBjaGlwU3R5bGUgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgICAmID4gZGl2IHtcbiAgICAgICAgaGVpZ2h0OiAke3JlbSgyMCl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke3JlbSg0KX07XG4gICAgICB9XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGlucHV0Q29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogc3RhdGljO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgcm93LWdhcDogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgICB6LWluZGV4OiAyO1xuICAgIGA7XG5cbi8qKiBUZXh0RmllbGQgb3ZlcnJpZGVzICovXG5cbmV4cG9ydCBjb25zdCB0ZXh0SW5wdXRCYXNlT3ZlcnJpZGVzID1cbiAgKHsgaGFzVmFsdWUsIGlzTG9hZGluZyB9OiB7IGhhc1ZhbHVlOiBib29sZWFuOyBpc0xvYWRpbmc/OiBib29sZWFuIH0pID0+XG4gICh0aGVtZTogVGhlbWUpID0+IHtcbiAgICBjb25zdCBsYWJlbFN0eWxlcyA9IHtcbiAgICAgIGZvbnRXZWlnaHQ6IGAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkfSAhaW1wb3J0YW50YCBhcyBhbnksXG4gICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGUoJHtMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HfSwgLTgyJSkgc2NhbGUoMC44KSAhaW1wb3J0YW50YCxcbiAgICAgIGJvdHRvbTogJ2F1dG8nLFxuICAgIH07XG5cbiAgICByZXR1cm4ge1xuICAgICAgd3JhcHBlcjoge1xuICAgICAgICBoZWlnaHQ6ICd1bnNldCcsXG4gICAgICAgIG1pbkhlaWdodDogYCR7Z2V0VGV4dEZpZWxkSGVpZ2h0KCdtZCcpfSAhaW1wb3J0YW50YCxcbiAgICAgICAgLi4uKGhhc1ZhbHVlXG4gICAgICAgICAgPyB7IGxhYmVsOiBsYWJlbFN0eWxlcyB9XG4gICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICdpbnB1dDpmb2N1cyc6IHtcbiAgICAgICAgICAgICAgICBsYWJlbDogbGFiZWxTdHlsZXMsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIGxhYmVsOiB7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04cHgpYCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgfSxcbiAgICAgIHRleHRGaWVsZDoge1xuICAgICAgICAvLyBGb3IgdGhlIHBhZGRpbmdzIHdlIHVzZSBzcGVjaWZpY2FsbHkgY3VzdG9tIG51bWJlcnMgdGhhdCBkb24ndCBtYXRjaCB0aGVcbiAgICAgICAgLy8gaWN0aW51cyBzcGFjaW5nICh0aGUgYXJlIGNhbGN1bGF0ZWQgYnkgY29tYmluaW5nIGludGVybmFsIGFic29sdXRlIHBvc2l0aW9uZWQgY29tcG9uZW50IHdpZHRocylcbiAgICAgICAgLy8gc28gd2UgY2FuIG92ZXJyaWRlIHRoZSBleGlzdGluZyBUZXh0RmllbGRJbnB1dEJhc2UgcGFkZGluZ3MgdG9cbiAgICAgICAgLy8gcGVyZmVjdGx5IHBvc2l0aW9uIGFuZCBhbGlnbiB0aGUgY29udGVudCBpbnNpZGUuXG4gICAgICAgIHBhZGRpbmc6IGlzTG9hZGluZ1xuICAgICAgICAgID8gYCR7cmVtKDIxKX0gJHtyZW0oODApfSAke3JlbSg1KX0gJHt0aGVtZS5zcGFjaW5nLm1kfWBcbiAgICAgICAgICA6IGAke3JlbSgyMSl9ICR7cmVtKDQwKX0gJHtyZW0oNSl9ICR7dGhlbWUuc3BhY2luZy5tZH1gLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgaW5wdXRPdmVycmlkZXMgPSAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgaW5wdXQ6IHtcbiAgICAgIHRvcDogJ3Vuc2V0JyxcbiAgICAgIGZsZXg6ICcxIDEgMCUnLFxuICAgICAgbWluV2lkdGg6ICcyMCUnLFxuICAgICAgJyY6Zm9jdXMsICY6bm90KDpwbGFjZWhvbGRlci1zaG93biknOiB7XG4gICAgICAgICcmICsgbGFiZWwnOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOClgLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9O1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:chipContent;")
+    );
+  };
+};
+
+exports.chipContent = chipContent;
+
+var textFieldContainer = function textFieldContainer() {
+  return function (theme) {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("margin:", theme.spacing.xsm, " ", theme.spacing.sm, " 0 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:textFieldContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9jb21wb25lbnRzL011bHRpc2VsZWN0VGV4dEZpZWxkL011bHRpc2VsZWN0VGV4dEZpZWxkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CTyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvY29tcG9uZW50cy9NdWx0aXNlbGVjdFRleHRGaWVsZC9NdWx0aXNlbGVjdFRleHRGaWVsZC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZ2V0VGV4dEZpZWxkSGVpZ2h0IH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IExBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkcgfSBmcm9tICdjb21wb25lbnRzL0xhYmVsL0xhYmVsLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IGNoaXBDb250ZW50ID1cbiAgKHsgbWF4V2lkdGggfTogeyBtYXhXaWR0aD86IG51bWJlciB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGggPyByZW0obWF4V2lkdGggLSAxMjApIDogJ3Vuc2V0J307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRleHRGaWVsZENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcueHNtfSAke3RoZW1lLnNwYWNpbmcuc219IDAgMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uc0NvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgICBib3R0b206IDA7XG4gICAgICByaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25TdHlsZXMgPVxuICAoeyBpc0NsaWNrYWJsZSB9OiB7IGlzQ2xpY2thYmxlOiBib29sZWFuIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY3Vyc29yOiAke2lzQ2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2F1dG8nfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hpcFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGhlaWdodDogJHtyZW0oMjApfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oNCl9O1xuICAgICAgfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbnB1dENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHN0YXRpYztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIHJvdy1nYXA6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgei1pbmRleDogMjtcbiAgICBgO1xuXG4vKiogVGV4dEZpZWxkIG92ZXJyaWRlcyAqL1xuXG5leHBvcnQgY29uc3QgdGV4dElucHV0QmFzZU92ZXJyaWRlcyA9XG4gICh7IGhhc1ZhbHVlLCBpc0xvYWRpbmcgfTogeyBoYXNWYWx1ZTogYm9vbGVhbjsgaXNMb2FkaW5nPzogYm9vbGVhbiB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbSgyMSl9ICR7cmVtKDgwKX0gJHtyZW0oNSl9ICR7dGhlbWUuc3BhY2luZy5tZH1gXG4gICAgICAgICAgOiBgJHtyZW0oMjEpfSAke3JlbSg0MCl9ICR7cmVtKDUpfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGlucHV0T3ZlcnJpZGVzID0gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGlucHV0OiB7XG4gICAgICB0b3A6ICd1bnNldCcsXG4gICAgICBmbGV4OiAnMSAxIDAlJyxcbiAgICAgIG1pbldpZHRoOiAnMjAlJyxcbiAgICAgICcmOmZvY3VzLCAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pJzoge1xuICAgICAgICAnJiArIGxhYmVsJzoge1xuICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpYCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfTtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:textFieldContainer;")
+    );
+  };
+};
+
+exports.textFieldContainer = textFieldContainer;
+
+var rightIconsContainer = function rightIconsContainer() {
+  return function (theme) {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("position:absolute!important;bottom:0;right:", theme.spacing.md, ";top:0;display:flex;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9jb21wb25lbnRzL011bHRpc2VsZWN0VGV4dEZpZWxkL011bHRpc2VsZWN0VGV4dEZpZWxkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCTyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvY29tcG9uZW50cy9NdWx0aXNlbGVjdFRleHRGaWVsZC9NdWx0aXNlbGVjdFRleHRGaWVsZC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZ2V0VGV4dEZpZWxkSGVpZ2h0IH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IExBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkcgfSBmcm9tICdjb21wb25lbnRzL0xhYmVsL0xhYmVsLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IGNoaXBDb250ZW50ID1cbiAgKHsgbWF4V2lkdGggfTogeyBtYXhXaWR0aD86IG51bWJlciB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGggPyByZW0obWF4V2lkdGggLSAxMjApIDogJ3Vuc2V0J307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRleHRGaWVsZENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcueHNtfSAke3RoZW1lLnNwYWNpbmcuc219IDAgMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uc0NvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgICBib3R0b206IDA7XG4gICAgICByaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25TdHlsZXMgPVxuICAoeyBpc0NsaWNrYWJsZSB9OiB7IGlzQ2xpY2thYmxlOiBib29sZWFuIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY3Vyc29yOiAke2lzQ2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2F1dG8nfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hpcFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGhlaWdodDogJHtyZW0oMjApfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oNCl9O1xuICAgICAgfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbnB1dENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHN0YXRpYztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIHJvdy1nYXA6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgei1pbmRleDogMjtcbiAgICBgO1xuXG4vKiogVGV4dEZpZWxkIG92ZXJyaWRlcyAqL1xuXG5leHBvcnQgY29uc3QgdGV4dElucHV0QmFzZU92ZXJyaWRlcyA9XG4gICh7IGhhc1ZhbHVlLCBpc0xvYWRpbmcgfTogeyBoYXNWYWx1ZTogYm9vbGVhbjsgaXNMb2FkaW5nPzogYm9vbGVhbiB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbSgyMSl9ICR7cmVtKDgwKX0gJHtyZW0oNSl9ICR7dGhlbWUuc3BhY2luZy5tZH1gXG4gICAgICAgICAgOiBgJHtyZW0oMjEpfSAke3JlbSg0MCl9ICR7cmVtKDUpfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGlucHV0T3ZlcnJpZGVzID0gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGlucHV0OiB7XG4gICAgICB0b3A6ICd1bnNldCcsXG4gICAgICBmbGV4OiAnMSAxIDAlJyxcbiAgICAgIG1pbldpZHRoOiAnMjAlJyxcbiAgICAgICcmOmZvY3VzLCAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pJzoge1xuICAgICAgICAnJiArIGxhYmVsJzoge1xuICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpYCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfTtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconsContainer;")
+    );
+  };
+};
+
+exports.rightIconsContainer = rightIconsContainer;
+
+var rightIconStyles = function rightIconStyles(_ref2) {
+  var isClickable = _ref2.isClickable;
+  return function () {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("cursor:", isClickable ? 'pointer' : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9jb21wb25lbnRzL011bHRpc2VsZWN0VGV4dEZpZWxkL011bHRpc2VsZWN0VGV4dEZpZWxkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDTyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvY29tcG9uZW50cy9NdWx0aXNlbGVjdFRleHRGaWVsZC9NdWx0aXNlbGVjdFRleHRGaWVsZC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZ2V0VGV4dEZpZWxkSGVpZ2h0IH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IExBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkcgfSBmcm9tICdjb21wb25lbnRzL0xhYmVsL0xhYmVsLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IGNoaXBDb250ZW50ID1cbiAgKHsgbWF4V2lkdGggfTogeyBtYXhXaWR0aD86IG51bWJlciB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGggPyByZW0obWF4V2lkdGggLSAxMjApIDogJ3Vuc2V0J307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRleHRGaWVsZENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcueHNtfSAke3RoZW1lLnNwYWNpbmcuc219IDAgMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uc0NvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgICBib3R0b206IDA7XG4gICAgICByaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25TdHlsZXMgPVxuICAoeyBpc0NsaWNrYWJsZSB9OiB7IGlzQ2xpY2thYmxlOiBib29sZWFuIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY3Vyc29yOiAke2lzQ2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2F1dG8nfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hpcFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGhlaWdodDogJHtyZW0oMjApfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oNCl9O1xuICAgICAgfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbnB1dENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHN0YXRpYztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIHJvdy1nYXA6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgei1pbmRleDogMjtcbiAgICBgO1xuXG4vKiogVGV4dEZpZWxkIG92ZXJyaWRlcyAqL1xuXG5leHBvcnQgY29uc3QgdGV4dElucHV0QmFzZU92ZXJyaWRlcyA9XG4gICh7IGhhc1ZhbHVlLCBpc0xvYWRpbmcgfTogeyBoYXNWYWx1ZTogYm9vbGVhbjsgaXNMb2FkaW5nPzogYm9vbGVhbiB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbSgyMSl9ICR7cmVtKDgwKX0gJHtyZW0oNSl9ICR7dGhlbWUuc3BhY2luZy5tZH1gXG4gICAgICAgICAgOiBgJHtyZW0oMjEpfSAke3JlbSg0MCl9ICR7cmVtKDUpfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGlucHV0T3ZlcnJpZGVzID0gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGlucHV0OiB7XG4gICAgICB0b3A6ICd1bnNldCcsXG4gICAgICBmbGV4OiAnMSAxIDAlJyxcbiAgICAgIG1pbldpZHRoOiAnMjAlJyxcbiAgICAgICcmOmZvY3VzLCAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pJzoge1xuICAgICAgICAnJiArIGxhYmVsJzoge1xuICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpYCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfTtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconStyles;")
+    );
+  };
+};
+
+exports.rightIconStyles = rightIconStyles;
+
+var chipStyle = function chipStyle() {
+  return function (theme) {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("position:relative;margin-right:", theme.spacing.xsm, ";&>div{height:", (0, _polished.rem)(20), ";border-radius:", (0, _polished.rem)(4), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:chipStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9jb21wb25lbnRzL011bHRpc2VsZWN0VGV4dEZpZWxkL011bHRpc2VsZWN0VGV4dEZpZWxkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDTyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvY29tcG9uZW50cy9NdWx0aXNlbGVjdFRleHRGaWVsZC9NdWx0aXNlbGVjdFRleHRGaWVsZC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZ2V0VGV4dEZpZWxkSGVpZ2h0IH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IExBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkcgfSBmcm9tICdjb21wb25lbnRzL0xhYmVsL0xhYmVsLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IGNoaXBDb250ZW50ID1cbiAgKHsgbWF4V2lkdGggfTogeyBtYXhXaWR0aD86IG51bWJlciB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGggPyByZW0obWF4V2lkdGggLSAxMjApIDogJ3Vuc2V0J307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRleHRGaWVsZENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcueHNtfSAke3RoZW1lLnNwYWNpbmcuc219IDAgMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uc0NvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgICBib3R0b206IDA7XG4gICAgICByaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25TdHlsZXMgPVxuICAoeyBpc0NsaWNrYWJsZSB9OiB7IGlzQ2xpY2thYmxlOiBib29sZWFuIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY3Vyc29yOiAke2lzQ2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2F1dG8nfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hpcFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGhlaWdodDogJHtyZW0oMjApfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oNCl9O1xuICAgICAgfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbnB1dENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHN0YXRpYztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIHJvdy1nYXA6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgei1pbmRleDogMjtcbiAgICBgO1xuXG4vKiogVGV4dEZpZWxkIG92ZXJyaWRlcyAqL1xuXG5leHBvcnQgY29uc3QgdGV4dElucHV0QmFzZU92ZXJyaWRlcyA9XG4gICh7IGhhc1ZhbHVlLCBpc0xvYWRpbmcgfTogeyBoYXNWYWx1ZTogYm9vbGVhbjsgaXNMb2FkaW5nPzogYm9vbGVhbiB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbSgyMSl9ICR7cmVtKDgwKX0gJHtyZW0oNSl9ICR7dGhlbWUuc3BhY2luZy5tZH1gXG4gICAgICAgICAgOiBgJHtyZW0oMjEpfSAke3JlbSg0MCl9ICR7cmVtKDUpfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGlucHV0T3ZlcnJpZGVzID0gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGlucHV0OiB7XG4gICAgICB0b3A6ICd1bnNldCcsXG4gICAgICBmbGV4OiAnMSAxIDAlJyxcbiAgICAgIG1pbldpZHRoOiAnMjAlJyxcbiAgICAgICcmOmZvY3VzLCAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pJzoge1xuICAgICAgICAnJiArIGxhYmVsJzoge1xuICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpYCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfTtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:chipStyle;")
+    );
+  };
+};
+
+exports.chipStyle = chipStyle;
+
+var inputContainer = function inputContainer() {
+  return function (theme) {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("position:static;width:100%;display:flex;flex-wrap:wrap;row-gap:", theme.spacing.xsm, ";z-index:2;" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9jb21wb25lbnRzL011bHRpc2VsZWN0VGV4dEZpZWxkL011bHRpc2VsZWN0VGV4dEZpZWxkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBETyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvY29tcG9uZW50cy9NdWx0aXNlbGVjdFRleHRGaWVsZC9NdWx0aXNlbGVjdFRleHRGaWVsZC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZ2V0VGV4dEZpZWxkSGVpZ2h0IH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IExBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkcgfSBmcm9tICdjb21wb25lbnRzL0xhYmVsL0xhYmVsLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IGNoaXBDb250ZW50ID1cbiAgKHsgbWF4V2lkdGggfTogeyBtYXhXaWR0aD86IG51bWJlciB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGggPyByZW0obWF4V2lkdGggLSAxMjApIDogJ3Vuc2V0J307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRleHRGaWVsZENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcueHNtfSAke3RoZW1lLnNwYWNpbmcuc219IDAgMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uc0NvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgICBib3R0b206IDA7XG4gICAgICByaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25TdHlsZXMgPVxuICAoeyBpc0NsaWNrYWJsZSB9OiB7IGlzQ2xpY2thYmxlOiBib29sZWFuIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY3Vyc29yOiAke2lzQ2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2F1dG8nfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hpcFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGhlaWdodDogJHtyZW0oMjApfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oNCl9O1xuICAgICAgfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbnB1dENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHN0YXRpYztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIHJvdy1nYXA6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgei1pbmRleDogMjtcbiAgICBgO1xuXG4vKiogVGV4dEZpZWxkIG92ZXJyaWRlcyAqL1xuXG5leHBvcnQgY29uc3QgdGV4dElucHV0QmFzZU92ZXJyaWRlcyA9XG4gICh7IGhhc1ZhbHVlLCBpc0xvYWRpbmcgfTogeyBoYXNWYWx1ZTogYm9vbGVhbjsgaXNMb2FkaW5nPzogYm9vbGVhbiB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbSgyMSl9ICR7cmVtKDgwKX0gJHtyZW0oNSl9ICR7dGhlbWUuc3BhY2luZy5tZH1gXG4gICAgICAgICAgOiBgJHtyZW0oMjEpfSAke3JlbSg0MCl9ICR7cmVtKDUpfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGlucHV0T3ZlcnJpZGVzID0gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGlucHV0OiB7XG4gICAgICB0b3A6ICd1bnNldCcsXG4gICAgICBmbGV4OiAnMSAxIDAlJyxcbiAgICAgIG1pbldpZHRoOiAnMjAlJyxcbiAgICAgICcmOmZvY3VzLCAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pJzoge1xuICAgICAgICAnJiArIGxhYmVsJzoge1xuICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpYCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfTtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
+    );
+  };
+};
+/** TextField overrides */
+
+
+exports.inputContainer = inputContainer;
+
+var textInputBaseOverrides = function textInputBaseOverrides(_ref3) {
+  var hasValue = _ref3.hasValue,
+      isLoading = _ref3.isLoading;
+  return function (theme) {
+    var labelStyles = {
+      fontWeight: theme.typography.weights.bold + " !important",
+      transform: "translate(" + _Label.LABEL_TRANSFORM_LEFT_SPACING + ", -82%) scale(0.8) !important",
+      bottom: 'auto'
+    };
+    return {
+      wrapper: _extends({
+        height: 'unset',
+        minHeight: (0, _sizeUtils.getTextFieldHeight)('md') + " !important"
+      }, hasValue ? {
+        label: labelStyles
+      } : {
+        'input:focus': {
+          label: labelStyles
+        },
+        label: {
+          transform: "translate(" + _Label.LABEL_TRANSFORM_LEFT_SPACING + ", -8px)"
+        }
+      }),
+      textField: {
+        // For the paddings we use specifically custom numbers that don't match the
+        // ictinus spacing (the are calculated by combining internal absolute positioned component widths)
+        // so we can override the existing TextFieldInputBase paddings to
+        // perfectly position and align the content inside.
+        padding: isLoading ? (0, _polished.rem)(21) + " " + (0, _polished.rem)(80) + " " + (0, _polished.rem)(5) + " " + theme.spacing.md : (0, _polished.rem)(21) + " " + (0, _polished.rem)(40) + " " + (0, _polished.rem)(5) + " " + theme.spacing.md
+      }
+    };
+  };
+};
+
+exports.textInputBaseOverrides = textInputBaseOverrides;
+
+var inputOverrides = function inputOverrides() {
+  return {
+    input: {
+      top: 'unset',
+      flex: '1 1 0%',
+      minWidth: '20%',
+      '&:focus, &:not(:placeholder-shown)': {
+        '& + label': {
+          transform: "translate(" + _Label.LABEL_TRANSFORM_LEFT_SPACING + ", -82%) scale(0.8)"
+        }
+      }
+    }
+  };
+};
+
+exports.inputOverrides = inputOverrides;

package/dist/components/Select/components/MultiselectTextField/index.d.ts

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

package/dist/components/Select/components/MultiselectTextField/index.js

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