@capillarytech/blaze-ui 5.23.0 → 5.23.2

package/CapSelectFilter/index.js

@@ -10143,7 +10143,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cap-select-filter-v2{display:inline-block}.styled-div{position:relative;display:flex;align-items:center;padding:.571rem .571rem .571rem 1.142rem;border:.071rem solid #9e9d87;border-radius:1.142rem;height:2.285rem;background-color:rgba(0,0,0,0);cursor:pointer;transition:all .3s ease}.styled-div:hover{border-color:#091e42}.styled-div.styled-div-selected{border:none;background-color:#ecece7}.styled-div.ant-dropdown-open{border-color:#091e42}.menu-wrapper{border:.071rem solid #e8e8e8}.menu-wrapper .ant-dropdown-menu{border:none;box-shadow:none}.menu-item{background-color:rgba(0,0,0,0);border-left:.214rem solid rgba(0,0,0,0)}.menu-item.menu-item-selected{background-color:#e9f0fe;border-left-color:#2466ea}.badge{display:flex;align-items:center;justify-content:center;background-color:#ea213a;color:#fff;height:1.143rem;width:1.143rem;border-radius:50%;margin:0 .285rem;font-size:.857rem;font-weight:500;line-height:normal}.dropdown-icon{position:absolute;right:.571rem}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-select-filter-v2{display:inline-block}.styled-div{position:relative;display:flex;align-items:center;padding:.571rem .571rem .571rem 1.142rem;border:.071rem solid #9e9d87;border-radius:1.142rem;height:2.285rem;background-color:rgba(0,0,0,0);cursor:pointer;transition:all .3s ease}.styled-div:hover{border-color:#091e42}.styled-div.styled-div-selected{border:none;background-color:#ecece7}.styled-div.ant-dropdown-open{border-color:#091e42}.menu-wrapper{border:.071rem solid #e8e8e8}.menu-wrapper .ant-dropdown-menu{border:none;box-shadow:none}.menu-item{background-color:rgba(0,0,0,0);border-left:.214rem solid rgba(0,0,0,0)}.menu-item.menu-item-selected{background-color:#e9f0fe;border-left-color:#2466ea}.badge{display:flex;align-items:center;justify-content:center;background-color:#ea213a;color:#fff;height:1.143rem;width:1.143rem;border-radius:50%;margin:0 .285rem;font-size:.857rem;font-weight:500;line-height:normal}.dropdown-icon{position:relative;width:25px;min-width:25px;margin-left:5px}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-select-filter-v2": `cap-select-filter-v2`,
@@ -16246,7 +16246,7 @@ const CapSelectFilter = _ref => {
       selectedValue,
       placeholder,
       placement = 'bottomLeft',
-      width = '80px',
+      width = 'fit-content',
       dropdownMaxHeight = '320px',
       dropdownWidth = '228px',
       data = [],
@@ -16274,18 +16274,18 @@ const CapSelectFilter = _ref => {
       items: renderMenuItem(data, selectedValue),
       onClick: handleMenuClick
     },
-    className: (0, _classnames.default)(_styles.default[clsPrefix], className),
+    className: (0, _classnames.default)(_styles.default[clsPrefix]),
     overlayClassName: (0, _classnames.default)(clsPrefix + "-overlay", overlayClassName),
     dropdownRender: menu => renderDropdownMenu(menu, dropdownMaxHeight, dropdownWidth),
     getPopupContainer: trigger => trigger.parentNode
   }, rest, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)(_styles.default['styled-div'], {
+      className: (0, _classnames.default)(_styles.default['styled-div'], className, {
         [_styles.default['styled-div-selected']]: selectedValue,
         [_styles.default['styled-div-with-badge']]: Boolean(showBadge) && Boolean(selectedValue)
       }),
       style: {
-        width: showBadge && selectedValue ? "calc(" + width + " + 25px)" : width
+        width
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
         type: "label9",