sag_components 2.0.0-beta345 → 2.0.0-beta347

package/dist/index.d.ts

@@ -1519,7 +1519,7 @@ declare function OverlayDropdown({ data, value, onSelectClick, label, labelEmpty
     margin?: string;
 }): any;
 
-declare function MessageBox({ isOpen, isDisabled, onClose, onConfirm, title, primaryText, secondaryText, width, height, color, hoverColor, opacity, secondaryColor, seperateSectionBorder, children, tooltipContent, }: {
+declare function MessageBox({ isOpen, isDisabled, onClose, onConfirm, title, primaryText, secondaryText, width, height, color, hoverColor, opacity, secondaryColor, seperateSectionBorder, children, tooltipContent, disableBackdropClose, }: {
     isOpen?: boolean;
     isDisabled?: boolean;
     onClose?: () => void;
@@ -1536,6 +1536,7 @@ declare function MessageBox({ isOpen, isDisabled, onClose, onConfirm, title, pri
     seperateSectionBorder?: boolean;
     children: any;
     tooltipContent?: string;
+    disableBackdropClose?: boolean;
 }): any;
 
 declare function ToasterMessageBox({ color, messageText, linkText, duration, width, icon, onLinkClick, onClose }: {

package/dist/index.esm.js

@@ -42869,12 +42869,12 @@ const NotAvailableText = styled.div`
   color: #8B8989;
   font-family: inherit;
   font-size: inherit;
-  line-height: normal;
+  line-height: inherit;
   cursor: pointer;
   padding: 1px 2px;
   border: 1px solid #D1D5DB;
   border-radius: 4px;
-  background: #F3F4F6;
+  background: white;
 
   &:hover {
     border-color: rgba(0, 0, 0, 0.6);
@@ -43018,10 +43018,12 @@ const MessageBox = _ref => {
     secondaryColor = "#ffffff",
     seperateSectionBorder = false,
     children,
-    tooltipContent = "Please fill in all required details"
+    tooltipContent = "Please fill in all required details",
+    disableBackdropClose = false
   } = _ref;
   if (!isOpen) return null;
   const handleOverlayClick = e => {
+    if (disableBackdropClose) return;
     if (e.target === e.currentTarget) {
       onClose();
     }