dhre-ui-kit 0.0.159 → 0.0.161

package/lib/index.d.ts

@@ -696,6 +696,7 @@ interface IProps$1 {
     textInputStyle?: TextStyle;
     resendTextStyle?: TextStyle;
     resendOtpColor?: string;
+    mode?: 'light' | 'dark';
 }
 type OTPInputHandle = {
     reset: () => void;

package/lib/index.js

@@ -3295,16 +3295,16 @@ const CommonTextInput = (props) => {
       pointerEvents,
       multiline,
       numberOfLines: multiline ? 4 : 1,
-      right: /* @__PURE__ */ React__default["default"].createElement(
+      right: rightIcon ? /* @__PURE__ */ React__default["default"].createElement(
         reactNativePaper.TextInput.Icon,
         {
-          icon: rightIcon ?? "",
+          icon: rightIcon,
           size: 24,
           onPress: () => {
             onRightIconPress?.();
           }
         }
-      ),
+      ) : null,
       ...props
     }
   ), errorMessage ? /* @__PURE__ */ React__default["default"].createElement(
@@ -3806,12 +3806,20 @@ const OTPInput = React__default["default"].forwardRef(
     otpHeaderTextStyle,
     textInputStyle,
     resendTextStyle,
-    resendOtpColor
+    resendOtpColor,
+    mode
   }, ref) => {
     const [otp, setOTP] = React.useState("");
     const [isResendOtpEnable, setIsResendOtpEnable] = React.useState(false);
     const [activeInput, setActiveInput] = React.useState(null);
-    const { theme } = useTheme();
+    const filteredTheme = Object?.keys(theme)?.reduce(
+      (acc, key) => {
+        acc[key] = theme[key][mode];
+        return acc;
+      },
+      {}
+    );
+    const { theme: theme$1 } = mode ? { theme: filteredTheme } : useTheme();
     const refs = React.useRef([]);
     refs.current = Array(length).fill(0).map((_, index) => refs.current[index] || null);
     React.useEffect(() => {
@@ -3865,7 +3873,7 @@ const OTPInput = React__default["default"].forwardRef(
         text: "OTP",
         variant: FontStyle.B4_REGULAR,
         style: {
-          color: otp?.length ? theme.CONTENT_PRIMARY : theme.CONTENT_SECONDRY,
+          color: otp?.length ? theme$1.CONTENT_PRIMARY : theme$1.CONTENT_SECONDRY,
           textAlign: "left",
           ...otpHeaderTextStyle
         }
@@ -3876,8 +3884,8 @@ const OTPInput = React__default["default"].forwardRef(
         key: index?.toString(),
         style: {
           ...styles$4.textInputStyle,
-          color: theme.CONTENT_PRIMARY,
-          borderColor: errorMessage ? theme.ERROR : otp.length === length ? theme.SUCCESS : activeInput === index ? theme.BORDER_INVERTED : theme.BORDER_PRIMARY,
+          color: theme$1.CONTENT_PRIMARY,
+          borderColor: errorMessage ? theme$1.ERROR : otp.length === length ? theme$1.SUCCESS : activeInput === index ? theme$1.BORDER_INVERTED : theme$1.BORDER_PRIMARY,
           ...textInputStyle
         },
         onFocus: () => setActiveInput(index),
@@ -3889,7 +3897,7 @@ const OTPInput = React__default["default"].forwardRef(
         keyboardType: "numeric",
         ref: (el) => refs.current[index] = el,
         returnKeyType: otp.length === length ? "done" : "next",
-        selectionColor: theme.CONTENT_PRIMARY
+        selectionColor: theme$1.CONTENT_PRIMARY
       }
     ))), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$4.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
@@ -3897,7 +3905,7 @@ const OTPInput = React__default["default"].forwardRef(
         text: errorMessage,
         variant: FontStyle.L2_REGULAR,
         style: {
-          color: theme.ERROR
+          color: theme$1.ERROR
         }
       }
     ) : /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null), /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: onClickResendOTP, disabled: !isResendOtpEnable }, /* @__PURE__ */ React__default["default"].createElement(
@@ -3907,7 +3915,7 @@ const OTPInput = React__default["default"].forwardRef(
         variant: FontStyle.L2_REGULAR,
         style: {
           textDecorationLine: "underline",
-          color: isResendOtpEnable ? resendOtpColor ?? theme.CONTENT_PRIMARY : theme.CONTENT_DISABLE,
+          color: isResendOtpEnable ? resendOtpColor ?? theme$1.CONTENT_PRIMARY : theme$1.CONTENT_DISABLE,
           ...resendTextStyle
         }
       }