dhre-ui-kit 0.0.164 → 0.0.166

package/lib/index.mjs

@@ -3237,7 +3237,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,
@@ -3760,6 +3760,10 @@ const styles$4 = StyleSheet.create({
   },
   resendOtpTextEnable: {
     textDecorationLine: "underline"
+  },
+  resendOTPStyle: {
+    alignSelf: "flex-end",
+    marginTop: verticalScale(8)
   }
 });
 
@@ -3775,6 +3779,8 @@ const OTPInput = React.forwardRef(
     textInputStyle,
     resendTextStyle,
     resendOtpColor,
+    label = "OTP",
+    resendText = "Resend OTP",
     mode
   }, ref) => {
     const [otp, setOTP] = useState("");
@@ -3838,7 +3844,7 @@ const OTPInput = React.forwardRef(
     return /* @__PURE__ */ React.createElement(View, { style: { ...otpContainerStyle }, "data-testid": testId }, /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
-        text: "OTP",
+        text: label,
         variant: FontStyle.B4_REGULAR,
         style: {
           color: otp?.length ? theme$1.CONTENT_PRIMARY : theme$1.CONTENT_SECONDRY,
@@ -3867,27 +3873,36 @@ const OTPInput = React.forwardRef(
         returnKeyType: otp.length === length ? "done" : "next",
         selectionColor: theme$1.CONTENT_PRIMARY
       }
-    ))), /* @__PURE__ */ React.createElement(View, { style: styles$4.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React.createElement(
-      CustomTypography,
+    ))), /* @__PURE__ */ React.createElement(
+      Pressable,
       {
-        text: errorMessage,
-        variant: FontStyle.L2_REGULAR,
-        style: {
-          color: theme$1.ERROR
+        onPress: onClickResendOTP,
+        style: styles$4.resendOTPStyle,
+        disabled: !isResendOtpEnable
+      },
+      /* @__PURE__ */ React.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.createElement(View, null), /* @__PURE__ */ React.createElement(Pressable, { onPress: onClickResendOTP, disabled: !isResendOtpEnable }, /* @__PURE__ */ React.createElement(
+      )
+    ), /* @__PURE__ */ React.createElement(View, { style: styles$4.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React.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.createElement(View, null)));
   }
 );
 var index$4 = withThemeProvider(OTPInput);