dhre-ui-kit 0.0.164 → 0.0.166

package/lib/index.d.ts

@@ -696,6 +696,8 @@ interface IProps$1 {
     textInputStyle?: TextStyle;
     resendTextStyle?: TextStyle;
     resendOtpColor?: string;
+    label?: string;
+    resendText?: string;
     mode?: 'light' | 'dark';
 }
 type OTPInputHandle = {

package/lib/index.js

@@ -3270,7 +3270,7 @@ const CommonTextInput = (props) => {
       mode: "outlined",
       outlineStyle: {
         ...styles$8.outlineStyle,
-        borderColor: errorMessage?.length ? DHRE_DEFAULT.DH_ERROR : value?.length ? activeBorderColor : inactiveBorderColor
+        borderColor: errorMessage?.length ? DHRE_DEFAULT.DH_SEMENTIC_ERROR : value?.length ? activeBorderColor : inactiveBorderColor
       },
       label,
       value,
@@ -3793,6 +3793,10 @@ const styles$4 = reactNative.StyleSheet.create({
   },
   resendOtpTextEnable: {
     textDecorationLine: "underline"
+  },
+  resendOTPStyle: {
+    alignSelf: "flex-end",
+    marginTop: verticalScale(8)
   }
 });
 
@@ -3808,6 +3812,8 @@ const OTPInput = React__default["default"].forwardRef(
     textInputStyle,
     resendTextStyle,
     resendOtpColor,
+    label = "OTP",
+    resendText = "Resend OTP",
     mode
   }, ref) => {
     const [otp, setOTP] = React.useState("");
@@ -3871,7 +3877,7 @@ const OTPInput = React__default["default"].forwardRef(
     return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...otpContainerStyle }, "data-testid": testId }, /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
-        text: "OTP",
+        text: label,
         variant: FontStyle.B4_REGULAR,
         style: {
           color: otp?.length ? theme$1.CONTENT_PRIMARY : theme$1.CONTENT_SECONDRY,
@@ -3900,27 +3906,36 @@ const OTPInput = React__default["default"].forwardRef(
         returnKeyType: otp.length === length ? "done" : "next",
         selectionColor: theme$1.CONTENT_PRIMARY
       }
-    ))), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$4.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React__default["default"].createElement(
-      CustomTypography,
+    ))), /* @__PURE__ */ React__default["default"].createElement(
+      reactNative.Pressable,
       {
-        text: errorMessage,
-        variant: FontStyle.L2_REGULAR,
-        style: {
-          color: theme$1.ERROR
+        onPress: onClickResendOTP,
+        style: styles$4.resendOTPStyle,
+        disabled: !isResendOtpEnable
+      },
+      /* @__PURE__ */ React__default["default"].createElement(
+        CustomTypography,
+        {
+          text: resendText,
+          variant: FontStyle.L2_REGULAR,
+          style: {
+            textDecorationLine: "underline",
+            color: isResendOtpEnable ? resendOtpColor ?? theme$1.CONTENT_PRIMARY : theme$1.CONTENT_DISABLE,
+            ...resendTextStyle
+          }
         }
-      }
-    ) : /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null), /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: onClickResendOTP, disabled: !isResendOtpEnable }, /* @__PURE__ */ React__default["default"].createElement(
+      )
+    ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$4.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
-        text: "Resend OTP",
+        text: errorMessage,
         variant: FontStyle.L2_REGULAR,
         style: {
-          textDecorationLine: "underline",
-          color: isResendOtpEnable ? resendOtpColor ?? theme$1.CONTENT_PRIMARY : theme$1.CONTENT_DISABLE,
-          ...resendTextStyle
+          alignSelf: "flex-start",
+          color: theme$1.ERROR
         }
       }
-    ))));
+    ) : /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null)));
   }
 );
 var index$4 = withThemeProvider(OTPInput);