feat: add valid class for input and label elements (#1196)

Co-authored-by: ArushKapoorJuspay <121166031+ArushKapoorJuspay@users.noreply.github.com>

Author: aritro2002

src/Components/PaymentDropDownField.res

@@ -22,7 +22,7 @@ let make = (
       `${initialLabel}--empty`
     } else {
       switch value.isValid {
-      | Some(valid) => valid ? "" : `${initialLabel}--invalid`
+      | Some(valid) => valid ? `${initialLabel}--valid` : `${initialLabel}--invalid`
       | None => ""
       }
     }

src/Components/PaymentField.res

@@ -82,7 +82,7 @@ let make = (
       `${initialLabel}--empty`
     } else {
       switch value.isValid {
-      | Some(valid) => valid ? "" : `${initialLabel}--invalid`
+      | Some(valid) => valid ? `${initialLabel}--valid` : `${initialLabel}--invalid`
       | None => ""
       }
     }

src/Components/PaymentInputField.res

@@ -75,7 +75,7 @@ let make = (
       `${initialLabel}--empty`
     } else {
       switch isValid {
-      | Some(valid) => valid ? "" : `${initialLabel}--invalid`
+      | Some(valid) => valid ? `${initialLabel}--valid` : `${initialLabel}--invalid`
       | None => ""
       }
     }

src/Types/ElementType.res

@@ -5,6 +5,7 @@ type classes = {
   empty: string,
   focus: string,
   invalid: string,
+  valid: string,
   webkitAutofill: string,
 }
 type rec styleClass = {
@@ -73,6 +74,7 @@ let defaultClasses = {
   empty: "OrcaElement--empty",
   focus: "OrcaElement--focus",
   invalid: "OrcaElement--invalid",
+  valid: "OrcaElement--valid",
   webkitAutofill: "OrcaElement--webkit-autofill",
 }
 let defaultStyleClass = {
@@ -133,6 +135,7 @@ let getClasses = (str, dict, logger) => {
       empty: getWarningString(json, "empty", "OrcaElement--empty", ~logger),
       focus: getWarningString(json, "focus", "OrcaElement--focus", ~logger),
       invalid: getWarningString(json, "invalid", "OrcaElement--invalid", ~logger),
+      valid: getWarningString(json, "valid", "OrcaElement--valid", ~logger),
       webkitAutofill: getWarningString(
         json,
         "webkitAutofill",