sag_components 2.0.0-beta260 → 2.0.0-beta262

package/dist/index.d.ts

@@ -1574,7 +1574,7 @@ declare function ModalDrawer({ open, height, 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, textColorMenu, margin, editableDigitalCoupon, dropdownDigitalCouponTitle, ...props }: {
+declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarkerBackground, required, selectedColor, hoverColor, dropdownMaxHeight, width, height, label, labelEmptyValue, showLabelOnTop, placeHolder, labelColor, placeHolderColor, textColorMenu, margin, editableDigitalCoupon, dropdownDigitalCouponTitle, className, ...props }: {
     [x: string]: any;
     data?: any[];
     value: any;
@@ -1597,6 +1597,7 @@ declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarke
     margin?: string;
     editableDigitalCoupon?: boolean;
     dropdownDigitalCouponTitle?: string;
+    className?: string;
 }): react_jsx_runtime.JSX.Element;
 
 declare function MessageBox({ isOpen, isDisabled, onClose, onConfirm, title, primaryText, secondaryText, width, height, color, hoverColor, opacity, secondaryColor, seperateSectionBorder, children, tooltipContent, }: {

package/dist/index.esm.js

@@ -35663,7 +35663,7 @@ const MainContainer = styled.div`
   justify-content: flex-start;
   align-items: flex-start;
   width: ${props => props.width || '300px'};
-  min-width: ${props => props.width || 'unset'};
+  /* min-width: ${props => props.width || 'unset'}; */
   height: ${props => props.height || '45px'};  
   min-height: ${props => props.multiline ? '80px' : 'auto'};
   font-family: "Poppins", sans-serif;
@@ -57286,7 +57286,7 @@ const scrollableStyles = `
 const DropdownContainer = styled.div`
   position: relative;
   width: ${props => props.width || '100%'};
-  min-width: ${props => props.width || 'unset'};
+  /* min-width: ${props => props.width || 'unset'}; */
   font-family: "Poppins", sans-serif;
 `;
 const DropdownButton = styled.button`
@@ -57736,6 +57736,7 @@ const OverlayDropdown = _ref => {
     margin = "8px",
     editableDigitalCoupon = false,
     dropdownDigitalCouponTitle = "",
+    className = "",
     ...props
   } = _ref;
   const [open, setOpen] = useState(false);
@@ -57936,6 +57937,7 @@ const OverlayDropdown = _ref => {
     return "";
   };
   return /*#__PURE__*/React$1.createElement(DropdownContainer, {
+    className: className,
     width: width,
     ref: containerRef
   }, /*#__PURE__*/React$1.createElement(Label$1, {