sag_components 2.0.0-beta285 → 2.0.0-beta287

package/dist/index.js

@@ -34208,7 +34208,7 @@ const Header$3 = styled__default["default"].div`
     align-items: flex-start;
   }
 `;
-const CloseButton$1 = styled__default["default"].button`
+const CloseButton$2 = styled__default["default"].button`
   position: absolute;
   top: -10px;
   right: 0px;
@@ -34409,7 +34409,7 @@ const InsightsCarousel = _ref => {
     $titleColor: titleColor
   }, /*#__PURE__*/React__default["default"].cloneElement(icon, {
     fill: iconColor
-  }), title), /*#__PURE__*/React__default["default"].createElement(CloseButton$1, {
+  }), title), /*#__PURE__*/React__default["default"].createElement(CloseButton$2, {
     onClick: () => onClose?.({
       label: "closeCarousel"
     }),
@@ -34546,14 +34546,13 @@ ProgressBar.defaultProps = {
 
 const DownloadProgressMainContainer = styled__default["default"].div`
   font-family: "Poppins", sans-serif;
-  font-style: normal;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 400;
   color: #212121;
   line-height: 14px;
   position: relative;
   margin: 0;
-  padding: 10px;
+  padding: 15px 20px 10px;
   background: #ffffff;
   border-radius: 12px;
   box-shadow: ${props => props.showShadow ? '0px 0px 20px 0px rgba(0, 0, 0, 0.2)' : ''};
@@ -34561,14 +34560,13 @@ const DownloadProgressMainContainer = styled__default["default"].div`
 const DownloadProgressContentContainer = styled__default["default"].div` 
   display: flex;
   align-items: center;
-  margin: 0 10px;
   gap: 10px;
 `;
-const DownloadProgressTitle = styled__default["default"].h3`  
+const DownloadProgressTitle = styled__default["default"].h4`  
   font-weight: 400;
-  margin: 10px;  
+  margin: 0 30px 10px 0;  
 `;
-const DownloadProgressStatusMessage = styled__default["default"].h3`   
+const DownloadProgressStatusMessage = styled__default["default"].h5`   
   margin: 3px 0;
   &.DownloadProgressStatusMessage_succeeded{
     font-weight: 500;  
@@ -34582,11 +34580,19 @@ const DownloadProgressStatusMessage = styled__default["default"].h3`
     font-weight: 400;
     text-decoration: underline;  
     &:hover {
-    background-Color: #f1f1f1;
-    cursor: pointer;
-  } 
+      background-Color: #f1f1f1;
+      cursor: pointer;
+    } 
   }
 `;
+const CloseButton$1 = styled__default["default"].button`
+  position: absolute;
+  top: 15px;
+  right: 20px;
+  background: none;
+  border: none;
+  cursor: pointer;
+`;
 
 const DownloadProgress = props => {
   const {
@@ -34595,11 +34601,13 @@ const DownloadProgress = props => {
     failedMessage,
     downloadStatus,
     showShadow,
+    showCloseButton,
     progressPercent,
     refreshInterval,
     progressBarColor,
     onTryAgainClick,
-    className
+    className,
+    onCloseClick
   } = props;
   const [DownloadStatus, setDownloadStatus] = React$1.useState(downloadStatus);
   React$1.useEffect(() => {
@@ -34657,7 +34665,12 @@ const DownloadProgress = props => {
     showShadow: showShadow
   }, /*#__PURE__*/React__default["default"].createElement(DownloadProgressTitle, {
     className: "DownloadProgressTitle"
-  }, title), displayProgressContent());
+  }, title, showCloseButton && /*#__PURE__*/React__default["default"].createElement(CloseButton$1, {
+    onClick: onCloseClick
+  }, /*#__PURE__*/React__default["default"].createElement(CloseXIcon, {
+    width: "11",
+    height: "11"
+  }))), displayProgressContent());
 };
 DownloadProgress.propTypes = {
   title: PropTypes.string,
@@ -34665,6 +34678,8 @@ DownloadProgress.propTypes = {
   failedMessage: PropTypes.string,
   downloadStatus: PropTypes.string,
   showShadow: PropTypes.bool,
+  showCloseButton: PropTypes.bool,
+  onCloseClick: PropTypes.func,
   progressPercent: PropTypes.number,
   refreshInterval: PropTypes.number,
   progressBarColor: PropTypes.string,
@@ -34677,6 +34692,8 @@ DownloadProgress.defaultProps = {
   failedMessage: 'Something went wrong',
   downloadStatus: 'inProgress',
   showShadow: true,
+  showCloseButton: false,
+  onCloseClick: () => {},
   progressPercent: 0,
   refreshInterval: 100,
   progressBarColor: '#92CF17',