chore(types,clerk-js): Add otp success text descriptor (#6958)

Author: alexcarpenter

.changeset/new-banks-doubt.md

@@ -0,0 +1,6 @@
+---
+'@clerk/clerk-js': patch
+'@clerk/types': patch
+---
+
+Add success text descriptor to otp input field.

packages/clerk-js/src/ui/customizables/elementDescriptors.ts

@@ -102,6 +102,7 @@ export const APPEARANCE_KEYS = containsAllElementsConfigKeys([
   'otpCodeFieldInput',
   'otpCodeFieldInputContainer',
   'otpCodeFieldErrorText',
+  'otpCodeFieldSuccessText',
   'formResendCodeLink',
 
   'dividerRow',

packages/clerk-js/src/ui/elements/Form.tsx

@@ -295,6 +295,7 @@ const OTPInput = (props: OTPInputProps) => {
               center
               elementDescriptors={{
                 error: descriptors.otpCodeFieldErrorText,
+                success: descriptors.otpCodeFieldSuccessText,
               }}
             />
           </Flex>

packages/types/src/appearance.ts

@@ -230,6 +230,7 @@ export type ElementsConfig = {
   otpCodeFieldInput: WithOptions;
   otpCodeFieldInputContainer: WithOptions;
   otpCodeFieldErrorText: WithOptions;
+  otpCodeFieldSuccessText: WithOptions;
 
   dividerRow: WithOptions;
   dividerColumn: WithOptions;