sag_components 2.0.0-beta286 → 2.0.0-beta288

package/dist/index.esm.js

@@ -24643,25 +24643,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('');
@@ -34553,7 +34554,7 @@ const DownloadProgressContentContainer = styled.div`
 `;
 const DownloadProgressTitle = styled.h4`  
   font-weight: 400;
-  margin: 0 0 10px;  
+  margin: 0 30px 10px 0;  
 `;
 const DownloadProgressStatusMessage = styled.h5`   
   margin: 3px 0;
@@ -34567,7 +34568,7 @@ const DownloadProgressStatusMessage = styled.h5`
   &.DownloadProgressStatusMessage_TryAgain{
     color: #1B30AA;
     font-weight: 400;
-    text-decoration: underline;  
+    text-decoration: underline;
     &:hover {
       background-Color: #f1f1f1;
       cursor: pointer;
@@ -34657,8 +34658,8 @@ const DownloadProgress = props => {
   }, title, showCloseButton && /*#__PURE__*/React$1.createElement(CloseButton$1, {
     onClick: onCloseClick
   }, /*#__PURE__*/React$1.createElement(CloseXIcon, {
-    width: "12",
-    height: "12"
+    width: "11",
+    height: "11"
   }))), displayProgressContent());
 };
 DownloadProgress.propTypes = {
@@ -57500,7 +57501,7 @@ const DropdownList = styled.ul`
   border-radius: 10px;
   margin: 0;
   padding: 8px 0;
-  min-width: ${props => props.width || '100%'};
+  width: ${props => props.width || '100%'};
   max-height: ${props => props.dropdownMaxHeight || '420px'}; 
   overflow-y: auto;
   left: 0;
@@ -58134,7 +58135,6 @@ const OverlayDropdown = _ref => {
     content: selected?.label,
     showTooltip: !!selected
   }, /*#__PURE__*/React$1.createElement(Wrapper, null, /*#__PURE__*/React$1.createElement(TruncatedText, {
-    className: "selected",
     onMouseEnter: () => setHoveredText(selected?.label),
     onMouseLeave: () => setHoveredText(null),
     color: !selected && open ? placeHolderColor : "inherit"