ui-kit-ck-consultant 0.5.301 → 0.5.303

package/dist/index.modern.js

@@ -706,19 +706,37 @@ var FormSelectMultiples = /*#__PURE__*/function (_React$Component) {
       }
     };
 
+    _this.detectClickOutside = function (event) {
+      if (!_this.containerRef.current.contains(event.target)) {
+        _this.setState({
+          isDisplay: false
+        });
+      }
+    };
+
     _this.state = {
       isDisplay: false
     };
+    _this.containerRef = React.createRef();
     _this.inputRef = React.createRef();
     return _this;
   }
 
   var _proto = FormSelectMultiples.prototype;
 
+  _proto.componentDidMount = function componentDidMount() {
+    document.addEventListener('mousedown', this.detectClickOutside);
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    window.removeEventListener('mousedown', this.detectClickOutside);
+  };
+
   _proto.render = function render() {
     var _this2 = this;
 
     return /*#__PURE__*/React.createElement("div", {
+      ref: this.containerRef,
       className: classNames$1(style$6.form_select_multiples_container, this.props.className)
     }, this.props.title ? /*#__PURE__*/React.createElement("span", {
       className: this.props.classNameTitle
@@ -2081,6 +2099,9 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
           onClick: function onClick() {
             return _this3.handleDropdownClick(idx);
           },
+          style: element.isRed ? {
+            color: 'var(--red)'
+          } : {},
           className: classNames$1(style$j.sidebar_button_dropdown, (_classNames4 = {}, _classNames4[style$j.active] = !!element.active, _classNames4[style$j.disabled] = !!element.disabled, _classNames4))
         }, element.icon, /*#__PURE__*/React.createElement("span", null, element.name), element.active === true ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
           icon: faCaretDown