dhre-ui-kit 0.0.285 → 0.0.287

package/lib/index.d.ts

@@ -18,7 +18,7 @@ interface CustomTextProps extends TextProps {
     style?: StyleProp<TextStyle>;
     textColor?: string;
 }
-declare const _default$l: (props: CustomTextProps) => React$1.JSX.Element;
+declare const _default$k: (props: CustomTextProps) => React$1.JSX.Element;
 
 interface BadgeProps {
     text?: string;
@@ -28,7 +28,7 @@ interface BadgeProps {
     iconStyle?: ViewStyle;
     handleIconPress: () => void;
 }
-declare const _default$k: (props: BadgeProps) => React$1.JSX.Element;
+declare const _default$j: (props: BadgeProps) => React$1.JSX.Element;
 
 interface BottomDrawerProps {
     isModalVisible: boolean;
@@ -48,12 +48,12 @@ interface BottomDrawerProps {
     titleStyle?: TextStyle;
     titleVariant?: string;
     showHeader?: boolean;
-    blurType?: 'dark' | 'light';
     showSeparator?: boolean;
     backdropColor?: string;
+    backdropOpacity?: number;
 }
 
-declare const _default$j: (props: BottomDrawerProps) => React$1.JSX.Element;
+declare const BottomDrawer: React$1.FC<BottomDrawerProps>;
 
 interface CustomButtonProps {
     title: string;
@@ -1128,4 +1128,4 @@ interface RadioButtonGroupProps {
 
 declare const RadioButtonGroup: React$1.FC<RadioButtonGroupProps>;
 
-export { _default$g as Accordion, _default$1 as AppointmentCard, _default$k as Badge, _default$j as BottomDrawer, _default$i as Button, Cards, _default$7 as Category, Checkbox as CheckBox, _default$a as ContactModel, CountryDropDown as CountryPicker, _default$4 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, _default$f as CustomHeader, type CustomHeaderProps, CustomIcon, _default$d as CustomLoader, CustomProgressBar, CustomSearchBar, _default$2 as CustomSlideButton, CustomSwitchBtn, _default$l as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_ALERT, DHRE_COLORS_BG, DHRE_COLORS_PRIMARY, DHRE_COLORS_SECONDARY, DHRE_COLORS_TEXT, DHRE_DEFAULT, _default$9 as DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, _default$6 as FeedbackForm, FileUpload, FontStyle, _default$c as Line, NotificationBandge, OTPInput, _default$8 as OurOfficesButton, PdfView, PopUp, _default as PropertyDetails, RadioButtonGroup, ShapeType, _default$5 as SingleSelectionTags, type SlideButtonHandle, Star as StarRating, _default$3 as Stepper, _default$e as SwipableList, _default$h as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, type ToastRef, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, _default$b as Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };
+export { _default$g as Accordion, _default$1 as AppointmentCard, _default$j as Badge, BottomDrawer, _default$i as Button, Cards, _default$7 as Category, Checkbox as CheckBox, _default$a as ContactModel, CountryDropDown as CountryPicker, _default$4 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, _default$f as CustomHeader, type CustomHeaderProps, CustomIcon, _default$d as CustomLoader, CustomProgressBar, CustomSearchBar, _default$2 as CustomSlideButton, CustomSwitchBtn, _default$k as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_ALERT, DHRE_COLORS_BG, DHRE_COLORS_PRIMARY, DHRE_COLORS_SECONDARY, DHRE_COLORS_TEXT, DHRE_DEFAULT, _default$9 as DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, _default$6 as FeedbackForm, FileUpload, FontStyle, _default$c as Line, NotificationBandge, OTPInput, _default$8 as OurOfficesButton, PdfView, PopUp, _default as PropertyDetails, RadioButtonGroup, ShapeType, _default$5 as SingleSelectionTags, type SlideButtonHandle, Star as StarRating, _default$3 as Stepper, _default$e as SwipableList, _default$h as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, type ToastRef, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, _default$b as Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };

package/lib/index.js

@@ -697,17 +697,18 @@ const BottomDrawer = ({
   showHeader = true,
   showSeparator = true,
   showBlurView = true,
-  backdropColor
+  backdropColor,
+  backdropOpacity = 0.9
 }) => {
-  const { theme } = useTheme();
   return /* @__PURE__ */ React__default["default"].createElement(
     Modal__default["default"],
     {
       isVisible: isModalVisible,
       swipeDirection: "down",
       onSwipeComplete: toggleModal,
-      backdropColor: backdropColor ?? theme.SURFACE_PRIMARY,
+      backdropColor: backdropColor ?? theme.SURFACE_PRIMARY.light,
       hasBackdrop: showBlurView,
+      backdropOpacity,
       style: { margin: 0 }
     },
     /* @__PURE__ */ React__default["default"].createElement(
@@ -737,7 +738,6 @@ const BottomDrawer = ({
     )
   );
 };
-var BottomDrawer$1 = withThemeProvider(BottomDrawer);
 
 const createStyles$3 = (theme) => {
   return reactNative.StyleSheet.create({
@@ -4960,7 +4960,7 @@ const RadioButtonGroup = ({ data, onSelect, containerStyle, labelStyle, optionCo
 exports.Accordion = Accordion$1;
 exports.AppointmentCard = index$1;
 exports.Badge = Badge$1;
-exports.BottomDrawer = BottomDrawer$1;
+exports.BottomDrawer = BottomDrawer;
 exports.Button = CustomButton$1;
 exports.Cards = Cards;
 exports.Category = category;