sag_components 2.0.0-beta149 → 2.0.0-beta150

package/dist/index.d.ts

@@ -1540,7 +1540,7 @@ declare function ModalDrawer({ open, onClose, children, widthPercent }: {
     widthPercent?: number;
 }): react_jsx_runtime.JSX.Element;
 
-declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarkerBackground, required, selectedColor, hoverColor, dropdownMaxHeight, width, height, label, labelEmptyValue, showLabelOnTop, placeHolder, labelColor, placeHolderColor, ...props }: {
+declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarkerBackground, required, selectedColor, hoverColor, dropdownMaxHeight, width, height, label, labelEmptyValue, showLabelOnTop, placeHolder, labelColor, placeHolderColor, margin, ...props }: {
     [x: string]: any;
     data?: any[];
     value: any;
@@ -1559,6 +1559,7 @@ declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarke
     placeHolder: any;
     labelColor: any;
     placeHolderColor: any;
+    margin?: string;
 }): react_jsx_runtime.JSX.Element;
 
 declare function MessageBox({ isOpen, isDisabled, onClose, onConfirm, title, primaryText, secondaryText, width, height, color, hoverColor, secondaryColor, seperateSectionBorder, children, }: {

package/dist/index.esm.js

@@ -52391,17 +52391,18 @@ const DropdownList = styled.ul`
       `}
 `;
 const SectionDiv = styled.div`
-${({
-  $showBorder
+  ${({
+  $showBorder,
+  margin
 }) => {
   switch ($showBorder) {
     case 'Template Offer':
       return css`border-top: 1px solid #e6e2e2ff;
-         margin-top: 8px;`;
+          margin-top: ${margin};`;
     case 'Last defined by you':
       return css`border-bottom: 1px solid #e6e2e2ff;
-         padding-bottom: 8px;
-        margin-bottom: 8px;`;
+          padding-bottom: 8px;
+          margin-bottom: ${margin};`;
     default:
       return css`border-top: none`;
   }
@@ -52715,6 +52716,7 @@ const OverlayDropdown = _ref => {
     placeHolder,
     labelColor,
     placeHolderColor,
+    margin = '8px',
     ...props
   } = _ref;
   const [open, setOpen] = useState(false);
@@ -52762,7 +52764,7 @@ const OverlayDropdown = _ref => {
         setDropdownPosition('below');
       }
     }
-  }, [open, dropdownMaxHeight]);
+  }, [open, dropdownMaxHeight, margin]);
 
   // Combine original data with "Last defined by you" group
   const getDataWithLastDefined = () => {
@@ -52961,6 +52963,7 @@ const OverlayDropdown = _ref => {
     position: dropdownPosition
   }, dataToRender.map((group, groupIndex) => group.items?.length > 0 && /*#__PURE__*/React$1.createElement(SectionDiv, {
     $showBorder: group.overlayName,
+    margin: margin,
     key: group.overlayCode
   }, ['Template Offer', 'Last defined by you'].includes(group.overlayName) && /*#__PURE__*/React$1.createElement(SectionTitle, null, group.overlayName), group.items.map(item => /*#__PURE__*/React$1.createElement(DropdownItem, {
     key: item.value,