fix(CheckBoxField): pass required prop down to Checkbox (#6274)

* fix(CheckBoxField): pass required prop down to Checkbox

Signed-off-by: Emmanuel CHAMBON <echambon@scaleway.com>

* chore: add changeset

Signed-off-by: Emmanuel CHAMBON <echambon@scaleway.com>

* chore: update snaps

Signed-off-by: Emmanuel CHAMBON <echambon@scaleway.com>

---------

Signed-off-by: Emmanuel CHAMBON <echambon@scaleway.com>

Author: chambo-e

.changeset/three-foxes-attack.md

@@ -0,0 +1,5 @@
+---
+"@ultraviolet/form": patch
+---
+
+pass required prop down to Checkbox

packages/form/src/components/CheckboxField/__tests__/__snapshots__/index.test.tsx.snap

@@ -325,6 +325,7 @@ exports[`checkboxField > should render correctly with errors 1`] = `
           class="uv_9pjq8o5 uv_9pjq8o4"
           id="_r_d_"
           name="test"
+          required=""
           type="checkbox"
         />
         <svg
@@ -372,6 +373,11 @@ exports[`checkboxField > should render correctly with errors 1`] = `
             >
               Checkbox field error
             </label>
+            <sup
+              class="uv_m4c9ow0 uv_m4c9ow4 uv_m4c9ow9 uv_m4c9owj uv_m4c9ow1a uv_m4c9ow2m"
+            >
+              *
+            </sup>
           </div>
           <span
             class="uv_9pjq8o0 uv_m4c9ow0 uv_m4c9ow4 uv_m4c9ow9 uv_m4c9owp uv_m4c9ow1a uv_m4c9ow2m"

packages/form/src/components/CheckboxField/index.tsx

@@ -53,6 +53,7 @@ export const CheckboxField = <
   return (
     <Checkbox
       {...props}
+      required={required}
       checked={!!field.value}
       disabled={field.disabled}
       error={getError({ label: label ?? ariaLabel ?? name }, error)}