Add class 'ValidationSuccess' and move 'ElementWrapper'

src/@optimizely/forms-react/src/components/elements/ChoiceElementBlock.tsx

@@ -1,6 +1,6 @@
 import { Choice, equals, isNullOrEmpty } from "@optimizely/forms-sdk";
 import React, { useMemo } from "react";
-import ElementWrapper from "../ElementWrapper";
+import ElementWrapper from "./shared/ElementWrapper";
 import { useElement } from "../../hooks/useElement";
 import { ValidationMessage } from "./shared";
 

src/@optimizely/forms-react/src/components/elements/FileUploadElementBlock.tsx

@@ -1,6 +1,6 @@
 import { FileUpload } from "@optimizely/forms-sdk"
 import React, { useMemo } from "react";
-import ElementWrapper from "../ElementWrapper";
+import ElementWrapper from "./shared/ElementWrapper";
 import { useElement } from "../../hooks/useElement";
 import { ElementCaption, ValidationMessage } from "./shared";
 

src/@optimizely/forms-react/src/components/elements/ImageChoiceElementBlock.tsx

@@ -1,6 +1,6 @@
 import { ImageChoice, equals, isNullOrEmpty } from "@optimizely/forms-sdk";
 import React, { useMemo } from "react";
-import ElementWrapper from "../ElementWrapper";
+import ElementWrapper from "./shared/ElementWrapper";
 import { useElement } from "../../hooks/useElement";
 import { ValidationMessage } from "./shared";
 

src/@optimizely/forms-react/src/components/elements/NumberElementBlock.tsx

@@ -1,6 +1,6 @@
 import { Number } from "@optimizely/forms-sdk"
 import React, { useMemo } from "react";
-import ElementWrapper from "../ElementWrapper";
+import ElementWrapper from "./shared/ElementWrapper";
 import { useElement } from "../../hooks/useElement";
 import { ValidationMessage, ElementCaption } from "./shared";
 

src/@optimizely/forms-react/src/components/elements/RangeElementBlock.tsx

@@ -1,6 +1,6 @@
 import { Range } from "@optimizely/forms-sdk"
 import React, { useMemo } from "react";
-import ElementWrapper from "../ElementWrapper";
+import ElementWrapper from "./shared/ElementWrapper";
 import { useElement } from "../../hooks/useElement";
 import { ElementCaption, ValidationMessage } from "./shared";
 

src/@optimizely/forms-react/src/components/elements/SelectionElementBlock.tsx

@@ -1,6 +1,6 @@
 import { Selection, isNullOrEmpty } from "@optimizely/forms-sdk"
 import React, { useMemo } from "react";
-import ElementWrapper from "../ElementWrapper";
+import ElementWrapper from "./shared/ElementWrapper";
 import { useElement } from "../../hooks/useElement";
 import { ElementCaption, ValidationMessage } from "./shared";
 

src/@optimizely/forms-react/src/components/elements/SubmitButtonElementBlock.tsx

@@ -1,7 +1,7 @@
 import { SubmitButton, isNullOrEmpty } from "@optimizely/forms-sdk";
 import React, { useMemo } from "react";
 import { useElement } from "../../hooks/useElement";
-import ElementWrapper from "../ElementWrapper";
+import ElementWrapper from "./shared/ElementWrapper";
 
 interface SubmitButtonElementBlockProps{
     element: SubmitButton

src/@optimizely/forms-react/src/components/elements/TextareaElementBlock.tsx

@@ -1,6 +1,6 @@
 import { Textarea } from "@optimizely/forms-sdk"
 import React, { useMemo } from "react";
-import ElementWrapper from "../ElementWrapper";
+import ElementWrapper from "./shared/ElementWrapper";
 import { useElement } from "../../hooks/useElement";
 import { ElementCaption, ValidationMessage } from "./shared";
 

src/@optimizely/forms-react/src/components/elements/TextboxElementBlock.tsx

@@ -1,6 +1,6 @@
 import { Textbox } from "@optimizely/forms-sdk";
 import React, { useMemo } from "react";
-import ElementWrapper from "../ElementWrapper";
+import ElementWrapper from "./shared/ElementWrapper";
 import { useElement } from "../../hooks/useElement";
 import { ElementCaption, ValidationMessage, DataList } from "./shared";
 

src/@optimizely/forms-react/src/components/elements/UrlElementBlock.tsx

@@ -1,6 +1,6 @@
 import { Url } from "@optimizely/forms-sdk"
 import React, { useMemo } from "react";
-import ElementWrapper from "../ElementWrapper";
+import ElementWrapper from "./shared/ElementWrapper";
 import { useElement } from "../../hooks/useElement";
 import { ElementCaption, ValidationMessage } from "./shared";
 

src/@optimizely/forms-react/src/components/ElementWrapper.tsx → src/@optimizely/forms-react/src/components/elements/shared/ElementWrapper.tsx

@@ -9,7 +9,7 @@ export interface ElementWrapperProps{
 }
 
 export default function ElementWrapper(props: ElementWrapperProps){
-    const failClass = props.validationResults?.some(r => !r.valid) ? "ValidationFail" : "";
+    const failClass = props.validationResults?.some(r => !r.valid) ? "ValidationFail" : "ValidationSuccess";
 
     return (
         <>