@orfium/ictinus 4.57.0 → 4.58.0

package/dist/components/Chip/Chip.js

@@ -82,7 +82,8 @@ var Chip = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       if (!disabled) {
         onClear();
       }
-    }
+    },
+    dataTestId: (0, _helpers.generateTestDataId)('chip-delete', dataTestId)
   })));
 
   if (styleType === 'read-only') {

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

@@ -21,8 +21,6 @@ export declare type Props = {
     defaultValue?: SelectOption;
     /** the value of the select if select is controlled */
     selectedOption?: SelectOption;
-    /** if the select has tags */
-    multi?: boolean;
     /** Options for the select dropdown */
     options: SelectOption[];
     /** if the component is used asynchronously */
@@ -41,8 +39,15 @@ export declare type Props = {
     isLoading?: boolean;
     /** if options list is virtualized */
     isVirtualized?: boolean;
-    /** A callback that's called when the user clicks the 'clear' icon */
+    /** A callback that's called when the user clicks the 'clear' icon of the (Single) Select, or the 'clear all' button of the MultiSelect */
     onClear?: () => void;
+    /** A callback that's called when the user clicks the 'clear' icon of a specific Chip in MultiSelect */
+    onOptionDelete?: (option: SelectOption) => void;
+    /** If true the user can select multiple options */
+    multi?: boolean;
+    /** The selected options in case of multiSelect */
+    /** @TODO merge selectedOption with selectedOptions in v5 */
+    selectedOptions?: SelectOption[];
 } & TextFieldProps;
 declare const Select: React.ForwardRefExoticComponent<{
     /** The function that is used to return the selected options */
@@ -52,8 +57,6 @@ declare const Select: React.ForwardRefExoticComponent<{
     defaultValue?: SelectOption | undefined;
     /** the value of the select if select is controlled */
     selectedOption?: SelectOption | undefined;
-    /** if the select has tags */
-    multi?: boolean | undefined;
     /** Options for the select dropdown */
     options: SelectOption[];
     /** if the component is used asynchronously */
@@ -72,8 +75,15 @@ declare const Select: React.ForwardRefExoticComponent<{
     isLoading?: boolean | undefined;
     /** if options list is virtualized */
     isVirtualized?: boolean | undefined;
-    /** A callback that's called when the user clicks the 'clear' icon */
+    /** A callback that's called when the user clicks the 'clear' icon of the (Single) Select, or the 'clear all' button of the MultiSelect */
     onClear?: (() => void) | undefined;
+    /** A callback that's called when the user clicks the 'clear' icon of a specific Chip in MultiSelect */
+    onOptionDelete?: ((option: SelectOption) => void) | undefined;
+    /** If true the user can select multiple options */
+    multi?: boolean | undefined;
+    /** The selected options in case of multiSelect */
+    /** @TODO merge selectedOption with selectedOptions in v5 */
+    selectedOptions?: SelectOption[] | undefined;
 } & {
     id?: string | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;

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 }; }

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { SelectOption } from '../Select';
+declare type Props = {
+    selectedOptions: SelectOption[];
+    options: SelectOption[];
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setSearchValue: React.Dispatch<React.SetStateAction<string>>;
+    isSearchable: boolean;
+    onClear?: () => void;
+    onOptionDelete?: (option: SelectOption) => void;
+    multi?: boolean;
+};
+declare const useMultiselectUtils: ({ selectedOptions, options, setOpen, setSearchValue, isSearchable, onClear, onOptionDelete, multi, }: Props) => {
+    multiSelectedOptions: SelectOption[];
+    setMultiSelectedOpts: React.Dispatch<React.SetStateAction<SelectOption[]>>;
+    availableMultiSelectOptions: SelectOption[];
+    setAvailableMultiSelectOptions: React.Dispatch<React.SetStateAction<SelectOption[]>>;
+    handleOptionDelete: (option?: SelectOption | undefined) => void;
+    handleClearAllOptions: () => void;
+};
+export default useMultiselectUtils;

package/dist/components/Select/hooks/useMultiselectUtils.js

@@ -0,0 +1,99 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var useMultiselectUtils = function useMultiselectUtils(_ref) {
+  var selectedOptions = _ref.selectedOptions,
+      options = _ref.options,
+      setOpen = _ref.setOpen,
+      setSearchValue = _ref.setSearchValue,
+      isSearchable = _ref.isSearchable,
+      onClear = _ref.onClear,
+      onOptionDelete = _ref.onOptionDelete,
+      multi = _ref.multi;
+
+  /** A state to store the SelectedOptions of the component */
+  var _React$useState = _react["default"].useState(selectedOptions),
+      multiSelectedOptions = _React$useState[0],
+      setMultiSelectedOpts = _React$useState[1];
+  /** The available options (initial options (from component props) minus the multiSelectedOptions) */
+
+
+  var _React$useState2 = _react["default"].useState([]),
+      availableMultiSelectOptions = _React$useState2[0],
+      setAvailableMultiSelectOptions = _React$useState2[1];
+
+  (0, _react.useEffect)(function () {
+    if (multi) {
+      var _multiSelectedOptions, _options$filter;
+
+      var selectedOptsValues = (_multiSelectedOptions = multiSelectedOptions == null ? void 0 : multiSelectedOptions.map(function (_ref2) {
+        var value = _ref2.value;
+        return value;
+      })) != null ? _multiSelectedOptions : [];
+      setAvailableMultiSelectOptions((_options$filter = options == null ? void 0 : options.filter(function (option) {
+        return !selectedOptsValues.includes(option.value);
+      })) != null ? _options$filter : []);
+    }
+  }, [options, multiSelectedOptions, multi]);
+  /**
+   *  If option is provided, delete the specified option
+   *  Otherwise, delete the last option (for the case where the user types 'Backspace')
+   */
+
+  var handleOptionDelete = function handleOptionDelete(option) {
+    if (option) {
+      setMultiSelectedOpts(multiSelectedOptions.filter(function (opt) {
+        return opt.value !== (option == null ? void 0 : option.value);
+      }));
+      setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, [option]));
+
+      if (onOptionDelete) {
+        onOptionDelete(option);
+      }
+    } else {
+      if (multiSelectedOptions.length > 0) {
+        var lastItem = multiSelectedOptions[multiSelectedOptions.length - 1];
+        setMultiSelectedOpts(multiSelectedOptions.filter(function (opt) {
+          return opt.value !== lastItem.value;
+        }));
+        setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, [lastItem]));
+      }
+    }
+
+    setOpen(false);
+  };
+
+  var handleClearAllOptions = function handleClearAllOptions() {
+    setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, multiSelectedOptions));
+    setMultiSelectedOpts([]);
+    setOpen(false);
+
+    if (onClear) {
+      onClear();
+    }
+
+    if (isSearchable) {
+      setSearchValue('');
+    }
+  };
+
+  return {
+    multiSelectedOptions: multiSelectedOptions,
+    setMultiSelectedOpts: setMultiSelectedOpts,
+    availableMultiSelectOptions: availableMultiSelectOptions,
+    setAvailableMultiSelectOptions: setAvailableMultiSelectOptions,
+    handleOptionDelete: handleOptionDelete,
+    handleClearAllOptions: handleClearAllOptions
+  };
+};
+
+var _default = useMultiselectUtils;
+exports["default"] = _default;

package/dist/components/TextField/TextField.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { InputHTMLAttributes } from 'react';
 import { TestProps } from '../../utils/types';
 import { Props as TextInputWrapperProps } from 'components/TextInputBase';
 export declare type Props = {
@@ -18,6 +18,7 @@ export declare type Props = {
      * of the TextField. It will be replaced by a fullWidth prop. */
     hasMinWidthCompat?: boolean;
 } & TextInputWrapperProps;
+export declare type InputProps = Partial<Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>>;
 declare const TextField: React.ForwardRefExoticComponent<{
     /** The id of the text field that will be used as for in label too */
     id?: string | undefined;

package/dist/components/TextField/TextField.js

@@ -41,7 +41,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1rlc0zw-TextField",
   styles: "width:100% ;label:TextField;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB1c2VUaGVtZSBmcm9tICdob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgREVGQVVMVF9TSVpFIH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IFRlc3RQcm9wcyB9IGZyb20gJy4uLy4uL3V0aWxzL3R5cGVzJztcbmltcG9ydCBJY29uIGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL0xhYmVsJztcbmltcG9ydCB7IEljb25XcmFwcGVyIH0gZnJvbSAnLi9jb21wb25lbnRzL2NvbW1vbnMnO1xuaW1wb3J0IHsgQWNjZXB0ZWRJY29uTmFtZXMgfSBmcm9tICdjb21wb25lbnRzL0ljb24vdHlwZXMnO1xuaW1wb3J0IFRleHRJbnB1dEJhc2UsIHsgUHJvcHMgYXMgVGV4dElucHV0V3JhcHBlclByb3BzIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlJztcbmltcG9ydCB7IGlucHV0U3R5bGUgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogVGhlIGlkIG9mIHRoZSB0ZXh0IGZpZWxkIHRoYXQgd2lsbCBiZSB1c2VkIGFzIGZvciBpbiBsYWJlbCB0b28gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGJsdXJyZWQuICovXG4gIG9uQmx1cj86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgY2hhbmdlZC4gKi9cbiAgb25DaGFuZ2U/OiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBmb2N1c2VkLiAqL1xuICBvbkZvY3VzPzogUmVhY3QuRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBoYXMgYSBrZXkgZG93biBldmVudC4gKi9cbiAgb25LZXlEb3duPzogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCB2YWx1ZSB0eXBlZCBpcyBjaGFuZ2VkICovXG4gIG9uSW5wdXQ/OiBSZWFjdC5FdmVudEhhbmRsZXI8YW55PjtcbiAgLyoqIEBkZXByZWNhdGVkIFRoaXMgaXMgYSBjb21wYXRpYmlsaXR5IHByb3AgdGhhdCB3aWxsIGJlIHJlbW92ZWQgaW4gdGhlIG5leHQgdmVyc2lvbiwgYWxvbmcgd2l0aCB0aGUgbWluLXdpZHRoIHZhbHVlXG4gICAqIG9mIHRoZSBUZXh0RmllbGQuIEl0IHdpbGwgYmUgcmVwbGFjZWQgYnkgYSBmdWxsV2lkdGggcHJvcC4gKi9cbiAgaGFzTWluV2lkdGhDb21wYXQ/OiBib29sZWFuO1xufSAmIFRleHRJbnB1dFdyYXBwZXJQcm9wcztcblxudHlwZSBJbnB1dFByb3BzID0gUGFydGlhbDxPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdzaXplJz4+O1xuXG5jb25zb2xlLndhcm4oXG4gICdEZXByZWNhdGlvbiB3YXJuaW5nISBtaW4td2lkdGggd2lsbCBiZSByZW1vdmVkIGZyb20gdGhlIGNvbXBvbmVudCBpbiB2NSBvZiBpY3RpbnVzLiAnICtcbiAgICAnaGFzTWluV2lkdGhDb21wYXQgcHJvcCBoYXMgYmVlbiBhZGRlZCB0byB0ZW1wb3JhcmlseSBkaXNhYmxlIG1pbi13aWR0aCB3aGVuIG5lY2Vzc2FyeSdcbik7XG5cbmNvbnN0IFRleHRGaWVsZCA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUHJvcHMgJiBJbnB1dFByb3BzICYgVGVzdFByb3BzPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBpZCA9IHVuZGVmaW5lZCxcbiAgICAgIHJpZ2h0SWNvbiA9IG51bGwsXG4gICAgICBsZWZ0SWNvbiA9IG51bGwsXG4gICAgICBsYWJlbCxcbiAgICAgIHBsYWNlaG9sZGVyID0gJycsXG4gICAgICByZXF1aXJlZCA9IGZhbHNlLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBsb2NrZWQgPSBmYWxzZSxcbiAgICAgIHNpemUgPSBERUZBVUxUX1NJWkUsXG4gICAgICBkYXJrID0gZmFsc2UsXG4gICAgICBsZWFuLFxuICAgICAgaGludE1zZzogX19oaW50TXNnLFxuICAgICAgc3R5bGVUeXBlOiBfX3N0eWxlVHlwZSxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgc3RhdHVzLFxuICAgICAgaGFzTWluV2lkdGhDb21wYXQgPSB0cnVlLFxuICAgICAgLi4ucmVzdFxuICAgIH0gPSBwcm9wcztcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCBnZXRJY29uID0gKGljb246IEFjY2VwdGVkSWNvbk5hbWVzIHwgSlNYLkVsZW1lbnQgfCBudWxsKSA9PlxuICAgICAgaWNvbiA/IChcbiAgICAgICAgdHlwZW9mIGljb24gPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPXtpY29uIGFzIEFjY2VwdGVkSWNvbk5hbWVzfVxuICAgICAgICAgICAgc2l6ZT17MjR9XG4gICAgICAgICAgICBjb2xvcj17dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDY1MCl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBpY29uXG4gICAgICAgIClcbiAgICAgICkgOiBudWxsO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgPFRleHRJbnB1dEJhc2Ugey4uLnByb3BzfSBoYXNNaW5XaWR0aENvbXBhdD17aGFzTWluV2lkdGhDb21wYXR9PlxuICAgICAgICAgIHtsZWZ0SWNvbiAmJiA8SWNvbldyYXBwZXIgaWNvblBvc2l0aW9uPXsnbGVmdCd9PntnZXRJY29uKGxlZnRJY29uKX08L0ljb25XcmFwcGVyPn1cbiAgICAgICAgICA8ZGl2IGNzcz17eyB3aWR0aDogJzEwMCUgJyB9fT5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgICAgIGNzcz17aW5wdXRTdHlsZSh7IGxhYmVsLCBwbGFjZWhvbGRlciwgc2l6ZSwgZGFyaywgbGVhbiB9KX1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9eyFsYWJlbCAmJiBwbGFjZWhvbGRlciA/IGAke3BsYWNlaG9sZGVyfSAke3JlcXVpcmVkID8gJyonIDogJyd9YCA6IGxhYmVsfVxuICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGxvY2tlZH1cbiAgICAgICAgICAgICAgey4uLm9taXQocmVzdCwgJ2RhdGFUZXN0SWQnKX1cbiAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgICAgICBodG1sRm9yPXtpZH1cbiAgICAgICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgICAgIGFuaW1hdGVUb1RvcD17Qm9vbGVhbihyZXN0LnZhbHVlKX1cbiAgICAgICAgICAgICAgICBlcnJvcj17c3RhdHVzID09PSAnZXJyb3InfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB7cmlnaHRJY29uICYmICFsb2NrZWQgJiYgKFxuICAgICAgICAgICAgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J3JpZ2h0J30+e2dldEljb24ocmlnaHRJY29uKX08L0ljb25XcmFwcGVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2xvY2tlZCAmJiAoXG4gICAgICAgICAgICA8SWNvbldyYXBwZXIgaWNvblBvc2l0aW9uPXsncmlnaHQnfT5cbiAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICBuYW1lPVwibG9ja1wiXG4gICAgICAgICAgICAgICAgc2l6ZT17c2l6ZSA9PT0gJ21kJyA/IDIwIDogMTZ9XG4gICAgICAgICAgICAgICAgY29sb3I9e3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9JY29uV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L1RleHRJbnB1dEJhc2U+XG4gICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICk7XG4gIH1cbik7XG5cblRleHRGaWVsZC5kaXNwbGF5TmFtZSA9ICdUZXh0RmllbGQnO1xuXG5leHBvcnQgZGVmYXVsdCBUZXh0RmllbGQ7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB1c2VUaGVtZSBmcm9tICdob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgREVGQVVMVF9TSVpFIH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IFRlc3RQcm9wcyB9IGZyb20gJy4uLy4uL3V0aWxzL3R5cGVzJztcbmltcG9ydCBJY29uIGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL0xhYmVsJztcbmltcG9ydCB7IEljb25XcmFwcGVyIH0gZnJvbSAnLi9jb21wb25lbnRzL2NvbW1vbnMnO1xuaW1wb3J0IHsgQWNjZXB0ZWRJY29uTmFtZXMgfSBmcm9tICdjb21wb25lbnRzL0ljb24vdHlwZXMnO1xuaW1wb3J0IFRleHRJbnB1dEJhc2UsIHsgUHJvcHMgYXMgVGV4dElucHV0V3JhcHBlclByb3BzIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlJztcbmltcG9ydCB7IGlucHV0U3R5bGUgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogVGhlIGlkIG9mIHRoZSB0ZXh0IGZpZWxkIHRoYXQgd2lsbCBiZSB1c2VkIGFzIGZvciBpbiBsYWJlbCB0b28gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGJsdXJyZWQuICovXG4gIG9uQmx1cj86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgY2hhbmdlZC4gKi9cbiAgb25DaGFuZ2U/OiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBmb2N1c2VkLiAqL1xuICBvbkZvY3VzPzogUmVhY3QuRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBoYXMgYSBrZXkgZG93biBldmVudC4gKi9cbiAgb25LZXlEb3duPzogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCB2YWx1ZSB0eXBlZCBpcyBjaGFuZ2VkICovXG4gIG9uSW5wdXQ/OiBSZWFjdC5FdmVudEhhbmRsZXI8YW55PjtcbiAgLyoqIEBkZXByZWNhdGVkIFRoaXMgaXMgYSBjb21wYXRpYmlsaXR5IHByb3AgdGhhdCB3aWxsIGJlIHJlbW92ZWQgaW4gdGhlIG5leHQgdmVyc2lvbiwgYWxvbmcgd2l0aCB0aGUgbWluLXdpZHRoIHZhbHVlXG4gICAqIG9mIHRoZSBUZXh0RmllbGQuIEl0IHdpbGwgYmUgcmVwbGFjZWQgYnkgYSBmdWxsV2lkdGggcHJvcC4gKi9cbiAgaGFzTWluV2lkdGhDb21wYXQ/OiBib29sZWFuO1xufSAmIFRleHRJbnB1dFdyYXBwZXJQcm9wcztcblxuZXhwb3J0IHR5cGUgSW5wdXRQcm9wcyA9IFBhcnRpYWw8T21pdDxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnc2l6ZSc+PjtcblxuY29uc29sZS53YXJuKFxuICAnRGVwcmVjYXRpb24gd2FybmluZyEgbWluLXdpZHRoIHdpbGwgYmUgcmVtb3ZlZCBmcm9tIHRoZSBjb21wb25lbnQgaW4gdjUgb2YgaWN0aW51cy4gJyArXG4gICAgJ2hhc01pbldpZHRoQ29tcGF0IHByb3AgaGFzIGJlZW4gYWRkZWQgdG8gdGVtcG9yYXJpbHkgZGlzYWJsZSBtaW4td2lkdGggd2hlbiBuZWNlc3NhcnknXG4pO1xuXG5jb25zdCBUZXh0RmllbGQgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFByb3BzICYgSW5wdXRQcm9wcyAmIFRlc3RQcm9wcz4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgaWQgPSB1bmRlZmluZWQsXG4gICAgICByaWdodEljb24gPSBudWxsLFxuICAgICAgbGVmdEljb24gPSBudWxsLFxuICAgICAgbGFiZWwsXG4gICAgICBwbGFjZWhvbGRlciA9ICcnLFxuICAgICAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgbG9ja2VkID0gZmFsc2UsXG4gICAgICBzaXplID0gREVGQVVMVF9TSVpFLFxuICAgICAgZGFyayA9IGZhbHNlLFxuICAgICAgbGVhbixcbiAgICAgIGhpbnRNc2c6IF9faGludE1zZyxcbiAgICAgIHN0eWxlVHlwZTogX19zdHlsZVR5cGUsXG4gICAgICByZWFkT25seSxcbiAgICAgIHN0YXR1cyxcbiAgICAgIGhhc01pbldpZHRoQ29tcGF0ID0gdHJ1ZSxcbiAgICAgIC4uLnJlc3RcbiAgICB9ID0gcHJvcHM7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgZ2V0SWNvbiA9IChpY29uOiBBY2NlcHRlZEljb25OYW1lcyB8IEpTWC5FbGVtZW50IHwgbnVsbCkgPT5cbiAgICAgIGljb24gPyAoXG4gICAgICAgIHR5cGVvZiBpY29uID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgbmFtZT17aWNvbiBhcyBBY2NlcHRlZEljb25OYW1lc31cbiAgICAgICAgICAgIHNpemU9ezI0fVxuICAgICAgICAgICAgY29sb3I9e3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaWNvblxuICAgICAgICApXG4gICAgICApIDogbnVsbDtcblxuICAgIHJldHVybiAoXG4gICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgIDxUZXh0SW5wdXRCYXNlIHsuLi5wcm9wc30gaGFzTWluV2lkdGhDb21wYXQ9e2hhc01pbldpZHRoQ29tcGF0fT5cbiAgICAgICAgICB7bGVmdEljb24gJiYgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J2xlZnQnfT57Z2V0SWNvbihsZWZ0SWNvbil9PC9JY29uV3JhcHBlcj59XG4gICAgICAgICAgPGRpdiBjc3M9e3sgd2lkdGg6ICcxMDAlICcgfX0+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgICAgICBjc3M9e2lucHV0U3R5bGUoeyBsYWJlbCwgcGxhY2Vob2xkZXIsIHNpemUsIGRhcmssIGxlYW4gfSl9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXshbGFiZWwgJiYgcGxhY2Vob2xkZXIgPyBgJHtwbGFjZWhvbGRlcn0gJHtyZXF1aXJlZCA/ICcqJyA6ICcnfWAgOiBsYWJlbH1cbiAgICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBsb2NrZWR9XG4gICAgICAgICAgICAgIHsuLi5vbWl0KHJlc3QsICdkYXRhVGVzdElkJyl9XG4gICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgICAgICAgICBhbmltYXRlVG9Ub3A9e0Jvb2xlYW4ocmVzdC52YWx1ZSl9XG4gICAgICAgICAgICAgICAgZXJyb3I9e3N0YXR1cyA9PT0gJ2Vycm9yJ31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAge3JpZ2h0SWNvbiAmJiAhbG9ja2VkICYmIChcbiAgICAgICAgICAgIDxJY29uV3JhcHBlciBpY29uUG9zaXRpb249eydyaWdodCd9PntnZXRJY29uKHJpZ2h0SWNvbil9PC9JY29uV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtsb2NrZWQgJiYgKFxuICAgICAgICAgICAgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J3JpZ2h0J30+XG4gICAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgICAgbmFtZT1cImxvY2tcIlxuICAgICAgICAgICAgICAgIHNpemU9e3NpemUgPT09ICdtZCcgPyAyMCA6IDE2fVxuICAgICAgICAgICAgICAgIGNvbG9yPXt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0SW5wdXRCYXNlPlxuICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICApO1xuICB9XG4pO1xuXG5UZXh0RmllbGQuZGlzcGxheU5hbWUgPSAnVGV4dEZpZWxkJztcblxuZXhwb3J0IGRlZmF1bHQgVGV4dEZpZWxkO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 

package/dist/utils/size-utils.d.ts

@@ -1,6 +1,7 @@
 import { Theme } from '../theme';
 declare type Size = 'md' | 'sm';
 export declare const DEFAULT_SIZE: Size;
+export declare const getTextFieldHeight: (size?: Size | undefined) => string;
 export declare const getTextFieldSize: (hasMinWidthCompat?: boolean, size?: Size | undefined) => {
     minWidth?: string;
     height: string;

package/dist/utils/size-utils.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getSpacingBySize = exports.getTextFieldSize = exports.DEFAULT_SIZE = void 0;
+exports.getSpacingBySize = exports.getTextFieldSize = exports.getTextFieldHeight = exports.DEFAULT_SIZE = void 0;
 
 var _polished = require("polished");
 
@@ -23,6 +23,8 @@ var getTextFieldHeight = function getTextFieldHeight(size) {
   }
 };
 
+exports.getTextFieldHeight = getTextFieldHeight;
+
 var getTextFieldWidth = function getTextFieldWidth(size) {
   switch (size) {
     case 'md':

package/package.json

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