fix: Clean up radios

Workday · Sep 19, 2024 · 63fc6c5 · 63fc6c5
1 parent 435c858
commit 63fc6c5
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/modules/preview-react/radio/lib/RadioGroup.tsx b/modules/preview-react/radio/lib/RadioGroup.tsx
@@ -24,7 +24,7 @@ const radioGroupStencil = createStencil({
     borderRadius: system.shape.x1,
     gap: system.space.x2,
     padding: `${px2rem(10)} ${system.space.x3} ${system.space.x2}`,
-    margin: `${calc.negate(system.space.x1)} ${calc.negate(system.space.x3)}`,
+    margin: `0 ${calc.negate(system.space.x3)}`,
     transition: '100ms box-shadow',
     width: 'fit-content',
   },

diff --git a/modules/react/radio/lib/RadioGroup.tsx b/modules/react/radio/lib/RadioGroup.tsx
@@ -39,7 +39,7 @@ const Container = styled('div')<Pick<RadioGroupProps, 'error' | 'grow' | 'theme'
     boxSizing: 'border-box',
     borderRadius: borderRadius.m,
     padding: `${space.xxxs} ${space.xs}`,
-    margin: `-${space.xxxs} -${space.xs}`,
+    margin: `0 -${space.xs}`,
     '& > div': {
       margin: `${space.xxs} ${space.zero}`,
       alignItems: 'flex-start',

diff --git a/modules/react/radio/stories/examples/NoValue.tsx b/modules/react/radio/stories/examples/NoValue.tsx
@@ -5,7 +5,7 @@ import {Subtext} from '@workday/canvas-kit-react/text';
 import {useUniqueId} from '@workday/canvas-kit-react/common';
 
 export const NoValue = () => {
-  const [value, setValue] = React.useState<string | number>(0);
+  const [value, setValue] = React.useState<string | number>('');
 
   const handleChange = (value: string | number) => {
     setValue(value);

diff --git a/modules/react/text-area/stories/examples/Grow.tsx b/modules/react/text-area/stories/examples/Grow.tsx
@@ -10,7 +10,7 @@ export const Grow = () => {
   };
 
   return (
-    <FormField>
+    <FormField grow>
       <FormField.Label>Leave a Review foo</FormField.Label>
       <FormField.Field>
         <FormField.Input as={TextArea} onChange={handleChange} value={value} />