refactor(Radio): update styling (#2768)

scaleway · Aug 1, 2023 · 0e8a90e · 0e8a90e
1 parent 90e9079
commit 0e8a90e
Show file tree

Hide file tree

Showing 19 changed files with 3,227 additions and 2,279 deletions.
diff --git a/.changeset/warm-jars-serve.md b/.changeset/warm-jars-serve.md
@@ -0,0 +1,5 @@
+---
+'@ultraviolet/ui': minor
+---
+
+Update styling of Radio component
diff --git a/packages/form/src/components/Form/__stories__/Playground.stories.tsx b/packages/form/src/components/Form/__stories__/Playground.stories.tsx
@@ -33,15 +33,9 @@ export const Playground: StoryFn<typeof Form> = args => {
           I&apos;m disabling the field name to remove validation
         </Checkbox>
         <Stack gap={2} direction="row">
-          <RadioField name="choice" value="1" required>
-            1
-          </RadioField>
-          <RadioField name="choice" value="2" required>
-            2
-          </RadioField>
-          <RadioField name="choice" value="3" required>
-            3
-          </RadioField>
+          <RadioField name="choice" value="1" required label="1" />
+          <RadioField name="choice" value="2" required label="2" />
+          <RadioField name="choice" value="3" required label="3" />
         </Stack>
 
         <Stack gap={2} direction="row">

diff --git a/packages/form/src/components/RadioField/__stories__/Checked.stories.tsx b/packages/form/src/components/RadioField/__stories__/Checked.stories.tsx
@@ -5,8 +5,6 @@ import { Form } from '../../Form'
 
 export const Checked: StoryFn<FormProps> = ({ errors }) => (
   <Form onRawSubmit={() => {}} errors={errors} initialValues={{ foo: 'bar' }}>
-    <RadioField name="foo" value="bar">
-      Checked Radio
-    </RadioField>
+    <RadioField name="foo" value="bar" label="Checked Radio" />
   </Form>
 )