dhre-ui-kit 0.0.246 → 0.0.247

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.mjs CHANGED
@@ -3974,15 +3974,18 @@ const styles$5 = StyleSheet.create({
3974
3974
  textDecorationLine: "underline"
3975
3975
  },
3976
3976
  resendOTPStyle: {
3977
- alignSelf: "flex-end",
3978
- marginTop: verticalScale(8)
3977
+ alignSelf: "flex-end"
3979
3978
  },
3980
3979
  timerContainer: {
3981
3980
  flexDirection: "row",
3982
3981
  justifyContent: "space-between",
3983
3982
  marginTop: verticalScale(8)
3984
3983
  },
3985
- timerIconContainer: { flexDirection: "row", gap: horizontalScale(8) }
3984
+ timerIconContainer: {
3985
+ flexDirection: "row",
3986
+ gap: horizontalScale(8),
3987
+ alignItems: "center"
3988
+ }
3986
3989
  });
3987
3990
 
3988
3991
  const OTPInput = React.forwardRef(
@@ -4158,12 +4161,12 @@ const OTPInput = React.forwardRef(
4158
4161
  autoComplete: "sms-otp",
4159
4162
  selectionColor: theme$1.CONTENT_PRIMARY
4160
4163
  }
4161
- ))), !errorMessageMaxReachCount && /* @__PURE__ */ React.createElement(View, { style: styles$5.timerContainer }, timeLeft !== 0 && /* @__PURE__ */ React.createElement(View, { style: styles$5.timerIconContainer }, timerIcon, /* @__PURE__ */ React.createElement(
4164
+ ))), !errorMessageMaxReachCount && /* @__PURE__ */ React.createElement(View, { style: styles$5.timerContainer }, (disableResendButton() || !isResendOtpEnable) && /* @__PURE__ */ React.createElement(View, { style: styles$5.timerIconContainer }, timerIcon, /* @__PURE__ */ React.createElement(
4162
4165
  CustomTypography,
4163
4166
  {
4164
- text: `${timeLeft} sec`,
4165
- variant: FontStyle.L2_REGULAR,
4166
- style: { color: theme$1.CONTENT_PRIMARY }
4167
+ text: `00:${timeLeft} secs`,
4168
+ variant: FontStyle.L1_REGULAR,
4169
+ style: { color: theme$1.INFO }
4167
4170
  }
4168
4171
  )), /* @__PURE__ */ React.createElement(
4169
4172
  Pressable,