@orfium/ictinus 4.64.0 → 4.66.0

package/dist/components/MultiSelectBase/MultiSelectBase.style.js

@@ -0,0 +1,156 @@
+"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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpU2VsZWN0QmFzZS9NdWx0aVNlbGVjdEJhc2Uuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVU8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTXVsdGlTZWxlY3RCYXNlL011bHRpU2VsZWN0QmFzZS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZ2V0VGV4dEZpZWxkSGVpZ2h0LCBnZXRUZXh0RmllbGRTaXplIH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IExBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkcgfSBmcm9tICdjb21wb25lbnRzL0xhYmVsL0xhYmVsLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IGNoaXBDb250ZW50ID1cbiAgKHsgbWF4V2lkdGggfTogeyBtYXhXaWR0aD86IG51bWJlciB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGggPyByZW0obWF4V2lkdGggLSAxMjApIDogJ3Vuc2V0J307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRleHRGaWVsZENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcueHNtfSAke3RoZW1lLnNwYWNpbmcuc219IDAgMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uc0NvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgICBib3R0b206IDA7XG4gICAgICByaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25TdHlsZXMgPVxuICAoeyBpc0NsaWNrYWJsZSB9OiB7IGlzQ2xpY2thYmxlOiBib29sZWFuIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY3Vyc29yOiAke2lzQ2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2F1dG8nfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hpcFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGhlaWdodDogJHtyZW0oMjApfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oNCl9O1xuICAgICAgfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbnB1dENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHN0YXRpYztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIHJvdy1nYXA6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgei1pbmRleDogMjtcbiAgICBgO1xuXG4vKiogVGV4dEZpZWxkIG92ZXJyaWRlcyAqL1xuXG5leHBvcnQgY29uc3QgdGV4dElucHV0QmFzZU92ZXJyaWRlcyA9XG4gICh7XG4gICAgaGFzVmFsdWUsXG4gICAgaXNMb2FkaW5nLFxuICAgIGhhc0xhYmVsLFxuICAgIGlzUmVzcG9uc2l2ZSxcbiAgfToge1xuICAgIGhhc1ZhbHVlOiBib29sZWFuO1xuICAgIGlzTG9hZGluZz86IGJvb2xlYW47XG4gICAgaGFzTGFiZWw/OiBib29sZWFuO1xuICAgIGlzUmVzcG9uc2l2ZT86IGJvb2xlYW47XG4gIH0pID0+XG4gICh0aGVtZTogVGhlbWUpID0+IHtcbiAgICBjb25zdCBsYWJlbFN0eWxlcyA9IHtcbiAgICAgIGZvbnRXZWlnaHQ6IGAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkfSAhaW1wb3J0YW50YCBhcyBhbnksXG4gICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGUoJHtMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HfSwgLTgyJSkgc2NhbGUoMC44KSAhaW1wb3J0YW50YCxcbiAgICAgIGJvdHRvbTogJ2F1dG8nLFxuICAgIH07XG5cbiAgICBjb25zdCBwYWRkaW5nVG9wID0gaGFzTGFiZWwgPyAyMSA6IDEzO1xuICAgIGNvbnN0IHBhZGRpbmdCb3R0b20gPSBoYXNMYWJlbCA/IDUgOiAxMztcblxuICAgIHJldHVybiB7XG4gICAgICB3cmFwcGVyOiB7XG4gICAgICAgIGhlaWdodDogJ3Vuc2V0JyxcbiAgICAgICAgbWluSGVpZ2h0OiBgJHtnZXRUZXh0RmllbGRIZWlnaHQoJ21kJyl9ICFpbXBvcnRhbnRgLFxuICAgICAgICAuLi4oaGFzVmFsdWVcbiAgICAgICAgICA/IHsgbGFiZWw6IGxhYmVsU3R5bGVzIH1cbiAgICAgICAgICA6IHtcbiAgICAgICAgICAgICAgJ2lucHV0OmZvY3VzJzoge1xuICAgICAgICAgICAgICAgIGxhYmVsOiBsYWJlbFN0eWxlcyxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgbGFiZWw6IHtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGUoJHtMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HfSwgLThweClgLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfSksXG4gICAgICB9LFxuICAgICAgdGV4dEZpZWxkOiB7XG4gICAgICAgIC8vIEZvciB0aGUgcGFkZGluZ3Mgd2UgdXNlIHNwZWNpZmljYWxseSBjdXN0b20gbnVtYmVycyB0aGF0IGRvbid0IG1hdGNoIHRoZVxuICAgICAgICAvLyBpY3RpbnVzIHNwYWNpbmcgKHRoZSBhcmUgY2FsY3VsYXRlZCBieSBjb21iaW5pbmcgaW50ZXJuYWwgYWJzb2x1dGUgcG9zaXRpb25lZCBjb21wb25lbnQgd2lkdGhzKVxuICAgICAgICAvLyBzbyB3ZSBjYW4gb3ZlcnJpZGUgdGhlIGV4aXN0aW5nIFRleHRGaWVsZElucHV0QmFzZSBwYWRkaW5ncyB0b1xuICAgICAgICAvLyBwZXJmZWN0bHkgcG9zaXRpb24gYW5kIGFsaWduIHRoZSBjb250ZW50IGluc2lkZS5cbiAgICAgICAgcGFkZGluZzogaXNMb2FkaW5nXG4gICAgICAgICAgPyBgJHtyZW0ocGFkZGluZ1RvcCl9ICR7cmVtKDgwKX0gJHtyZW0ocGFkZGluZ0JvdHRvbSl9ICR7dGhlbWUuc3BhY2luZy5tZH1gXG4gICAgICAgICAgOiBgJHtyZW0ocGFkZGluZ1RvcCl9ICR7cmVtKDQwKX0gJHtyZW0ocGFkZGluZ0JvdHRvbSl9ICR7dGhlbWUuc3BhY2luZy5tZH1gLFxuICAgICAgICAuLi4oaXNSZXNwb25zaXZlXG4gICAgICAgICAgPyB7IHdpZHRoOiAnbWF4LWNvbnRlbnQnLCBtaW5XaWR0aDogZ2V0VGV4dEZpZWxkU2l6ZSh0cnVlLCAnbWQnKS5taW5XaWR0aCB9XG4gICAgICAgICAgOiB7fSksXG4gICAgICB9LFxuICAgIH07XG4gIH07XG5cbmV4cG9ydCBjb25zdCBpbnB1dE92ZXJyaWRlcyA9ICgpID0+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpU2VsZWN0QmFzZS9NdWx0aVNlbGVjdEJhc2Uuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpU2VsZWN0QmFzZS9NdWx0aVNlbGVjdEJhc2Uuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGdldFRleHRGaWVsZEhlaWdodCwgZ2V0VGV4dEZpZWxkU2l6ZSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgeyBMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HIH0gZnJvbSAnY29tcG9uZW50cy9MYWJlbC9MYWJlbC5zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBjaGlwQ29udGVudCA9XG4gICh7IG1heFdpZHRoIH06IHsgbWF4V2lkdGg/OiBudW1iZXIgfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgbWF4LXdpZHRoOiAke21heFdpZHRoID8gcmVtKG1heFdpZHRoIC0gMTIwKSA6ICd1bnNldCd9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCB0ZXh0RmllbGRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnhzbX0gJHt0aGVtZS5zcGFjaW5nLnNtfSAwIDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHJpZ2h0SWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gICAgICB0b3A6IDA7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uU3R5bGVzID1cbiAgKHsgaXNDbGlja2FibGUgfTogeyBpc0NsaWNrYWJsZTogYm9vbGVhbiB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGN1cnNvcjogJHtpc0NsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdhdXRvJ307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGNoaXBTdHlsZSA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBoZWlnaHQ6ICR7cmVtKDIwKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cmVtKDQpfTtcbiAgICAgIH1cbiAgICBgO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICByb3ctZ2FwOiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgYDtcblxuLyoqIFRleHRGaWVsZCBvdmVycmlkZXMgKi9cblxuZXhwb3J0IGNvbnN0IHRleHRJbnB1dEJhc2VPdmVycmlkZXMgPVxuICAoe1xuICAgIGhhc1ZhbHVlLFxuICAgIGlzTG9hZGluZyxcbiAgICBoYXNMYWJlbCxcbiAgICBpc1Jlc3BvbnNpdmUsXG4gIH06IHtcbiAgICBoYXNWYWx1ZTogYm9vbGVhbjtcbiAgICBpc0xvYWRpbmc/OiBib29sZWFuO1xuICAgIGhhc0xhYmVsPzogYm9vbGVhbjtcbiAgICBpc1Jlc3BvbnNpdmU/OiBib29sZWFuO1xuICB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgY29uc3QgcGFkZGluZ1RvcCA9IGhhc0xhYmVsID8gMjEgOiAxMztcbiAgICBjb25zdCBwYWRkaW5nQm90dG9tID0gaGFzTGFiZWwgPyA1IDogMTM7XG5cbiAgICByZXR1cm4ge1xuICAgICAgd3JhcHBlcjoge1xuICAgICAgICBoZWlnaHQ6ICd1bnNldCcsXG4gICAgICAgIG1pbkhlaWdodDogYCR7Z2V0VGV4dEZpZWxkSGVpZ2h0KCdtZCcpfSAhaW1wb3J0YW50YCxcbiAgICAgICAgLi4uKGhhc1ZhbHVlXG4gICAgICAgICAgPyB7IGxhYmVsOiBsYWJlbFN0eWxlcyB9XG4gICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICdpbnB1dDpmb2N1cyc6IHtcbiAgICAgICAgICAgICAgICBsYWJlbDogbGFiZWxTdHlsZXMsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIGxhYmVsOiB7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04cHgpYCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgfSxcbiAgICAgIHRleHRGaWVsZDoge1xuICAgICAgICAvLyBGb3IgdGhlIHBhZGRpbmdzIHdlIHVzZSBzcGVjaWZpY2FsbHkgY3VzdG9tIG51bWJlcnMgdGhhdCBkb24ndCBtYXRjaCB0aGVcbiAgICAgICAgLy8gaWN0aW51cyBzcGFjaW5nICh0aGUgYXJlIGNhbGN1bGF0ZWQgYnkgY29tYmluaW5nIGludGVybmFsIGFic29sdXRlIHBvc2l0aW9uZWQgY29tcG9uZW50IHdpZHRocylcbiAgICAgICAgLy8gc28gd2UgY2FuIG92ZXJyaWRlIHRoZSBleGlzdGluZyBUZXh0RmllbGRJbnB1dEJhc2UgcGFkZGluZ3MgdG9cbiAgICAgICAgLy8gcGVyZmVjdGx5IHBvc2l0aW9uIGFuZCBhbGlnbiB0aGUgY29udGVudCBpbnNpZGUuXG4gICAgICAgIHBhZGRpbmc6IGlzTG9hZGluZ1xuICAgICAgICAgID8gYCR7cmVtKHBhZGRpbmdUb3ApfSAke3JlbSg4MCl9ICR7cmVtKHBhZGRpbmdCb3R0b20pfSAke3RoZW1lLnNwYWNpbmcubWR9YFxuICAgICAgICAgIDogYCR7cmVtKHBhZGRpbmdUb3ApfSAke3JlbSg0MCl9ICR7cmVtKHBhZGRpbmdCb3R0b20pfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgICAgLi4uKGlzUmVzcG9uc2l2ZVxuICAgICAgICAgID8geyB3aWR0aDogJ21heC1jb250ZW50JywgbWluV2lkdGg6IGdldFRleHRGaWVsZFNpemUodHJ1ZSwgJ21kJykubWluV2lkdGggfVxuICAgICAgICAgIDoge30pLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgaW5wdXRPdmVycmlkZXMgPSAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgaW5wdXQ6IHtcbiAgICAgIHRvcDogJ3Vuc2V0JyxcbiAgICAgIGZsZXg6ICcxIDEgMCUnLFxuICAgICAgbWluV2lkdGg6ICcyMCUnLFxuICAgICAgJyY6Zm9jdXMsICY6bm90KDpwbGFjZWhvbGRlci1zaG93biknOiB7XG4gICAgICAgICcmICsgbGFiZWwnOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOClgLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9O1xufTtcbiJdfQ== */", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpU2VsZWN0QmFzZS9NdWx0aVNlbGVjdEJhc2Uuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpU2VsZWN0QmFzZS9NdWx0aVNlbGVjdEJhc2Uuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGdldFRleHRGaWVsZEhlaWdodCwgZ2V0VGV4dEZpZWxkU2l6ZSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgeyBMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HIH0gZnJvbSAnY29tcG9uZW50cy9MYWJlbC9MYWJlbC5zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBjaGlwQ29udGVudCA9XG4gICh7IG1heFdpZHRoIH06IHsgbWF4V2lkdGg/OiBudW1iZXIgfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgbWF4LXdpZHRoOiAke21heFdpZHRoID8gcmVtKG1heFdpZHRoIC0gMTIwKSA6ICd1bnNldCd9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCB0ZXh0RmllbGRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnhzbX0gJHt0aGVtZS5zcGFjaW5nLnNtfSAwIDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHJpZ2h0SWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gICAgICB0b3A6IDA7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uU3R5bGVzID1cbiAgKHsgaXNDbGlja2FibGUgfTogeyBpc0NsaWNrYWJsZTogYm9vbGVhbiB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGN1cnNvcjogJHtpc0NsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdhdXRvJ307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGNoaXBTdHlsZSA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBoZWlnaHQ6ICR7cmVtKDIwKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cmVtKDQpfTtcbiAgICAgIH1cbiAgICBgO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICByb3ctZ2FwOiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgYDtcblxuLyoqIFRleHRGaWVsZCBvdmVycmlkZXMgKi9cblxuZXhwb3J0IGNvbnN0IHRleHRJbnB1dEJhc2VPdmVycmlkZXMgPVxuICAoe1xuICAgIGhhc1ZhbHVlLFxuICAgIGlzTG9hZGluZyxcbiAgICBoYXNMYWJlbCxcbiAgICBpc1Jlc3BvbnNpdmUsXG4gIH06IHtcbiAgICBoYXNWYWx1ZTogYm9vbGVhbjtcbiAgICBpc0xvYWRpbmc/OiBib29sZWFuO1xuICAgIGhhc0xhYmVsPzogYm9vbGVhbjtcbiAgICBpc1Jlc3BvbnNpdmU/OiBib29sZWFuO1xuICB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgY29uc3QgcGFkZGluZ1RvcCA9IGhhc0xhYmVsID8gMjEgOiAxMztcbiAgICBjb25zdCBwYWRkaW5nQm90dG9tID0gaGFzTGFiZWwgPyA1IDogMTM7XG5cbiAgICByZXR1cm4ge1xuICAgICAgd3JhcHBlcjoge1xuICAgICAgICBoZWlnaHQ6ICd1bnNldCcsXG4gICAgICAgIG1pbkhlaWdodDogYCR7Z2V0VGV4dEZpZWxkSGVpZ2h0KCdtZCcpfSAhaW1wb3J0YW50YCxcbiAgICAgICAgLi4uKGhhc1ZhbHVlXG4gICAgICAgICAgPyB7IGxhYmVsOiBsYWJlbFN0eWxlcyB9XG4gICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICdpbnB1dDpmb2N1cyc6IHtcbiAgICAgICAgICAgICAgICBsYWJlbDogbGFiZWxTdHlsZXMsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIGxhYmVsOiB7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04cHgpYCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgfSxcbiAgICAgIHRleHRGaWVsZDoge1xuICAgICAgICAvLyBGb3IgdGhlIHBhZGRpbmdzIHdlIHVzZSBzcGVjaWZpY2FsbHkgY3VzdG9tIG51bWJlcnMgdGhhdCBkb24ndCBtYXRjaCB0aGVcbiAgICAgICAgLy8gaWN0aW51cyBzcGFjaW5nICh0aGUgYXJlIGNhbGN1bGF0ZWQgYnkgY29tYmluaW5nIGludGVybmFsIGFic29sdXRlIHBvc2l0aW9uZWQgY29tcG9uZW50IHdpZHRocylcbiAgICAgICAgLy8gc28gd2UgY2FuIG92ZXJyaWRlIHRoZSBleGlzdGluZyBUZXh0RmllbGRJbnB1dEJhc2UgcGFkZGluZ3MgdG9cbiAgICAgICAgLy8gcGVyZmVjdGx5IHBvc2l0aW9uIGFuZCBhbGlnbiB0aGUgY29udGVudCBpbnNpZGUuXG4gICAgICAgIHBhZGRpbmc6IGlzTG9hZGluZ1xuICAgICAgICAgID8gYCR7cmVtKHBhZGRpbmdUb3ApfSAke3JlbSg4MCl9ICR7cmVtKHBhZGRpbmdCb3R0b20pfSAke3RoZW1lLnNwYWNpbmcubWR9YFxuICAgICAgICAgIDogYCR7cmVtKHBhZGRpbmdUb3ApfSAke3JlbSg0MCl9ICR7cmVtKHBhZGRpbmdCb3R0b20pfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgICAgLi4uKGlzUmVzcG9uc2l2ZVxuICAgICAgICAgID8geyB3aWR0aDogJ21heC1jb250ZW50JywgbWluV2lkdGg6IGdldFRleHRGaWVsZFNpemUodHJ1ZSwgJ21kJykubWluV2lkdGggfVxuICAgICAgICAgIDoge30pLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgaW5wdXRPdmVycmlkZXMgPSAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgaW5wdXQ6IHtcbiAgICAgIHRvcDogJ3Vuc2V0JyxcbiAgICAgIGZsZXg6ICcxIDEgMCUnLFxuICAgICAgbWluV2lkdGg6ICcyMCUnLFxuICAgICAgJyY6Zm9jdXMsICY6bm90KDpwbGFjZWhvbGRlci1zaG93biknOiB7XG4gICAgICAgICcmICsgbGFiZWwnOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOClgLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9O1xufTtcbiJdfQ== */", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpU2VsZWN0QmFzZS9NdWx0aVNlbGVjdEJhc2Uuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpU2VsZWN0QmFzZS9NdWx0aVNlbGVjdEJhc2Uuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGdldFRleHRGaWVsZEhlaWdodCwgZ2V0VGV4dEZpZWxkU2l6ZSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgeyBMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HIH0gZnJvbSAnY29tcG9uZW50cy9MYWJlbC9MYWJlbC5zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBjaGlwQ29udGVudCA9XG4gICh7IG1heFdpZHRoIH06IHsgbWF4V2lkdGg/OiBudW1iZXIgfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgbWF4LXdpZHRoOiAke21heFdpZHRoID8gcmVtKG1heFdpZHRoIC0gMTIwKSA6ICd1bnNldCd9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCB0ZXh0RmllbGRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnhzbX0gJHt0aGVtZS5zcGFjaW5nLnNtfSAwIDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHJpZ2h0SWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gICAgICB0b3A6IDA7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uU3R5bGVzID1cbiAgKHsgaXNDbGlja2FibGUgfTogeyBpc0NsaWNrYWJsZTogYm9vbGVhbiB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGN1cnNvcjogJHtpc0NsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdhdXRvJ307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGNoaXBTdHlsZSA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBoZWlnaHQ6ICR7cmVtKDIwKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cmVtKDQpfTtcbiAgICAgIH1cbiAgICBgO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICByb3ctZ2FwOiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgYDtcblxuLyoqIFRleHRGaWVsZCBvdmVycmlkZXMgKi9cblxuZXhwb3J0IGNvbnN0IHRleHRJbnB1dEJhc2VPdmVycmlkZXMgPVxuICAoe1xuICAgIGhhc1ZhbHVlLFxuICAgIGlzTG9hZGluZyxcbiAgICBoYXNMYWJlbCxcbiAgICBpc1Jlc3BvbnNpdmUsXG4gIH06IHtcbiAgICBoYXNWYWx1ZTogYm9vbGVhbjtcbiAgICBpc0xvYWRpbmc/OiBib29sZWFuO1xuICAgIGhhc0xhYmVsPzogYm9vbGVhbjtcbiAgICBpc1Jlc3BvbnNpdmU/OiBib29sZWFuO1xuICB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgY29uc3QgcGFkZGluZ1RvcCA9IGhhc0xhYmVsID8gMjEgOiAxMztcbiAgICBjb25zdCBwYWRkaW5nQm90dG9tID0gaGFzTGFiZWwgPyA1IDogMTM7XG5cbiAgICByZXR1cm4ge1xuICAgICAgd3JhcHBlcjoge1xuICAgICAgICBoZWlnaHQ6ICd1bnNldCcsXG4gICAgICAgIG1pbkhlaWdodDogYCR7Z2V0VGV4dEZpZWxkSGVpZ2h0KCdtZCcpfSAhaW1wb3J0YW50YCxcbiAgICAgICAgLi4uKGhhc1ZhbHVlXG4gICAgICAgICAgPyB7IGxhYmVsOiBsYWJlbFN0eWxlcyB9XG4gICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICdpbnB1dDpmb2N1cyc6IHtcbiAgICAgICAgICAgICAgICBsYWJlbDogbGFiZWxTdHlsZXMsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIGxhYmVsOiB7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04cHgpYCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgfSxcbiAgICAgIHRleHRGaWVsZDoge1xuICAgICAgICAvLyBGb3IgdGhlIHBhZGRpbmdzIHdlIHVzZSBzcGVjaWZpY2FsbHkgY3VzdG9tIG51bWJlcnMgdGhhdCBkb24ndCBtYXRjaCB0aGVcbiAgICAgICAgLy8gaWN0aW51cyBzcGFjaW5nICh0aGUgYXJlIGNhbGN1bGF0ZWQgYnkgY29tYmluaW5nIGludGVybmFsIGFic29sdXRlIHBvc2l0aW9uZWQgY29tcG9uZW50IHdpZHRocylcbiAgICAgICAgLy8gc28gd2UgY2FuIG92ZXJyaWRlIHRoZSBleGlzdGluZyBUZXh0RmllbGRJbnB1dEJhc2UgcGFkZGluZ3MgdG9cbiAgICAgICAgLy8gcGVyZmVjdGx5IHBvc2l0aW9uIGFuZCBhbGlnbiB0aGUgY29udGVudCBpbnNpZGUuXG4gICAgICAgIHBhZGRpbmc6IGlzTG9hZGluZ1xuICAgICAgICAgID8gYCR7cmVtKHBhZGRpbmdUb3ApfSAke3JlbSg4MCl9ICR7cmVtKHBhZGRpbmdCb3R0b20pfSAke3RoZW1lLnNwYWNpbmcubWR9YFxuICAgICAgICAgIDogYCR7cmVtKHBhZGRpbmdUb3ApfSAke3JlbSg0MCl9ICR7cmVtKHBhZGRpbmdCb3R0b20pfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgICAgLi4uKGlzUmVzcG9uc2l2ZVxuICAgICAgICAgID8geyB3aWR0aDogJ21heC1jb250ZW50JywgbWluV2lkdGg6IGdldFRleHRGaWVsZFNpemUodHJ1ZSwgJ21kJykubWluV2lkdGggfVxuICAgICAgICAgIDoge30pLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgaW5wdXRPdmVycmlkZXMgPSAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgaW5wdXQ6IHtcbiAgICAgIHRvcDogJ3Vuc2V0JyxcbiAgICAgIGZsZXg6ICcxIDEgMCUnLFxuICAgICAgbWluV2lkdGg6ICcyMCUnLFxuICAgICAgJyY6Zm9jdXMsICY6bm90KDpwbGFjZWhvbGRlci1zaG93biknOiB7XG4gICAgICAgICcmICsgbGFiZWwnOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOClgLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9O1xufTtcbiJdfQ== */", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpU2VsZWN0QmFzZS9NdWx0aVNlbGVjdEJhc2Uuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpU2VsZWN0QmFzZS9NdWx0aVNlbGVjdEJhc2Uuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGdldFRleHRGaWVsZEhlaWdodCwgZ2V0VGV4dEZpZWxkU2l6ZSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgeyBMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HIH0gZnJvbSAnY29tcG9uZW50cy9MYWJlbC9MYWJlbC5zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBjaGlwQ29udGVudCA9XG4gICh7IG1heFdpZHRoIH06IHsgbWF4V2lkdGg/OiBudW1iZXIgfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgbWF4LXdpZHRoOiAke21heFdpZHRoID8gcmVtKG1heFdpZHRoIC0gMTIwKSA6ICd1bnNldCd9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCB0ZXh0RmllbGRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnhzbX0gJHt0aGVtZS5zcGFjaW5nLnNtfSAwIDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHJpZ2h0SWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gICAgICB0b3A6IDA7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uU3R5bGVzID1cbiAgKHsgaXNDbGlja2FibGUgfTogeyBpc0NsaWNrYWJsZTogYm9vbGVhbiB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGN1cnNvcjogJHtpc0NsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdhdXRvJ307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGNoaXBTdHlsZSA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBoZWlnaHQ6ICR7cmVtKDIwKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cmVtKDQpfTtcbiAgICAgIH1cbiAgICBgO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICByb3ctZ2FwOiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgYDtcblxuLyoqIFRleHRGaWVsZCBvdmVycmlkZXMgKi9cblxuZXhwb3J0IGNvbnN0IHRleHRJbnB1dEJhc2VPdmVycmlkZXMgPVxuICAoe1xuICAgIGhhc1ZhbHVlLFxuICAgIGlzTG9hZGluZyxcbiAgICBoYXNMYWJlbCxcbiAgICBpc1Jlc3BvbnNpdmUsXG4gIH06IHtcbiAgICBoYXNWYWx1ZTogYm9vbGVhbjtcbiAgICBpc0xvYWRpbmc/OiBib29sZWFuO1xuICAgIGhhc0xhYmVsPzogYm9vbGVhbjtcbiAgICBpc1Jlc3BvbnNpdmU/OiBib29sZWFuO1xuICB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgY29uc3QgcGFkZGluZ1RvcCA9IGhhc0xhYmVsID8gMjEgOiAxMztcbiAgICBjb25zdCBwYWRkaW5nQm90dG9tID0gaGFzTGFiZWwgPyA1IDogMTM7XG5cbiAgICByZXR1cm4ge1xuICAgICAgd3JhcHBlcjoge1xuICAgICAgICBoZWlnaHQ6ICd1bnNldCcsXG4gICAgICAgIG1pbkhlaWdodDogYCR7Z2V0VGV4dEZpZWxkSGVpZ2h0KCdtZCcpfSAhaW1wb3J0YW50YCxcbiAgICAgICAgLi4uKGhhc1ZhbHVlXG4gICAgICAgICAgPyB7IGxhYmVsOiBsYWJlbFN0eWxlcyB9XG4gICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICdpbnB1dDpmb2N1cyc6IHtcbiAgICAgICAgICAgICAgICBsYWJlbDogbGFiZWxTdHlsZXMsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIGxhYmVsOiB7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04cHgpYCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgfSxcbiAgICAgIHRleHRGaWVsZDoge1xuICAgICAgICAvLyBGb3IgdGhlIHBhZGRpbmdzIHdlIHVzZSBzcGVjaWZpY2FsbHkgY3VzdG9tIG51bWJlcnMgdGhhdCBkb24ndCBtYXRjaCB0aGVcbiAgICAgICAgLy8gaWN0aW51cyBzcGFjaW5nICh0aGUgYXJlIGNhbGN1bGF0ZWQgYnkgY29tYmluaW5nIGludGVybmFsIGFic29sdXRlIHBvc2l0aW9uZWQgY29tcG9uZW50IHdpZHRocylcbiAgICAgICAgLy8gc28gd2UgY2FuIG92ZXJyaWRlIHRoZSBleGlzdGluZyBUZXh0RmllbGRJbnB1dEJhc2UgcGFkZGluZ3MgdG9cbiAgICAgICAgLy8gcGVyZmVjdGx5IHBvc2l0aW9uIGFuZCBhbGlnbiB0aGUgY29udGVudCBpbnNpZGUuXG4gICAgICAgIHBhZGRpbmc6IGlzTG9hZGluZ1xuICAgICAgICAgID8gYCR7cmVtKHBhZGRpbmdUb3ApfSAke3JlbSg4MCl9ICR7cmVtKHBhZGRpbmdCb3R0b20pfSAke3RoZW1lLnNwYWNpbmcubWR9YFxuICAgICAgICAgIDogYCR7cmVtKHBhZGRpbmdUb3ApfSAke3JlbSg0MCl9ICR7cmVtKHBhZGRpbmdCb3R0b20pfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgICAgLi4uKGlzUmVzcG9uc2l2ZVxuICAgICAgICAgID8geyB3aWR0aDogJ21heC1jb250ZW50JywgbWluV2lkdGg6IGdldFRleHRGaWVsZFNpemUodHJ1ZSwgJ21kJykubWluV2lkdGggfVxuICAgICAgICAgIDoge30pLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgaW5wdXRPdmVycmlkZXMgPSAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgaW5wdXQ6IHtcbiAgICAgIHRvcDogJ3Vuc2V0JyxcbiAgICAgIGZsZXg6ICcxIDEgMCUnLFxuICAgICAgbWluV2lkdGg6ICcyMCUnLFxuICAgICAgJyY6Zm9jdXMsICY6bm90KDpwbGFjZWhvbGRlci1zaG93biknOiB7XG4gICAgICAgICcmICsgbGFiZWwnOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOClgLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9O1xufTtcbiJdfQ== */", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpU2VsZWN0QmFzZS9NdWx0aVNlbGVjdEJhc2Uuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMERPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpU2VsZWN0QmFzZS9NdWx0aVNlbGVjdEJhc2Uuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGdldFRleHRGaWVsZEhlaWdodCwgZ2V0VGV4dEZpZWxkU2l6ZSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgeyBMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HIH0gZnJvbSAnY29tcG9uZW50cy9MYWJlbC9MYWJlbC5zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBjaGlwQ29udGVudCA9XG4gICh7IG1heFdpZHRoIH06IHsgbWF4V2lkdGg/OiBudW1iZXIgfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgbWF4LXdpZHRoOiAke21heFdpZHRoID8gcmVtKG1heFdpZHRoIC0gMTIwKSA6ICd1bnNldCd9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCB0ZXh0RmllbGRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnhzbX0gJHt0aGVtZS5zcGFjaW5nLnNtfSAwIDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHJpZ2h0SWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gICAgICB0b3A6IDA7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uU3R5bGVzID1cbiAgKHsgaXNDbGlja2FibGUgfTogeyBpc0NsaWNrYWJsZTogYm9vbGVhbiB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGN1cnNvcjogJHtpc0NsaWNrYWJsZSA/ICdwb2ludGVyJyA6ICdhdXRvJ307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGNoaXBTdHlsZSA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgICYgPiBkaXYge1xuICAgICAgICBoZWlnaHQ6ICR7cmVtKDIwKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cmVtKDQpfTtcbiAgICAgIH1cbiAgICBgO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICByb3ctZ2FwOiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgYDtcblxuLyoqIFRleHRGaWVsZCBvdmVycmlkZXMgKi9cblxuZXhwb3J0IGNvbnN0IHRleHRJbnB1dEJhc2VPdmVycmlkZXMgPVxuICAoe1xuICAgIGhhc1ZhbHVlLFxuICAgIGlzTG9hZGluZyxcbiAgICBoYXNMYWJlbCxcbiAgICBpc1Jlc3BvbnNpdmUsXG4gIH06IHtcbiAgICBoYXNWYWx1ZTogYm9vbGVhbjtcbiAgICBpc0xvYWRpbmc/OiBib29sZWFuO1xuICAgIGhhc0xhYmVsPzogYm9vbGVhbjtcbiAgICBpc1Jlc3BvbnNpdmU/OiBib29sZWFuO1xuICB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgY29uc3QgcGFkZGluZ1RvcCA9IGhhc0xhYmVsID8gMjEgOiAxMztcbiAgICBjb25zdCBwYWRkaW5nQm90dG9tID0gaGFzTGFiZWwgPyA1IDogMTM7XG5cbiAgICByZXR1cm4ge1xuICAgICAgd3JhcHBlcjoge1xuICAgICAgICBoZWlnaHQ6ICd1bnNldCcsXG4gICAgICAgIG1pbkhlaWdodDogYCR7Z2V0VGV4dEZpZWxkSGVpZ2h0KCdtZCcpfSAhaW1wb3J0YW50YCxcbiAgICAgICAgLi4uKGhhc1ZhbHVlXG4gICAgICAgICAgPyB7IGxhYmVsOiBsYWJlbFN0eWxlcyB9XG4gICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICdpbnB1dDpmb2N1cyc6IHtcbiAgICAgICAgICAgICAgICBsYWJlbDogbGFiZWxTdHlsZXMsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIGxhYmVsOiB7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04cHgpYCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgfSxcbiAgICAgIHRleHRGaWVsZDoge1xuICAgICAgICAvLyBGb3IgdGhlIHBhZGRpbmdzIHdlIHVzZSBzcGVjaWZpY2FsbHkgY3VzdG9tIG51bWJlcnMgdGhhdCBkb24ndCBtYXRjaCB0aGVcbiAgICAgICAgLy8gaWN0aW51cyBzcGFjaW5nICh0aGUgYXJlIGNhbGN1bGF0ZWQgYnkgY29tYmluaW5nIGludGVybmFsIGFic29sdXRlIHBvc2l0aW9uZWQgY29tcG9uZW50IHdpZHRocylcbiAgICAgICAgLy8gc28gd2UgY2FuIG92ZXJyaWRlIHRoZSBleGlzdGluZyBUZXh0RmllbGRJbnB1dEJhc2UgcGFkZGluZ3MgdG9cbiAgICAgICAgLy8gcGVyZmVjdGx5IHBvc2l0aW9uIGFuZCBhbGlnbiB0aGUgY29udGVudCBpbnNpZGUuXG4gICAgICAgIHBhZGRpbmc6IGlzTG9hZGluZ1xuICAgICAgICAgID8gYCR7cmVtKHBhZGRpbmdUb3ApfSAke3JlbSg4MCl9ICR7cmVtKHBhZGRpbmdCb3R0b20pfSAke3RoZW1lLnNwYWNpbmcubWR9YFxuICAgICAgICAgIDogYCR7cmVtKHBhZGRpbmdUb3ApfSAke3JlbSg0MCl9ICR7cmVtKHBhZGRpbmdCb3R0b20pfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgICAgLi4uKGlzUmVzcG9uc2l2ZVxuICAgICAgICAgID8geyB3aWR0aDogJ21heC1jb250ZW50JywgbWluV2lkdGg6IGdldFRleHRGaWVsZFNpemUodHJ1ZSwgJ21kJykubWluV2lkdGggfVxuICAgICAgICAgIDoge30pLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgaW5wdXRPdmVycmlkZXMgPSAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgaW5wdXQ6IHtcbiAgICAgIHRvcDogJ3Vuc2V0JyxcbiAgICAgIGZsZXg6ICcxIDEgMCUnLFxuICAgICAgbWluV2lkdGg6ICcyMCUnLFxuICAgICAgJyY6Zm9jdXMsICY6bm90KDpwbGFjZWhvbGRlci1zaG93biknOiB7XG4gICAgICAgICcmICsgbGFiZWwnOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOClgLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9O1xufTtcbiJdfQ== */", 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;
+  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
+      } : {})
+    };
+  };
+};
+
+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/MultiSelectBase/hooks.d.ts

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

package/dist/components/MultiSelectBase/hooks.js

@@ -0,0 +1,91 @@
+"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 useMultiSelectBaseUtils = function useMultiSelectBaseUtils(_ref) {
+  var 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';
+    }
+
+    return 'search';
+  }, [hasValue, 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;
+    }
+
+    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 {
+    inputPlaceholder: inputPlaceholder,
+    handleKeyDown: handleKeyDown,
+    icon: icon,
+    hasLabel: hasLabel,
+    TextfieldRef: TextfieldRef
+  };
+};
+
+var _default = useMultiSelectBaseUtils;
+exports["default"] = _default;

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

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

package/dist/components/MultiSelectBase/index.js

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

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

@@ -12,6 +12,7 @@ export declare type SelectOption = {
     helperText?: string;
     tooltipInfo?: string;
     options?: SelectOption[];
+    isCreated?: boolean;
 } & SelectOptionValues;
 export declare type Props = {
     /** The function that is used to return the selected options */
@@ -48,6 +49,13 @@ export declare type Props = {
     /** The selected options in case of multiSelect */
     /** @TODO merge selectedOption with selectedOptions in v5 */
     selectedOptions?: SelectOption[];
+    /**
+     * If true, then in the case of a searched option that is not found in the Options list of MultiSelect,
+     * 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 */
@@ -84,6 +92,13 @@ declare const Select: React.ForwardRefExoticComponent<{
     /** The selected options in case of multiSelect */
     /** @TODO merge selectedOption with selectedOptions in v5 */
     selectedOptions?: SelectOption[] | undefined;
+    /**
+     * If true, then in the case of a searched option that is not found in the Options list of MultiSelect,
+     * 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;

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 _MultiSelectBase = _interopRequireDefault(require("../MultiSelectBase/MultiSelectBase"));
+
 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"];
+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); }
 
@@ -88,6 +88,10 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       onOptionDelete = _ref.onOptionDelete,
       _ref$selectedOptions = _ref.selectedOptions,
       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"])();
@@ -135,7 +139,14 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     if (multi) {
       handleMultiSelectOptionClick(option);
     } else {
-      setInputValue(option);
+      if (option.isCreated) {
+        setInputValue(_extends({}, option, {
+          label: option.value.toString()
+        }));
+      } else {
+        setInputValue(option);
+      }
+
       setOpen(false);
     }
 
@@ -180,27 +191,45 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
 
   var filteredOptions = (0, _react.useMemo)(function () {
     var optionsToBeFiltered = multi ? availableMultiSelectOptions : options;
+    var finalOptions = [];
 
     if (isAsync) {
-      return optionsToBeFiltered;
-    }
-
-    return optionsToBeFiltered.filter(function (option) {
-      var _option$options;
+      finalOptions.push.apply(finalOptions, optionsToBeFiltered);
+    } else {
+      finalOptions.push.apply(finalOptions, 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) {
-        return option.label.toLowerCase().includes(searchValue.toLowerCase());
+        return !searchValue || option.label.toLowerCase().includes(searchValue.toLowerCase()) || !!((_option$options = option.options) != null && _option$options.find(function (option) {
+          return option.label.toLowerCase().includes(searchValue.toLowerCase());
+        }));
+      }).map(function (option) {
+        var _option$options2;
+
+        return option.label.toLowerCase().includes(searchValue.toLowerCase()) ? option : _extends({}, option, {
+          options: (_option$options2 = option.options) == null ? void 0 : _option$options2.filter(function (option) {
+            return option.label.toLowerCase().includes(searchValue.toLowerCase());
+          })
+        });
       }));
-    }).map(function (option) {
-      var _option$options2;
+    }
 
-      return option.label.toLowerCase().includes(searchValue.toLowerCase()) ? option : _extends({}, option, {
-        options: (_option$options2 = option.options) == null ? void 0 : _option$options2.filter(function (option) {
-          return option.label.toLowerCase().includes(searchValue.toLowerCase());
-        })
-      });
-    });
-  }, [isAsync, multi, availableMultiSelectOptions, options, searchValue]);
+    if (creatable) {
+      /** Check if the searchValue has an exact result (so no need for "Create..." option) */
+      var hasDistinctResult = finalOptions.map(function (item) {
+        return item.label.toLowerCase();
+      }).includes(searchValue.toLowerCase());
+
+      if (!hasDistinctResult && searchValue.length > 0) {
+        finalOptions.push({
+          value: searchValue,
+          label: "Create \"" + searchValue + "\"",
+          isCreated: true
+        });
+      }
+    }
+
+    return finalOptions;
+  }, [multi, availableMultiSelectOptions, options, isAsync, creatable, searchValue]);
   var rightIconNameSelector = (0, _react.useMemo)(function () {
     if (isSearchable) {
       return searchValue || inputValue.value ? 'close' : 'search';
@@ -250,7 +279,13 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       combinedRefs == null ? void 0 : (_combinedRefs$current2 = combinedRefs.current) == null ? void 0 : _combinedRefs$current2.blur();
     }
   };
+  /**
+   * Boolean flag for the case where we have no options but create functionality - so
+   * we can hide the Select All option in that case
+   */
+
 
+  var hasNoOptionsAndIsCreatable = creatable && filteredOptions.length === 1 && filteredOptions[0].isCreated;
   return (0, _react2.jsx)(_ClickAwayListener["default"], {
     onClick: function onClick() {
       setOpen(false);
@@ -266,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)(_MultiSelectBase["default"], _extends({
       selectedOptions: multiSelectedOptions,
       onInput: handleOnInput,
       onOptionDelete: handleOptionDelete,
@@ -305,7 +340,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     isLoading: isLoading,
     isVirtualized: isVirtualized,
     searchTerm: highlightSearch ? searchValue : undefined,
-    hasSelectAllOption: multi
+    hasSelectAllOption: multi && hasSelectAllOption && !hasNoOptionsAndIsCreatable
   }))));
 });
 

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

@@ -59,7 +59,10 @@ var useMultiselectUtils = function useMultiselectUtils(_ref) {
       setMultiSelectedOpts(multiSelectedOptions.filter(function (opt) {
         return opt.value !== (option == null ? void 0 : option.value);
       }));
-      setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, [option]));
+
+      if (!option.isCreated) {
+        setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, [option]));
+      }
 
       if (onOptionDelete) {
         onOptionDelete(option);
@@ -70,13 +73,18 @@ var useMultiselectUtils = function useMultiselectUtils(_ref) {
         setMultiSelectedOpts(multiSelectedOptions.filter(function (opt) {
           return opt.value !== lastItem.value;
         }));
-        setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, [lastItem]));
+
+        if (!lastItem.isCreated) {
+          setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, [lastItem]));
+        }
       }
     }
   };
 
   var handleClearAllOptions = function handleClearAllOptions() {
-    setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, multiSelectedOptions));
+    setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, multiSelectedOptions.filter(function (item) {
+      return !item.isCreated;
+    })));
     setMultiSelectedOpts([]);
 
     if (onClear) {
@@ -101,6 +109,14 @@ var useMultiselectUtils = function useMultiselectUtils(_ref) {
       setMultiSelectedOpts([].concat(multiSelectedOptions, selected));
       setAvailableMultiSelectOptions(remaining);
       setOpen(false);
+    } else if (option.isCreated) {
+      /** If the option is created internally */
+      var newOption = {
+        value: option.value,
+        label: option.value.toString(),
+        isCreated: true
+      };
+      setMultiSelectedOpts([].concat(multiSelectedOptions, [newOption]));
     } else {
       setMultiSelectedOpts([].concat(multiSelectedOptions, [option]));
       setAvailableMultiSelectOptions(availableMultiSelectOptions.filter(function (opt) {

package/dist/components/TextInputBase/TextInputBase.d.ts

@@ -44,6 +44,8 @@ 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;
+    /** Whether the Textfield should change its styles when hovered/focused etc */
+    isInteractive?: boolean;
 };
 /** This Component is a wrapper for all primitives that hold text like Select, TextArea, TextInput. Here we keep the
  * logic of all the hover, focus status etc and the styling of these centralized **/

package/dist/components/TextInputBase/TextInputBase.js

@@ -37,6 +37,8 @@ var TextInputBase = function TextInputBase(_ref) {
       size = _ref$size === void 0 ? _sizeUtils.DEFAULT_SIZE : _ref$size,
       _ref$dark = _ref.dark,
       dark = _ref$dark === void 0 ? false : _ref$dark,
+      _ref$isInteractive = _ref.isInteractive,
+      isInteractive = _ref$isInteractive === void 0 ? true : _ref$isInteractive,
       children = _ref.children,
       sx = _ref.sx,
       _ref$hasMinWidthCompa = _ref.hasMinWidthCompat,
@@ -63,7 +65,8 @@ var TextInputBase = function TextInputBase(_ref) {
       styleType: styleType,
       size: size,
       sx: sx,
-      hasMinWidthCompat: hasMinWidthCompat
+      hasMinWidthCompat: hasMinWidthCompat,
+      isInteractive: isInteractive
     })
   }, (0, _react2.jsx)("div", {
     css: (0, _TextInputBase.textFieldStyle)({

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

@@ -5,7 +5,7 @@ import { Props } from './TextInputBase';
  * this wrapper must remain simple and not mess with children properties as it will be used
  * in custom implementation needed eg: datepicker
  * */
-export declare const wrapperStyle: ({ disabled, locked, status, lean, dark, size, sx, hasMinWidthCompat }: Props) => (theme: Theme) => SerializedStyles;
+export declare const wrapperStyle: ({ disabled, locked, status, lean, dark, size, sx, isInteractive, hasMinWidthCompat }: Props) => (theme: Theme) => SerializedStyles;
 export declare const textFieldStyle: ({ lean, sx }: Props) => (theme: Theme) => SerializedStyles;
 export declare const inputStyle: ({ label, placeholder, size, dark, sx }: Props) => (theme: Theme) => SerializedStyles;
 export declare const errorMsgStyle: ({ status }: Props) => (theme: Theme) => SerializedStyles;