@orfium/ictinus 4.66.0 → 4.67.0

package/dist/components/Filter/components/MultiFilter/MultiFilter.js

@@ -11,7 +11,7 @@ var _MultiFilter = require("./MultiFilter.style");
 
 var _Filter = require("../../Filter.style");
 
-var _MultiSelectBase = _interopRequireDefault(require("../../../MultiSelectBase/MultiSelectBase"));
+var _MultiTextFieldBase = _interopRequireDefault(require("../../../MultiTextFieldBase"));
 
 var _constants = require("../../../Select/constants");
 
@@ -33,7 +33,7 @@ var MultiFilter = function MultiFilter(_ref) {
     css: (0, _Filter.menuStyle)()
   }, (0, _react2.jsx)("div", {
     css: (0, _MultiFilter.textFieldWrapper)()
-  }, (0, _react2.jsx)(_MultiSelectBase["default"], {
+  }, (0, _react2.jsx)(_MultiTextFieldBase["default"], {
     selectedOptions: selectedItems,
     onInput: onInput,
     onOptionDelete: onOptionDelete,

package/dist/components/MultiTextFieldBase/MultiTextFieldBase.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { TestProps } from 'utils/types';
+import { SelectOption } from 'components/Select/Select';
+import { Props as TextFieldProps } from 'components/TextField/TextField';
+export declare type Props = {
+    /** the values of the MultiTextField if MultiTextField is controlled */
+    selectedOptions?: SelectOption[] | string[];
+    /** Callback fired when the `input` value typed is changed */
+    onInput?: React.EventHandler<any>;
+    /** Value of the `input` element */
+    value?: string | number;
+    /** Callback fired when the Delete button of each Chip is clicked */
+    onOptionDelete: (option?: SelectOption | string) => void;
+    /** Callback fired when the Delete button of the whole MultiSelect is clicked */
+    onClearAllOptions: () => void;
+    /** If the component is loading */
+    isLoading?: boolean;
+    /** Whether the Textfield should change its styles when hovered/focused etc */
+    isInteractive?: boolean;
+    /** If true, the TextField has a dynamic width, bounded by max and min width values  */
+    isResponsive?: boolean;
+    isTextfield?: boolean;
+} & Omit<TextFieldProps, 'size'>;
+declare const MultiTextFieldBase: React.ForwardRefExoticComponent<{
+    /** the values of the MultiTextField if MultiTextField is controlled */
+    selectedOptions?: string[] | 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?: string | 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;
+    /** Whether the Textfield should change its styles when hovered/focused etc */
+    isInteractive?: boolean | undefined;
+    /** If true, the TextField has a dynamic width, bounded by max and min width values  */
+    isResponsive?: boolean | undefined;
+    isTextfield?: boolean | undefined;
+} & Omit<TextFieldProps, "size"> & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps & React.RefAttributes<HTMLInputElement>>;
+export default MultiTextFieldBase;

package/dist/components/{MultiSelectBase/MultiSelectBase.js → MultiTextFieldBase/MultiTextFieldBase.js}

@@ -13,7 +13,7 @@ var _helpers = require("../../utils/helpers");
 
 var _hooks = _interopRequireDefault(require("./hooks"));
 
-var _MultiSelectBase = require("./MultiSelectBase.style");
+var _MultiTextFieldBase = require("./MultiTextFieldBase.style");
 
 var _Chip = _interopRequireDefault(require("../Chip"));
 
@@ -27,7 +27,7 @@ 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", "isInteractive", "isResponsive"];
+var _excluded = ["selectedOptions", "value", "disabled", "locked", "status", "lean", "dark", "readOnly", "label", "id", "placeholder", "required", "styleType", "onOptionDelete", "onClearAllOptions", "isLoading", "rightIcon", "isInteractive", "isResponsive", "isTextfield"];
 
 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); }
 
@@ -39,7 +39,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 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 MultiSelectBase = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+var MultiTextFieldBase = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var selectedOptions = props.selectedOptions,
       value = props.value,
       disabled = props.disabled,
@@ -62,12 +62,15 @@ var MultiSelectBase = /*#__PURE__*/_react["default"].forwardRef(function (props,
       isInteractive = _props$isInteractive === void 0 ? true : _props$isInteractive,
       _props$isResponsive = props.isResponsive,
       isResponsive = _props$isResponsive === void 0 ? false : _props$isResponsive,
+      _props$isTextfield = props.isTextfield,
+      isTextfield = _props$isTextfield === void 0 ? false : _props$isTextfield,
       rest = _objectWithoutPropertiesLoose(props, _excluded);
 
   var theme = (0, _useTheme["default"])();
   var hasValue = Boolean(value || (selectedOptions == null ? void 0 : selectedOptions.length) && (selectedOptions == null ? void 0 : selectedOptions.length) > 0);
 
-  var _useMultiSelectBaseUt = (0, _hooks["default"])({
+  var _useMultiTextFieldBas = (0, _hooks["default"])({
+    isTextfield: isTextfield,
     label: label,
     placeholder: placeholder,
     required: required,
@@ -78,11 +81,11 @@ var MultiSelectBase = /*#__PURE__*/_react["default"].forwardRef(function (props,
     onOptionDelete: onOptionDelete,
     onClearAllOptions: onClearAllOptions
   }),
-      inputPlaceholder = _useMultiSelectBaseUt.inputPlaceholder,
-      handleKeyDown = _useMultiSelectBaseUt.handleKeyDown,
-      icon = _useMultiSelectBaseUt.icon,
-      hasLabel = _useMultiSelectBaseUt.hasLabel,
-      TextfieldRef = _useMultiSelectBaseUt.TextfieldRef;
+      inputPlaceholder = _useMultiTextFieldBas.inputPlaceholder,
+      handleKeyDown = _useMultiTextFieldBas.handleKeyDown,
+      icon = _useMultiTextFieldBas.icon,
+      hasLabel = _useMultiTextFieldBas.hasLabel,
+      TextfieldRef = _useMultiTextFieldBas.TextfieldRef;
 
   var chips = (0, _react.useMemo)(function () {
     return (0, _react2.jsx)(_react["default"].Fragment, null, selectedOptions == null ? void 0 : selectedOptions.map(function (option, index) {
@@ -90,7 +93,7 @@ var MultiSelectBase = /*#__PURE__*/_react["default"].forwardRef(function (props,
 
       return (0, _react2.jsx)("span", {
         key: (0, _helpers.generateUniqueID)('chip' + index),
-        css: (0, _MultiSelectBase.chipStyle)()
+        css: (0, _MultiTextFieldBase.chipStyle)()
       }, (0, _react2.jsx)(_Chip["default"], {
         onClear: !(locked || disabled) ? function () {
           return onOptionDelete(option);
@@ -98,11 +101,11 @@ var MultiSelectBase = /*#__PURE__*/_react["default"].forwardRef(function (props,
         fill: "lightGrey",
         dataTestId: "chip_" + index
       }, (0, _react2.jsx)("div", {
-        title: option.label,
-        css: (0, _MultiSelectBase.chipContent)({
+        title: typeof option === 'string' ? option : option.label,
+        css: (0, _MultiTextFieldBase.chipContent)({
           maxWidth: (_TextfieldRef$current = TextfieldRef.current) == null ? void 0 : _TextfieldRef$current.getBoundingClientRect().width
         })
-      }, option.label)));
+      }, typeof option === 'string' ? option : option.label)));
     }));
   }, [disabled, locked, onOptionDelete, selectedOptions]);
   return (0, _react2.jsx)("div", {
@@ -116,14 +119,15 @@ var MultiSelectBase = /*#__PURE__*/_react["default"].forwardRef(function (props,
     styleType: styleType
   }, rest, {
     isInteractive: isInteractive,
-    sx: (0, _MultiSelectBase.textInputBaseOverrides)({
+    sx: (0, _MultiTextFieldBase.textInputBaseOverrides)({
       hasValue: hasValue,
       isLoading: isLoading,
       hasLabel: hasLabel,
-      isResponsive: isResponsive
+      isResponsive: isResponsive,
+      isTextfield: isTextfield
     })(theme)
   }), (0, _react2.jsx)("div", {
-    css: (0, _MultiSelectBase.inputContainer)()
+    css: (0, _MultiTextFieldBase.inputContainer)()
   }, chips, (0, _react2.jsx)("input", _extends({
     readOnly: readOnly,
     onKeyDown: handleKeyDown,
@@ -133,7 +137,7 @@ var MultiSelectBase = /*#__PURE__*/_react["default"].forwardRef(function (props,
       label: label,
       dark: dark,
       lean: lean,
-      sx: (0, _MultiSelectBase.inputOverrides)()
+      sx: (0, _MultiTextFieldBase.inputOverrides)()
     }),
     placeholder: inputPlaceholder,
     required: required,
@@ -150,14 +154,14 @@ var MultiSelectBase = /*#__PURE__*/_react["default"].forwardRef(function (props,
     animateToTop: hasValue,
     error: status === 'error'
   })), !disabled && (0, _react2.jsx)("div", {
-    css: (0, _MultiSelectBase.rightIconsContainer)()
-  }, isLoading && (0, _react2.jsx)(_Loader["default"], null), (0, _react2.jsx)("div", {
-    css: (0, _MultiSelectBase.rightIconStyles)({
+    css: (0, _MultiTextFieldBase.rightIconsContainer)()
+  }, isLoading && (0, _react2.jsx)(_Loader["default"], null), icon && (0, _react2.jsx)("div", {
+    css: (0, _MultiTextFieldBase.rightIconStyles)({
       isClickable: hasValue && !locked
     })
   }, icon))));
 });
 
-MultiSelectBase.displayName = 'MultiSelectBase';
-var _default = MultiSelectBase;
+MultiTextFieldBase.displayName = 'MultiTextFieldBase';
+var _default = MultiTextFieldBase;
 exports["default"] = _default;

package/dist/components/{MultiSelectBase/MultiSelectBase.style.d.ts → MultiTextFieldBase/MultiTextFieldBase.style.d.ts}

@@ -11,11 +11,12 @@ export declare const rightIconStyles: ({ isClickable }: {
 export declare const chipStyle: () => (theme: Theme) => SerializedStyles;
 export declare const inputContainer: () => (theme: Theme) => SerializedStyles;
 /** TextField overrides */
-export declare const textInputBaseOverrides: ({ hasValue, isLoading, hasLabel, isResponsive, }: {
+export declare const textInputBaseOverrides: ({ hasValue, isLoading, hasLabel, isResponsive, isTextfield, }: {
     hasValue: boolean;
     isLoading?: boolean | undefined;
     hasLabel?: boolean | undefined;
     isResponsive?: boolean | undefined;
+    isTextfield?: boolean | undefined;
 }) => (theme: Theme) => {
     wrapper: {
         label: {

package/dist/components/MultiTextFieldBase/MultiTextFieldBase.style.js

@@ -0,0 +1,159 @@
+"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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpVGV4dEZpZWxkQmFzZS9NdWx0aVRleHRGaWVsZEJhc2Uuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVU8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTXVsdGlUZXh0RmllbGRCYXNlL011bHRpVGV4dEZpZWxkQmFzZS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZ2V0VGV4dEZpZWxkSGVpZ2h0LCBnZXRUZXh0RmllbGRTaXplIH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IExBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkcgfSBmcm9tICdjb21wb25lbnRzL0xhYmVsL0xhYmVsLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IGNoaXBDb250ZW50ID1cbiAgKHsgbWF4V2lkdGggfTogeyBtYXhXaWR0aD86IG51bWJlciB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGggPyByZW0obWF4V2lkdGggLSAxMjApIDogJ3Vuc2V0J307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRleHRGaWVsZENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcueHNtfSAke3RoZW1lLnNwYWNpbmcuc219IDAgMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uc0NvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgICBib3R0b206IDA7XG4gICAgICByaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25TdHlsZXMgPVxuICAoeyBpc0NsaWNrYWJsZSB9OiB7IGlzQ2xpY2thYmxlOiBib29sZWFuIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY3Vyc29yOiAke2lzQ2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2F1dG8nfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hpcFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGhlaWdodDogJHtyZW0oMjApfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oNCl9O1xuICAgICAgfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbnB1dENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHN0YXRpYztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIHJvdy1nYXA6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgei1pbmRleDogMjtcbiAgICBgO1xuXG4vKiogVGV4dEZpZWxkIG92ZXJyaWRlcyAqL1xuXG5leHBvcnQgY29uc3QgdGV4dElucHV0QmFzZU92ZXJyaWRlcyA9XG4gICh7XG4gICAgaGFzVmFsdWUsXG4gICAgaXNMb2FkaW5nLFxuICAgIGhhc0xhYmVsLFxuICAgIGlzUmVzcG9uc2l2ZSxcbiAgICBpc1RleHRmaWVsZCxcbiAgfToge1xuICAgIGhhc1ZhbHVlOiBib29sZWFuO1xuICAgIGlzTG9hZGluZz86IGJvb2xlYW47XG4gICAgaGFzTGFiZWw/OiBib29sZWFuO1xuICAgIGlzUmVzcG9uc2l2ZT86IGJvb2xlYW47XG4gICAgaXNUZXh0ZmllbGQ/OiBib29sZWFuO1xuICB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgY29uc3QgcGFkZGluZ1RvcCA9IGhhc0xhYmVsID8gMjEgOiAxMztcbiAgICBjb25zdCBwYWRkaW5nQm90dG9tID0gaGFzTGFiZWwgPyA1IDogMTM7XG5cbiAgICByZXR1cm4ge1xuICAgICAgd3JhcHBlcjoge1xuICAgICAgICBoZWlnaHQ6ICd1bnNldCcsXG4gICAgICAgIG1pbkhlaWdodDogYCR7Z2V0VGV4dEZpZWxkSGVpZ2h0KCdtZCcpfSAhaW1wb3J0YW50YCxcbiAgICAgICAgLi4uKGhhc1ZhbHVlXG4gICAgICAgICAgPyB7IGxhYmVsOiBsYWJlbFN0eWxlcyB9XG4gICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICdpbnB1dDpmb2N1cyc6IHtcbiAgICAgICAgICAgICAgICBsYWJlbDogbGFiZWxTdHlsZXMsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIGxhYmVsOiB7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04cHgpYCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgfSxcbiAgICAgIHRleHRGaWVsZDoge1xuICAgICAgICAvLyBGb3IgdGhlIHBhZGRpbmdzIHdlIHVzZSBzcGVjaWZpY2FsbHkgY3VzdG9tIG51bWJlcnMgdGhhdCBkb24ndCBtYXRjaCB0aGVcbiAgICAgICAgLy8gaWN0aW51cyBzcGFjaW5nICh0aGUgYXJlIGNhbGN1bGF0ZWQgYnkgY29tYmluaW5nIGludGVybmFsIGFic29sdXRlIHBvc2l0aW9uZWQgY29tcG9uZW50IHdpZHRocylcbiAgICAgICAgLy8gc28gd2UgY2FuIG92ZXJyaWRlIHRoZSBleGlzdGluZyBUZXh0RmllbGRJbnB1dEJhc2UgcGFkZGluZ3MgdG9cbiAgICAgICAgLy8gcGVyZmVjdGx5IHBvc2l0aW9uIGFuZCBhbGlnbiB0aGUgY29udGVudCBpbnNpZGUuXG4gICAgICAgIHBhZGRpbmc6IGlzTG9hZGluZ1xuICAgICAgICAgID8gYCR7cmVtKHBhZGRpbmdUb3ApfSAke3JlbSg4MCl9ICR7cmVtKHBhZGRpbmdCb3R0b20pfSAke3RoZW1lLnNwYWNpbmcubWR9YFxuICAgICAgICAgIDogYCR7cmVtKHBhZGRpbmdUb3ApfSAke3JlbSg0MCl9ICR7cmVtKHBhZGRpbmdCb3R0b20pfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgICAgLi4uKGlzUmVzcG9uc2l2ZVxuICAgICAgICAgID8geyB3aWR0aDogJ21heC1jb250ZW50JywgbWluV2lkdGg6IGdldFRleHRGaWVsZFNpemUodHJ1ZSwgJ21kJykubWluV2lkdGggfVxuICAgICAgICAgIDoge30pLFxuICAgICAgICAuLi4oaXNUZXh0ZmllbGQgPyB7IHdpZHRoOiBnZXRUZXh0RmllbGRTaXplKHRydWUsICdtZCcsIHRydWUpLndpZHRoIH0gOiB7fSksXG4gICAgICB9LFxuICAgIH07XG4gIH07XG5cbmV4cG9ydCBjb25zdCBpbnB1dE92ZXJyaWRlcyA9ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBpbnB1dDoge1xuICAgICAgdG9wOiAndW5zZXQnLFxuICAgICAgZmxleDogJzEgMSAwJScsXG4gICAgICBtaW5XaWR0aDogJzIwJScsXG4gICAgICAnJjpmb2N1cywgJjpub3QoOnBsYWNlaG9sZGVyLXNob3duKSc6IHtcbiAgICAgICAgJyYgKyBsYWJlbCc6IHtcbiAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGUoJHtMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HfSwgLTgyJSkgc2NhbGUoMC44KWAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0sXG4gIH07XG59O1xuIl19 */", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpVGV4dEZpZWxkQmFzZS9NdWx0aVRleHRGaWVsZEJhc2Uuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpVGV4dEZpZWxkQmFzZS9NdWx0aVRleHRGaWVsZEJhc2Uuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGdldFRleHRGaWVsZEhlaWdodCwgZ2V0VGV4dEZpZWxkU2l6ZSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgeyBMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HIH0gZnJvbSAnY29tcG9uZW50cy9MYWJlbC9MYWJlbC5zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBjaGlwQ29udGVudCA9XG4gICh7IG1heFdpZHRoIH06IHsgbWF4V2lkdGg/OiBudW1iZXIgfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgbWF4LXdpZHRoOiAke21heFdpZHRoID8gcmVtKG1heFdpZHRoIC0gMTIwKSA6ICd1bnNldCd9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCB0ZXh0RmllbGRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnhzbX0gJHt0aGVtZS5zcGFjaW5nLnNtfSAwIDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHJpZ2h0SWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gICAgICB0b3A6IDA7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uU3R5bGVzID1cbiAgKHsgaXNDbGlja2FibGUgfTogeyBpc0NsaWNrYWJsZTogYm9vbGVhbiB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGN1cnNvcjogJHtpc0NsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdhdXRvJ307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGNoaXBTdHlsZSA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBoZWlnaHQ6ICR7cmVtKDIwKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cmVtKDQpfTtcbiAgICAgIH1cbiAgICBgO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICByb3ctZ2FwOiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgYDtcblxuLyoqIFRleHRGaWVsZCBvdmVycmlkZXMgKi9cblxuZXhwb3J0IGNvbnN0IHRleHRJbnB1dEJhc2VPdmVycmlkZXMgPVxuICAoe1xuICAgIGhhc1ZhbHVlLFxuICAgIGlzTG9hZGluZyxcbiAgICBoYXNMYWJlbCxcbiAgICBpc1Jlc3BvbnNpdmUsXG4gICAgaXNUZXh0ZmllbGQsXG4gIH06IHtcbiAgICBoYXNWYWx1ZTogYm9vbGVhbjtcbiAgICBpc0xvYWRpbmc/OiBib29sZWFuO1xuICAgIGhhc0xhYmVsPzogYm9vbGVhbjtcbiAgICBpc1Jlc3BvbnNpdmU/OiBib29sZWFuO1xuICAgIGlzVGV4dGZpZWxkPzogYm9vbGVhbjtcbiAgfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSkgPT4ge1xuICAgIGNvbnN0IGxhYmVsU3R5bGVzID0ge1xuICAgICAgZm9udFdlaWdodDogYCR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9ICFpbXBvcnRhbnRgIGFzIGFueSxcbiAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpICFpbXBvcnRhbnRgLFxuICAgICAgYm90dG9tOiAnYXV0bycsXG4gICAgfTtcblxuICAgIGNvbnN0IHBhZGRpbmdUb3AgPSBoYXNMYWJlbCA/IDIxIDogMTM7XG4gICAgY29uc3QgcGFkZGluZ0JvdHRvbSA9IGhhc0xhYmVsID8gNSA6IDEzO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbShwYWRkaW5nVG9wKX0gJHtyZW0oODApfSAke3JlbShwYWRkaW5nQm90dG9tKX0gJHt0aGVtZS5zcGFjaW5nLm1kfWBcbiAgICAgICAgICA6IGAke3JlbShwYWRkaW5nVG9wKX0gJHtyZW0oNDApfSAke3JlbShwYWRkaW5nQm90dG9tKX0gJHt0aGVtZS5zcGFjaW5nLm1kfWAsXG4gICAgICAgIC4uLihpc1Jlc3BvbnNpdmVcbiAgICAgICAgICA/IHsgd2lkdGg6ICdtYXgtY29udGVudCcsIG1pbldpZHRoOiBnZXRUZXh0RmllbGRTaXplKHRydWUsICdtZCcpLm1pbldpZHRoIH1cbiAgICAgICAgICA6IHt9KSxcbiAgICAgICAgLi4uKGlzVGV4dGZpZWxkID8geyB3aWR0aDogZ2V0VGV4dEZpZWxkU2l6ZSh0cnVlLCAnbWQnLCB0cnVlKS53aWR0aCB9IDoge30pLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgaW5wdXRPdmVycmlkZXMgPSAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgaW5wdXQ6IHtcbiAgICAgIHRvcDogJ3Vuc2V0JyxcbiAgICAgIGZsZXg6ICcxIDEgMCUnLFxuICAgICAgbWluV2lkdGg6ICcyMCUnLFxuICAgICAgJyY6Zm9jdXMsICY6bm90KDpwbGFjZWhvbGRlci1zaG93biknOiB7XG4gICAgICAgICcmICsgbGFiZWwnOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOClgLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9O1xufTtcbiJdfQ== */", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpVGV4dEZpZWxkQmFzZS9NdWx0aVRleHRGaWVsZEJhc2Uuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpVGV4dEZpZWxkQmFzZS9NdWx0aVRleHRGaWVsZEJhc2Uuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGdldFRleHRGaWVsZEhlaWdodCwgZ2V0VGV4dEZpZWxkU2l6ZSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgeyBMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HIH0gZnJvbSAnY29tcG9uZW50cy9MYWJlbC9MYWJlbC5zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBjaGlwQ29udGVudCA9XG4gICh7IG1heFdpZHRoIH06IHsgbWF4V2lkdGg/OiBudW1iZXIgfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgbWF4LXdpZHRoOiAke21heFdpZHRoID8gcmVtKG1heFdpZHRoIC0gMTIwKSA6ICd1bnNldCd9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCB0ZXh0RmllbGRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnhzbX0gJHt0aGVtZS5zcGFjaW5nLnNtfSAwIDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHJpZ2h0SWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gICAgICB0b3A6IDA7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uU3R5bGVzID1cbiAgKHsgaXNDbGlja2FibGUgfTogeyBpc0NsaWNrYWJsZTogYm9vbGVhbiB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGN1cnNvcjogJHtpc0NsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdhdXRvJ307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGNoaXBTdHlsZSA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBoZWlnaHQ6ICR7cmVtKDIwKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cmVtKDQpfTtcbiAgICAgIH1cbiAgICBgO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICByb3ctZ2FwOiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgYDtcblxuLyoqIFRleHRGaWVsZCBvdmVycmlkZXMgKi9cblxuZXhwb3J0IGNvbnN0IHRleHRJbnB1dEJhc2VPdmVycmlkZXMgPVxuICAoe1xuICAgIGhhc1ZhbHVlLFxuICAgIGlzTG9hZGluZyxcbiAgICBoYXNMYWJlbCxcbiAgICBpc1Jlc3BvbnNpdmUsXG4gICAgaXNUZXh0ZmllbGQsXG4gIH06IHtcbiAgICBoYXNWYWx1ZTogYm9vbGVhbjtcbiAgICBpc0xvYWRpbmc/OiBib29sZWFuO1xuICAgIGhhc0xhYmVsPzogYm9vbGVhbjtcbiAgICBpc1Jlc3BvbnNpdmU/OiBib29sZWFuO1xuICAgIGlzVGV4dGZpZWxkPzogYm9vbGVhbjtcbiAgfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSkgPT4ge1xuICAgIGNvbnN0IGxhYmVsU3R5bGVzID0ge1xuICAgICAgZm9udFdlaWdodDogYCR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9ICFpbXBvcnRhbnRgIGFzIGFueSxcbiAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpICFpbXBvcnRhbnRgLFxuICAgICAgYm90dG9tOiAnYXV0bycsXG4gICAgfTtcblxuICAgIGNvbnN0IHBhZGRpbmdUb3AgPSBoYXNMYWJlbCA/IDIxIDogMTM7XG4gICAgY29uc3QgcGFkZGluZ0JvdHRvbSA9IGhhc0xhYmVsID8gNSA6IDEzO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbShwYWRkaW5nVG9wKX0gJHtyZW0oODApfSAke3JlbShwYWRkaW5nQm90dG9tKX0gJHt0aGVtZS5zcGFjaW5nLm1kfWBcbiAgICAgICAgICA6IGAke3JlbShwYWRkaW5nVG9wKX0gJHtyZW0oNDApfSAke3JlbShwYWRkaW5nQm90dG9tKX0gJHt0aGVtZS5zcGFjaW5nLm1kfWAsXG4gICAgICAgIC4uLihpc1Jlc3BvbnNpdmVcbiAgICAgICAgICA/IHsgd2lkdGg6ICdtYXgtY29udGVudCcsIG1pbldpZHRoOiBnZXRUZXh0RmllbGRTaXplKHRydWUsICdtZCcpLm1pbldpZHRoIH1cbiAgICAgICAgICA6IHt9KSxcbiAgICAgICAgLi4uKGlzVGV4dGZpZWxkID8geyB3aWR0aDogZ2V0VGV4dEZpZWxkU2l6ZSh0cnVlLCAnbWQnLCB0cnVlKS53aWR0aCB9IDoge30pLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgaW5wdXRPdmVycmlkZXMgPSAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgaW5wdXQ6IHtcbiAgICAgIHRvcDogJ3Vuc2V0JyxcbiAgICAgIGZsZXg6ICcxIDEgMCUnLFxuICAgICAgbWluV2lkdGg6ICcyMCUnLFxuICAgICAgJyY6Zm9jdXMsICY6bm90KDpwbGFjZWhvbGRlci1zaG93biknOiB7XG4gICAgICAgICcmICsgbGFiZWwnOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOClgLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9O1xufTtcbiJdfQ== */", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpVGV4dEZpZWxkQmFzZS9NdWx0aVRleHRGaWVsZEJhc2Uuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpVGV4dEZpZWxkQmFzZS9NdWx0aVRleHRGaWVsZEJhc2Uuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGdldFRleHRGaWVsZEhlaWdodCwgZ2V0VGV4dEZpZWxkU2l6ZSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgeyBMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HIH0gZnJvbSAnY29tcG9uZW50cy9MYWJlbC9MYWJlbC5zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBjaGlwQ29udGVudCA9XG4gICh7IG1heFdpZHRoIH06IHsgbWF4V2lkdGg/OiBudW1iZXIgfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgbWF4LXdpZHRoOiAke21heFdpZHRoID8gcmVtKG1heFdpZHRoIC0gMTIwKSA6ICd1bnNldCd9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCB0ZXh0RmllbGRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnhzbX0gJHt0aGVtZS5zcGFjaW5nLnNtfSAwIDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHJpZ2h0SWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gICAgICB0b3A6IDA7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uU3R5bGVzID1cbiAgKHsgaXNDbGlja2FibGUgfTogeyBpc0NsaWNrYWJsZTogYm9vbGVhbiB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGN1cnNvcjogJHtpc0NsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdhdXRvJ307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGNoaXBTdHlsZSA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBoZWlnaHQ6ICR7cmVtKDIwKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cmVtKDQpfTtcbiAgICAgIH1cbiAgICBgO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICByb3ctZ2FwOiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgYDtcblxuLyoqIFRleHRGaWVsZCBvdmVycmlkZXMgKi9cblxuZXhwb3J0IGNvbnN0IHRleHRJbnB1dEJhc2VPdmVycmlkZXMgPVxuICAoe1xuICAgIGhhc1ZhbHVlLFxuICAgIGlzTG9hZGluZyxcbiAgICBoYXNMYWJlbCxcbiAgICBpc1Jlc3BvbnNpdmUsXG4gICAgaXNUZXh0ZmllbGQsXG4gIH06IHtcbiAgICBoYXNWYWx1ZTogYm9vbGVhbjtcbiAgICBpc0xvYWRpbmc/OiBib29sZWFuO1xuICAgIGhhc0xhYmVsPzogYm9vbGVhbjtcbiAgICBpc1Jlc3BvbnNpdmU/OiBib29sZWFuO1xuICAgIGlzVGV4dGZpZWxkPzogYm9vbGVhbjtcbiAgfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSkgPT4ge1xuICAgIGNvbnN0IGxhYmVsU3R5bGVzID0ge1xuICAgICAgZm9udFdlaWdodDogYCR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9ICFpbXBvcnRhbnRgIGFzIGFueSxcbiAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpICFpbXBvcnRhbnRgLFxuICAgICAgYm90dG9tOiAnYXV0bycsXG4gICAgfTtcblxuICAgIGNvbnN0IHBhZGRpbmdUb3AgPSBoYXNMYWJlbCA/IDIxIDogMTM7XG4gICAgY29uc3QgcGFkZGluZ0JvdHRvbSA9IGhhc0xhYmVsID8gNSA6IDEzO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbShwYWRkaW5nVG9wKX0gJHtyZW0oODApfSAke3JlbShwYWRkaW5nQm90dG9tKX0gJHt0aGVtZS5zcGFjaW5nLm1kfWBcbiAgICAgICAgICA6IGAke3JlbShwYWRkaW5nVG9wKX0gJHtyZW0oNDApfSAke3JlbShwYWRkaW5nQm90dG9tKX0gJHt0aGVtZS5zcGFjaW5nLm1kfWAsXG4gICAgICAgIC4uLihpc1Jlc3BvbnNpdmVcbiAgICAgICAgICA/IHsgd2lkdGg6ICdtYXgtY29udGVudCcsIG1pbldpZHRoOiBnZXRUZXh0RmllbGRTaXplKHRydWUsICdtZCcpLm1pbldpZHRoIH1cbiAgICAgICAgICA6IHt9KSxcbiAgICAgICAgLi4uKGlzVGV4dGZpZWxkID8geyB3aWR0aDogZ2V0VGV4dEZpZWxkU2l6ZSh0cnVlLCAnbWQnLCB0cnVlKS53aWR0aCB9IDoge30pLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgaW5wdXRPdmVycmlkZXMgPSAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgaW5wdXQ6IHtcbiAgICAgIHRvcDogJ3Vuc2V0JyxcbiAgICAgIGZsZXg6ICcxIDEgMCUnLFxuICAgICAgbWluV2lkdGg6ICcyMCUnLFxuICAgICAgJyY6Zm9jdXMsICY6bm90KDpwbGFjZWhvbGRlci1zaG93biknOiB7XG4gICAgICAgICcmICsgbGFiZWwnOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOClgLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9O1xufTtcbiJdfQ== */", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpVGV4dEZpZWxkQmFzZS9NdWx0aVRleHRGaWVsZEJhc2Uuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpVGV4dEZpZWxkQmFzZS9NdWx0aVRleHRGaWVsZEJhc2Uuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGdldFRleHRGaWVsZEhlaWdodCwgZ2V0VGV4dEZpZWxkU2l6ZSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgeyBMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HIH0gZnJvbSAnY29tcG9uZW50cy9MYWJlbC9MYWJlbC5zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBjaGlwQ29udGVudCA9XG4gICh7IG1heFdpZHRoIH06IHsgbWF4V2lkdGg/OiBudW1iZXIgfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgbWF4LXdpZHRoOiAke21heFdpZHRoID8gcmVtKG1heFdpZHRoIC0gMTIwKSA6ICd1bnNldCd9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCB0ZXh0RmllbGRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnhzbX0gJHt0aGVtZS5zcGFjaW5nLnNtfSAwIDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHJpZ2h0SWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gICAgICB0b3A6IDA7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uU3R5bGVzID1cbiAgKHsgaXNDbGlja2FibGUgfTogeyBpc0NsaWNrYWJsZTogYm9vbGVhbiB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGN1cnNvcjogJHtpc0NsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdhdXRvJ307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGNoaXBTdHlsZSA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBoZWlnaHQ6ICR7cmVtKDIwKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cmVtKDQpfTtcbiAgICAgIH1cbiAgICBgO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICByb3ctZ2FwOiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgYDtcblxuLyoqIFRleHRGaWVsZCBvdmVycmlkZXMgKi9cblxuZXhwb3J0IGNvbnN0IHRleHRJbnB1dEJhc2VPdmVycmlkZXMgPVxuICAoe1xuICAgIGhhc1ZhbHVlLFxuICAgIGlzTG9hZGluZyxcbiAgICBoYXNMYWJlbCxcbiAgICBpc1Jlc3BvbnNpdmUsXG4gICAgaXNUZXh0ZmllbGQsXG4gIH06IHtcbiAgICBoYXNWYWx1ZTogYm9vbGVhbjtcbiAgICBpc0xvYWRpbmc/OiBib29sZWFuO1xuICAgIGhhc0xhYmVsPzogYm9vbGVhbjtcbiAgICBpc1Jlc3BvbnNpdmU/OiBib29sZWFuO1xuICAgIGlzVGV4dGZpZWxkPzogYm9vbGVhbjtcbiAgfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSkgPT4ge1xuICAgIGNvbnN0IGxhYmVsU3R5bGVzID0ge1xuICAgICAgZm9udFdlaWdodDogYCR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9ICFpbXBvcnRhbnRgIGFzIGFueSxcbiAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpICFpbXBvcnRhbnRgLFxuICAgICAgYm90dG9tOiAnYXV0bycsXG4gICAgfTtcblxuICAgIGNvbnN0IHBhZGRpbmdUb3AgPSBoYXNMYWJlbCA/IDIxIDogMTM7XG4gICAgY29uc3QgcGFkZGluZ0JvdHRvbSA9IGhhc0xhYmVsID8gNSA6IDEzO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbShwYWRkaW5nVG9wKX0gJHtyZW0oODApfSAke3JlbShwYWRkaW5nQm90dG9tKX0gJHt0aGVtZS5zcGFjaW5nLm1kfWBcbiAgICAgICAgICA6IGAke3JlbShwYWRkaW5nVG9wKX0gJHtyZW0oNDApfSAke3JlbShwYWRkaW5nQm90dG9tKX0gJHt0aGVtZS5zcGFjaW5nLm1kfWAsXG4gICAgICAgIC4uLihpc1Jlc3BvbnNpdmVcbiAgICAgICAgICA/IHsgd2lkdGg6ICdtYXgtY29udGVudCcsIG1pbldpZHRoOiBnZXRUZXh0RmllbGRTaXplKHRydWUsICdtZCcpLm1pbldpZHRoIH1cbiAgICAgICAgICA6IHt9KSxcbiAgICAgICAgLi4uKGlzVGV4dGZpZWxkID8geyB3aWR0aDogZ2V0VGV4dEZpZWxkU2l6ZSh0cnVlLCAnbWQnLCB0cnVlKS53aWR0aCB9IDoge30pLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgaW5wdXRPdmVycmlkZXMgPSAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgaW5wdXQ6IHtcbiAgICAgIHRvcDogJ3Vuc2V0JyxcbiAgICAgIGZsZXg6ICcxIDEgMCUnLFxuICAgICAgbWluV2lkdGg6ICcyMCUnLFxuICAgICAgJyY6Zm9jdXMsICY6bm90KDpwbGFjZWhvbGRlci1zaG93biknOiB7XG4gICAgICAgICcmICsgbGFiZWwnOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOClgLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9O1xufTtcbiJdfQ== */", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpVGV4dEZpZWxkQmFzZS9NdWx0aVRleHRGaWVsZEJhc2Uuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMERPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpVGV4dEZpZWxkQmFzZS9NdWx0aVRleHRGaWVsZEJhc2Uuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGdldFRleHRGaWVsZEhlaWdodCwgZ2V0VGV4dEZpZWxkU2l6ZSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgeyBMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HIH0gZnJvbSAnY29tcG9uZW50cy9MYWJlbC9MYWJlbC5zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBjaGlwQ29udGVudCA9XG4gICh7IG1heFdpZHRoIH06IHsgbWF4V2lkdGg/OiBudW1iZXIgfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgbWF4LXdpZHRoOiAke21heFdpZHRoID8gcmVtKG1heFdpZHRoIC0gMTIwKSA6ICd1bnNldCd9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCB0ZXh0RmllbGRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnhzbX0gJHt0aGVtZS5zcGFjaW5nLnNtfSAwIDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHJpZ2h0SWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gICAgICB0b3A6IDA7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uU3R5bGVzID1cbiAgKHsgaXNDbGlja2FibGUgfTogeyBpc0NsaWNrYWJsZTogYm9vbGVhbiB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGN1cnNvcjogJHtpc0NsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdhdXRvJ307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGNoaXBTdHlsZSA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBoZWlnaHQ6ICR7cmVtKDIwKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cmVtKDQpfTtcbiAgICAgIH1cbiAgICBgO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICByb3ctZ2FwOiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgYDtcblxuLyoqIFRleHRGaWVsZCBvdmVycmlkZXMgKi9cblxuZXhwb3J0IGNvbnN0IHRleHRJbnB1dEJhc2VPdmVycmlkZXMgPVxuICAoe1xuICAgIGhhc1ZhbHVlLFxuICAgIGlzTG9hZGluZyxcbiAgICBoYXNMYWJlbCxcbiAgICBpc1Jlc3BvbnNpdmUsXG4gICAgaXNUZXh0ZmllbGQsXG4gIH06IHtcbiAgICBoYXNWYWx1ZTogYm9vbGVhbjtcbiAgICBpc0xvYWRpbmc/OiBib29sZWFuO1xuICAgIGhhc0xhYmVsPzogYm9vbGVhbjtcbiAgICBpc1Jlc3BvbnNpdmU/OiBib29sZWFuO1xuICAgIGlzVGV4dGZpZWxkPzogYm9vbGVhbjtcbiAgfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSkgPT4ge1xuICAgIGNvbnN0IGxhYmVsU3R5bGVzID0ge1xuICAgICAgZm9udFdlaWdodDogYCR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9ICFpbXBvcnRhbnRgIGFzIGFueSxcbiAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpICFpbXBvcnRhbnRgLFxuICAgICAgYm90dG9tOiAnYXV0bycsXG4gICAgfTtcblxuICAgIGNvbnN0IHBhZGRpbmdUb3AgPSBoYXNMYWJlbCA/IDIxIDogMTM7XG4gICAgY29uc3QgcGFkZGluZ0JvdHRvbSA9IGhhc0xhYmVsID8gNSA6IDEzO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbShwYWRkaW5nVG9wKX0gJHtyZW0oODApfSAke3JlbShwYWRkaW5nQm90dG9tKX0gJHt0aGVtZS5zcGFjaW5nLm1kfWBcbiAgICAgICAgICA6IGAke3JlbShwYWRkaW5nVG9wKX0gJHtyZW0oNDApfSAke3JlbShwYWRkaW5nQm90dG9tKX0gJHt0aGVtZS5zcGFjaW5nLm1kfWAsXG4gICAgICAgIC4uLihpc1Jlc3BvbnNpdmVcbiAgICAgICAgICA/IHsgd2lkdGg6ICdtYXgtY29udGVudCcsIG1pbldpZHRoOiBnZXRUZXh0RmllbGRTaXplKHRydWUsICdtZCcpLm1pbldpZHRoIH1cbiAgICAgICAgICA6IHt9KSxcbiAgICAgICAgLi4uKGlzVGV4dGZpZWxkID8geyB3aWR0aDogZ2V0VGV4dEZpZWxkU2l6ZSh0cnVlLCAnbWQnLCB0cnVlKS53aWR0aCB9IDoge30pLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgaW5wdXRPdmVycmlkZXMgPSAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgaW5wdXQ6IHtcbiAgICAgIHRvcDogJ3Vuc2V0JyxcbiAgICAgIGZsZXg6ICcxIDEgMCUnLFxuICAgICAgbWluV2lkdGg6ICcyMCUnLFxuICAgICAgJyY6Zm9jdXMsICY6bm90KDpwbGFjZWhvbGRlci1zaG93biknOiB7XG4gICAgICAgICcmICsgbGFiZWwnOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOClgLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9O1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
+    );
+  };
+};
+/** TextField overrides */
+
+
+exports.inputContainer = inputContainer;
+
+var textInputBaseOverrides = function textInputBaseOverrides(_ref3) {
+  var hasValue = _ref3.hasValue,
+      isLoading = _ref3.isLoading,
+      hasLabel = _ref3.hasLabel,
+      isResponsive = _ref3.isResponsive,
+      isTextfield = _ref3.isTextfield;
+  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'
+    };
+    var paddingTop = hasLabel ? 21 : 13;
+    var paddingBottom = hasLabel ? 5 : 13;
+    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: _extends({
+        // 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)(paddingTop) + " " + (0, _polished.rem)(80) + " " + (0, _polished.rem)(paddingBottom) + " " + theme.spacing.md : (0, _polished.rem)(paddingTop) + " " + (0, _polished.rem)(40) + " " + (0, _polished.rem)(paddingBottom) + " " + theme.spacing.md
+      }, isResponsive ? {
+        width: 'max-content',
+        minWidth: (0, _sizeUtils.getTextFieldSize)(true, 'md').minWidth
+      } : {}, isTextfield ? {
+        width: (0, _sizeUtils.getTextFieldSize)(true, 'md', true).width
+      } : {})
+    };
+  };
+};
+
+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/MultiTextFieldBase/hooks.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Props as MultiTextFieldBase } from './MultiTextFieldBase';
+import { Props as TextFieldProps } from 'components/TextField/TextField';
+declare type Props = {
+    hasValue: boolean;
+    isTextfield?: boolean;
+} & Pick<MultiTextFieldBase, 'value' | 'onOptionDelete' | 'onClearAllOptions'> & Omit<TextFieldProps, 'size'>;
+declare const useMultiTextFieldBaseUtils: ({ isTextfield, label, placeholder, required, locked, hasValue, value, rightIcon, onOptionDelete, onClearAllOptions, }: Props) => {
+    inputPlaceholder: string | undefined;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    icon: JSX.Element | undefined;
+    hasLabel: boolean;
+    TextfieldRef: React.RefObject<HTMLDivElement>;
+};
+export default useMultiTextFieldBaseUtils;

package/dist/components/{MultiSelectBase → MultiTextFieldBase}/hooks.js

@@ -17,8 +17,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var useMultiSelectBaseUtils = function useMultiSelectBaseUtils(_ref) {
-  var label = _ref.label,
+var useMultiTextFieldBaseUtils = function useMultiTextFieldBaseUtils(_ref) {
+  var isTextfield = _ref.isTextfield,
+      label = _ref.label,
       placeholder = _ref.placeholder,
       required = _ref.required,
       locked = _ref.locked,
@@ -48,8 +49,12 @@ var useMultiSelectBaseUtils = function useMultiSelectBaseUtils(_ref) {
       return 'close';
     }
 
-    return 'search';
-  }, [hasValue, locked]);
+    if (!isTextfield) {
+      return 'search';
+    }
+
+    return undefined;
+  }, [hasValue, isTextfield, locked]);
 
   var handleKeyDown = function handleKeyDown(event) {
     if (value === '' && event.key === 'Backspace') {
@@ -70,13 +75,25 @@ var useMultiSelectBaseUtils = function useMultiSelectBaseUtils(_ref) {
       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"
-    });
+    var handleClick = function handleClick() {
+      if (!hasValue || locked) {
+        return undefined;
+      }
+
+      return onClearAllOptions();
+    };
+
+    if (iconName) {
+      return (0, _react2.jsx)(_Icon["default"], {
+        size: 20,
+        name: iconName,
+        color: theme.utils.getColor('lightGrey', 650),
+        onClick: handleClick,
+        dataTestId: "select-right-icon"
+      });
+    }
+
+    return undefined;
   }, [hasValue, iconName, locked, onClearAllOptions, rightIcon, theme.utils]);
   return {
     inputPlaceholder: inputPlaceholder,
@@ -87,5 +104,5 @@ var useMultiSelectBaseUtils = function useMultiSelectBaseUtils(_ref) {
   };
 };
 
-var _default = useMultiSelectBaseUtils;
+var _default = useMultiTextFieldBaseUtils;
 exports["default"] = _default;

package/dist/components/MultiTextFieldBase/index.d.ts

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

package/dist/components/MultiTextFieldBase/index.js

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

package/dist/components/SearchField/SearchField.d.ts

@@ -12,5 +12,11 @@ declare const SearchField: React.ForwardRefExoticComponent<Props & {
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     onInput?: ((event: any) => void) | undefined;
     hasMinWidthCompat?: boolean | undefined;
+    multi?: boolean | undefined;
+    multiValues?: string[] | undefined;
+    maxMultiValues?: number | undefined;
+    onMultiValueCreate?: ((value?: string | undefined) => void) | undefined;
+    onMultiValueDelete?: ((value?: string | undefined) => void) | undefined;
+    onClearAllValues?: (() => void) | undefined;
 } & import("components/TextInputBase").Props & TestProps & React.RefAttributes<HTMLInputElement>>;
 export default SearchField;

package/dist/components/SearchField/SearchFieldShowcase.d.ts

@@ -9,6 +9,12 @@ declare const SearchFieldShowcase: ({ disabled, placeholder, initialValue, }: Pa
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     onInput?: ((event: any) => void) | undefined;
     hasMinWidthCompat?: boolean | undefined;
+    multi?: boolean | undefined;
+    multiValues?: string[] | undefined;
+    maxMultiValues?: number | undefined;
+    onMultiValueCreate?: ((value?: string | undefined) => void) | undefined;
+    onMultiValueDelete?: ((value?: string | undefined) => void) | undefined;
+    onClearAllValues?: (() => void) | undefined;
 } & import("../TextInputBase").Props> & {
     initialValue?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -107,5 +107,11 @@ declare const Select: React.ForwardRefExoticComponent<{
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     onInput?: ((event: any) => void) | undefined;
     hasMinWidthCompat?: boolean | undefined;
+    multi?: boolean | undefined;
+    multiValues?: string[] | undefined;
+    maxMultiValues?: number | undefined;
+    onMultiValueCreate?: ((value?: string | undefined) => void) | undefined;
+    onMultiValueDelete?: ((value?: string | undefined) => void) | undefined;
+    onClearAllValues?: (() => void) | undefined;
 } & import("../TextInputBase").Props & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps & React.RefAttributes<HTMLInputElement>>;
 export default Select;

package/dist/components/Select/Select.js

@@ -29,7 +29,7 @@ var _Select = require("./Select.style");
 
 var _Loader = _interopRequireDefault(require("../Loader"));
 
-var _MultiSelectBase = _interopRequireDefault(require("../MultiSelectBase/MultiSelectBase"));
+var _MultiTextFieldBase = _interopRequireDefault(require("../MultiTextFieldBase/MultiTextFieldBase"));
 
 var _PositionInScreen = _interopRequireDefault(require("../utils/PositionInScreen"));
 
@@ -301,7 +301,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     visible: open,
     hasWrapperWidth: true,
     offsetY: 8,
-    parent: multi ? (0, _react2.jsx)(_MultiSelectBase["default"], _extends({
+    parent: multi ? (0, _react2.jsx)(_MultiTextFieldBase["default"], _extends({
       selectedOptions: multiSelectedOptions,
       onInput: handleOnInput,
       onOptionDelete: handleOptionDelete,

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

@@ -16,5 +16,11 @@ export declare const optionStyle: ({ selected, size, noResultsExist, }: {
     onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     onInput?: ((event: any) => void) | undefined;
     hasMinWidthCompat?: boolean | undefined;
+    multi?: boolean | undefined;
+    multiValues?: string[] | undefined;
+    maxMultiValues?: number | undefined;
+    onMultiValueCreate?: ((value?: string | undefined) => void) | undefined;
+    onMultiValueDelete?: ((value?: string | undefined) => void) | undefined;
+    onClearAllValues?: (() => void) | undefined;
 } & import("../../../TextInputBase").Props) => (theme: Theme) => SerializedStyles;
 export declare const menuStyle: ({ status, size, isVirtualized }: Props & TextFieldProps) => (theme: Theme) => SerializedStyles;