@orfium/ictinus 4.65.0 → 4.67.0

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/MultiTextFieldBase/hooks.js

@@ -0,0 +1,108 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _useTheme = _interopRequireDefault(require("../../hooks/useTheme"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _react2 = require("@emotion/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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var useMultiTextFieldBaseUtils = function useMultiTextFieldBaseUtils(_ref) {
+  var isTextfield = _ref.isTextfield,
+      label = _ref.label,
+      placeholder = _ref.placeholder,
+      required = _ref.required,
+      locked = _ref.locked,
+      hasValue = _ref.hasValue,
+      value = _ref.value,
+      rightIcon = _ref.rightIcon,
+      onOptionDelete = _ref.onOptionDelete,
+      onClearAllOptions = _ref.onClearAllOptions;
+
+  var TextfieldRef = _react["default"].useRef(null);
+
+  var theme = (0, _useTheme["default"])();
+  var hasLabel = Boolean(label);
+  var inputPlaceholder = (0, _react.useMemo)(function () {
+    if (!label && placeholder && !hasValue) {
+      return required ? placeholder + " *" : placeholder;
+    }
+
+    return label;
+  }, [hasValue, label, placeholder, required]);
+  var iconName = (0, _react.useMemo)(function () {
+    if (locked) {
+      return 'lock';
+    }
+
+    if (hasValue) {
+      return 'close';
+    }
+
+    if (!isTextfield) {
+      return 'search';
+    }
+
+    return undefined;
+  }, [hasValue, isTextfield, locked]);
+
+  var handleKeyDown = function handleKeyDown(event) {
+    if (value === '' && event.key === 'Backspace') {
+      onOptionDelete();
+    }
+  };
+
+  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;
+    }
+
+    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,
+    handleKeyDown: handleKeyDown,
+    icon: icon,
+    hasLabel: hasLabel,
+    TextfieldRef: TextfieldRef
+  };
+};
+
+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

@@ -54,6 +54,8 @@ export declare type Props = {
      * the user can create this option.
      * */
     creatable?: boolean;
+    /** Whether the MultiSelect should have a Select All option */
+    hasSelectAllOption?: boolean;
 } & TextFieldProps;
 declare const Select: React.ForwardRefExoticComponent<{
     /** The function that is used to return the selected options */
@@ -95,6 +97,8 @@ declare const Select: React.ForwardRefExoticComponent<{
      * the user can create this option.
      * */
     creatable?: boolean | undefined;
+    /** Whether the MultiSelect should have a Select All option */
+    hasSelectAllOption?: boolean | undefined;
 } & {
     id?: string | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
@@ -103,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

@@ -21,8 +21,6 @@ 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"));
@@ -31,11 +29,13 @@ var _Select = require("./Select.style");
 
 var _Loader = _interopRequireDefault(require("../Loader"));
 
+var _MultiTextFieldBase = _interopRequireDefault(require("../MultiTextFieldBase/MultiTextFieldBase"));
+
 var _PositionInScreen = _interopRequireDefault(require("../utils/PositionInScreen"));
 
 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", "onOptionDelete", "selectedOptions", "creatable"];
+var _excluded = ["handleSelectedOption", "defaultValue", "selectedOption", "multi", "options", "isAsync", "isLoading", "asyncSearch", "status", "minCharactersToSearch", "highlightSearch", "isSearchable", "isVirtualized", "styleType", "disabled", "locked", "dataTestId", "onClear", "onOptionDelete", "selectedOptions", "creatable", "hasSelectAllOption"];
 
 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); }
 
@@ -90,6 +90,8 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       selectedOptions = _ref$selectedOptions === void 0 ? [] : _ref$selectedOptions,
       _ref$creatable = _ref.creatable,
       creatable = _ref$creatable === void 0 ? false : _ref$creatable,
+      _ref$hasSelectAllOpti = _ref.hasSelectAllOption,
+      hasSelectAllOption = _ref$hasSelectAllOpti === void 0 ? false : _ref$hasSelectAllOpti,
       restInputProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var theme = (0, _useTheme["default"])();
@@ -299,7 +301,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     visible: open,
     hasWrapperWidth: true,
     offsetY: 8,
-    parent: multi ? (0, _react2.jsx)(_MultiselectTextField["default"], _extends({
+    parent: multi ? (0, _react2.jsx)(_MultiTextFieldBase["default"], _extends({
       selectedOptions: multiSelectedOptions,
       onInput: handleOnInput,
       onOptionDelete: handleOptionDelete,
@@ -338,7 +340,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     isLoading: isLoading,
     isVirtualized: isVirtualized,
     searchTerm: highlightSearch ? searchValue : undefined,
-    hasSelectAllOption: multi && !hasNoOptionsAndIsCreatable
+    hasSelectAllOption: multi && hasSelectAllOption && !hasNoOptionsAndIsCreatable
   }))));
 });
 

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;

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

@@ -17,6 +17,18 @@ export declare type Props = {
     /** @deprecated This is a compatibility prop that will be removed in the next version, along with the min-width value
      * of the TextField. It will be replaced by a fullWidth prop. */
     hasMinWidthCompat?: boolean;
+    /** If true the user can enter multiple values by pressing 'Enter' */
+    multi?: boolean;
+    /** The initial multi values */
+    multiValues?: string[];
+    /** Maximum multi values */
+    maxMultiValues?: number;
+    /** A callback for when a Chip value is created */
+    onMultiValueCreate?: (value?: string) => void;
+    /** A callback for when a Chip value is deleted */
+    onMultiValueDelete?: (value?: string) => void;
+    /** A callback for when all values are deleted (the Clear All icon is clicked) */
+    onClearAllValues?: () => void;
 } & TextInputWrapperProps;
 export declare type InputProps = Partial<Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>>;
 declare const TextField: React.ForwardRefExoticComponent<{
@@ -35,5 +47,17 @@ declare const TextField: React.ForwardRefExoticComponent<{
     /** @deprecated This is a compatibility prop that will be removed in the next version, along with the min-width value
      * of the TextField. It will be replaced by a fullWidth prop. */
     hasMinWidthCompat?: boolean | undefined;
+    /** If true the user can enter multiple values by pressing 'Enter' */
+    multi?: boolean | undefined;
+    /** The initial multi values */
+    multiValues?: string[] | undefined;
+    /** Maximum multi values */
+    maxMultiValues?: number | undefined;
+    /** A callback for when a Chip value is created */
+    onMultiValueCreate?: ((value?: string | undefined) => void) | undefined;
+    /** A callback for when a Chip value is deleted */
+    onMultiValueDelete?: ((value?: string | undefined) => void) | undefined;
+    /** A callback for when all values are deleted (the Clear All icon is clicked) */
+    onClearAllValues?: (() => void) | undefined;
 } & TextInputWrapperProps & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps & React.RefAttributes<HTMLInputElement>>;
 export default TextField;