dhre-ui-kit 0.0.147 → 0.0.150

package/lib/index.d.ts

@@ -600,6 +600,7 @@ interface CommonTextInputProps {
     labelColor?: string;
     pointerEvents?: 'box-none' | 'none' | 'box-only' | 'auto' | undefined;
     handlePress?: () => void;
+    multiline?: boolean;
 }
 declare const CommonTextInput: React$1.FC<CommonTextInputProps>;
 
@@ -721,6 +722,9 @@ interface CustomSlideButtonProps {
     onComplete?: () => void;
     icon: React$1.ReactElement;
     size?: number;
+    textStyle?: TextStyle;
+    containerStyle?: ViewStyle;
+    sliderStyle?: ViewStyle;
 }
 
 declare const _default$2: (props: CustomSlideButtonProps) => React$1.JSX.Element;

package/lib/index.js

@@ -2771,31 +2771,33 @@ const DateRangePicker = (props) => {
   const getMarkedDates = () => {
     const { startDate, endDate } = selectedRange;
     const markedDates = {};
+    if (startDate && endDate) {
+      const start = new Date(startDate);
+      const end = new Date(endDate);
+      while (start < end) {
+        start.setDate(start.getDate() + 1);
+        markedDates[start.toISOString().split("T")[0]] = {
+          color: theme.SUCCESS,
+          textColor: theme.CONTENT_PRIMARY
+        };
+      }
+    }
     if (startDate) {
       markedDates[startDate] = {
         startingDay: true,
         color: theme.SUCCESS,
-        textColor: theme.CONTENT_PRIMARY
+        textColor: theme.CONTENT_PRIMARY,
+        customContainerStyle: { backgroundColor: theme.SURFACE_INVERTED }
       };
     }
     if (endDate) {
       markedDates[endDate] = {
         endingDay: true,
         color: theme.SUCCESS,
-        textColor: theme.CONTENT_PRIMARY
+        textColor: theme.CONTENT_PRIMARY,
+        customContainerStyle: { backgroundColor: theme.SURFACE_INVERTED }
       };
     }
-    if (startDate && endDate) {
-      const start = new Date(startDate);
-      const end = new Date(endDate);
-      while (start < end) {
-        start.setDate(start.getDate() + 1);
-        markedDates[start.toISOString().split("T")[0]] = {
-          color: theme.SUCCESS,
-          textColor: theme.CONTENT_PRIMARY
-        };
-      }
-    }
     return markedDates;
   };
   const isButtonDisabled = !selectedRange.startDate || !selectedRange.endDate;
@@ -2813,10 +2815,12 @@ const DateRangePicker = (props) => {
         todayTextColor: theme.SUCCESS
       },
       style: {
-        backgroundColor: "transparent",
-        color: theme.CONTENT_SECONDRY
+        backgroundColor: theme.SURFACE_TERTIARY,
+        color: theme.CONTENT_SECONDRY,
+        borderRadius: 24
       },
       onDayPress,
+      firstDay: 1,
       ...props
     }
   ), /* @__PURE__ */ React__default["default"].createElement(
@@ -3265,7 +3269,9 @@ const CommonTextInput = ({
   textColor = theme.CONTENT_PRIMARY["light"],
   labelColor,
   handlePress,
-  pointerEvents
+  pointerEvents,
+  multiline = false
+  // Default multiline to false
 }) => {
   return /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: handlePress, style: styles$8.container }, /* @__PURE__ */ React__default["default"].createElement(
     reactNativePaper.TextInput,
@@ -3285,12 +3291,19 @@ const CommonTextInput = ({
           primary: labelColor ? labelColor : DHRE_COLORS_TEXT.DH_BLACK
         }
       },
-      style: [errorMessage ? styles$8.errorInput : styles$8.input, inputStyle],
+      style: [
+        errorMessage ? styles$8.errorInput : styles$8.input,
+        inputStyle,
+        multiline && styles$8.multilineInput
+        // Apply multiline style if true
+      ],
       maxLength,
       textColor,
       placeholder: placeholderText,
       editable,
-      pointerEvents
+      pointerEvents,
+      multiline,
+      numberOfLines: multiline ? 4 : 1
     }
   ), errorMessage ? /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
@@ -3308,9 +3321,6 @@ const styles$8 = reactNative.StyleSheet.create({
   container: {
     justifyContent: "center"
   },
-  touchable: {
-    width: "100%"
-  },
   input: {
     marginVertical: verticalScale(8),
     backgroundColor: DHRE_COLORS_TEXT.DH_WHITE,
@@ -3325,6 +3335,11 @@ const styles$8 = reactNative.StyleSheet.create({
     height: verticalScale(48),
     justifyContent: "center"
   },
+  multilineInput: {
+    minHeight: verticalScale(100),
+    // Increased height for multiline
+    paddingVertical: verticalScale(8)
+  },
   outlineStyle: {
     borderWidth: 1,
     height: verticalScale(48),
@@ -4086,7 +4101,7 @@ const styles$2 = reactNative.StyleSheet.create({
     borderRadius: moderateScale(20),
     margin: moderateScale(4)
   },
-  buttonTextCOntainer: {
+  buttonTextContainer: {
     position: "absolute",
     left: 0,
     right: 0,
@@ -4102,6 +4117,9 @@ const CustomSlideButton = ({
   label,
   onComplete,
   icon,
+  textStyle,
+  containerStyle,
+  sliderStyle,
   size = BUTTON_WIDTH
 }) => {
   const value = React.useRef(0);
@@ -4148,14 +4166,17 @@ const CustomSlideButton = ({
   const { theme } = useTheme();
   return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: {
     ...styles$2.sliderContainer,
-    backgroundColor: theme.SURFACE_INVERTED
-  }, onLayout: handleLayout, ref: cardRef }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$2.buttonTextCOntainer }, /* @__PURE__ */ React__default["default"].createElement(
+    backgroundColor: theme.SURFACE_INVERTED,
+    ...containerStyle
+  }, onLayout: handleLayout, ref: cardRef }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$2.buttonTextContainer }, /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
     {
       text: label,
       variant: FontStyle.L1_REGULAR,
       style: {
-        color: theme.CONTENT_INVERTED
+        color: theme.CONTENT_INVERTED,
+        alignSelf: "center",
+        ...textStyle
       }
     }
   )), /* @__PURE__ */ React__default["default"].createElement(
@@ -4172,7 +4193,8 @@ const CustomSlideButton = ({
           backgroundColor: theme.SURFACE_PRIMARY,
           width: verticalScale(size),
           height: verticalScale(size),
-          borderRadius: verticalScale(size / 2)
+          borderRadius: verticalScale(size / 2),
+          ...sliderStyle
         }
       },
       icon