sag_components 2.0.0-beta256 → 2.0.0-beta258

package/dist/index.esm.js

@@ -24639,25 +24639,26 @@ const IconContainer$2 = styled.div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  required,
-  disabled,
-  width,
-  height,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop,
-  dropdownHeight
-}) => {
+const QuickFilterDropdownMultiSelection = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    required,
+    disabled,
+    width,
+    height,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop,
+    dropdownHeight
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState('');
@@ -35662,14 +35663,15 @@ const MainContainer = styled.div`
   justify-content: flex-start;
   align-items: flex-start;
   width: ${props => props.width || '300px'};
+  min-width: ${props => props.width || 'unset'};
   height: ${props => props.height || '45px'};  
+  min-height: ${props => props.multiline ? '80px' : 'auto'};
   font-family: "Poppins", sans-serif;
   font-weight: 400;
   font-size: 14px;
   border-radius: ${props => props.size === 'small' ? '8px' : '12px'};  
   padding: 0;
   cursor: ${props => props.disabled ? 'not-allowed' : 'default'};
-  min-height: ${props => props.multiline ? '80px' : 'auto'};
 `;
 const Label$3 = styled.label`
   font-size: ${props => props.isFocused || props.hasValue ? '14px' : '14px'};
@@ -57276,6 +57278,7 @@ const scrollableStyles = `
 const DropdownContainer = styled.div`
   position: relative;
   width: ${props => props.width || '100%'};
+  min-width: ${props => props.width || 'unset'};
   font-family: "Poppins", sans-serif;
 `;
 const DropdownButton = styled.button`