saves

marigold-ui · Dec 16, 2022 · 962ca5b · 962ca5b
1 parent be7eacc
commit 962ca5b
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/packages/components/src/Checkbox/CheckboxGroup.stories.tsx b/packages/components/src/Checkbox/CheckboxGroup.stories.tsx
@@ -3,6 +3,7 @@ import type { Meta, ComponentStory } from '@storybook/react';
 
 import { Checkbox } from './Checkbox';
 import { CheckboxGroup } from './CheckboxGroup';
+import { FieldBaseGroup } from '../FieldBase/FieldBaseGroup';
 
 export default {
   title: 'Components/CheckboxGroup',

diff --git a/packages/components/src/FieldBase/FieldBase.stories.tsx b/packages/components/src/FieldBase/FieldBase.stories.tsx
@@ -63,7 +63,7 @@ export const Basic: ComponentStory<typeof FieldBase> = args => (
 );
 
 export const Complex: ComponentStory<typeof FieldBase> = args => (
-  <FieldBaseGroup space="small">
+  <FieldBaseGroup space="medium">
     <FieldBase {...args} label="This is my Label">
       <input type="text" />
     </FieldBase>

diff --git a/packages/components/src/FieldBase/FieldBase.tsx b/packages/components/src/FieldBase/FieldBase.tsx
@@ -55,7 +55,7 @@ export const FieldBase = ({
   const { space } = useFieldBaseGroupContext();
 
   return (
-    <FieldBaseGroup space={space}>
+    <>
       <Box
         {...props}
         __baseCSS={{
@@ -95,6 +95,6 @@ export const FieldBase = ({
           )}
         </Box>
       </Box>
-    </FieldBaseGroup>
+    </>
   );
 };
diff --git a/packages/components/src/Label/Label.tsx b/packages/components/src/Label/Label.tsx
@@ -17,9 +17,9 @@ export interface LabelProps extends ComponentProps<'label'> {
   space?: keyof typeof LABEL_SPACE;
 }
 const LABEL_SPACE = {
-  small: '20%',
-  medium: '50%',
-  large: '100%',
+  small: '10%',
+  medium: '20%',
+  large: '50%',
   none: 'auto',
 };