dhre-ui-kit 0.0.160 → 0.0.162

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

@@ -3293,6 +3293,7 @@ const CommonTextInput = (props) => {
       placeholder: placeholderText,
       editable,
       pointerEvents,
+      error: errorMessage?.length ? true : false,
       multiline,
       numberOfLines: multiline ? 4 : 1,
       right: rightIcon ? /* @__PURE__ */ React__default["default"].createElement(
@@ -3333,6 +3334,7 @@ const styles$8 = reactNative.StyleSheet.create({
   errorInput: {
     marginTop: verticalScale(12),
     backgroundColor: DHRE_COLORS_TEXT.DH_WHITE,
+    borderColor: DHRE_DEFAULT.DH_ERROR,
     paddingVertical: 0,
     height: verticalScale(48),
     justifyContent: "center"
@@ -3806,12 +3808,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 +3875,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 +3886,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 +3899,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 +3907,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 +3917,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
         }
       }