Fix types

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

packages/canon/src/components/Container/Container.stories.tsx

@@ -53,7 +53,7 @@ type Story = StoryObj<typeof meta>;
 
 const FakeBox = () => (
   <Box
-    borderRadius="small"
+    borderRadius="xs"
     style={{ background: '#1f47ff', color: 'white', height: '400px' }}
   />
 );

packages/canon/src/components/Grid/Grid.stories.tsx

@@ -45,7 +45,7 @@ type Story = StoryObj<typeof meta>;
 
 const FakeBox = () => (
   <Box
-    borderRadius="small"
+    borderRadius="xs"
     style={{ background: '#1f47ff', color: 'white', height: '64px' }}
   />
 );
@@ -105,7 +105,7 @@ export const RowAndColumns: Story = {
       <Grid {...args} columns={3}>
         <Grid.Item colSpan={1} rowSpan={2}>
           <Box
-            borderRadius="small"
+            borderRadius="xs"
             style={{ background: '#1f47ff', color: 'white', height: '100%' }}
           />
         </Grid.Item>

packages/canon/src/components/Inline/Inline.stories.tsx

@@ -57,7 +57,7 @@ const FakeBox = ({
   height?: number;
 }) => (
   <Box
-    borderRadius="small"
+    borderRadius="xs"
     style={{ background: '#1f47ff', color: 'white', width, height }}
   />
 );

packages/canon/src/components/Stack/Stack.stories.tsx

@@ -53,7 +53,7 @@ const FakeBox = () => (
   <Box
     paddingX="xl"
     paddingY="md"
-    borderRadius="small"
+    borderRadius="xs"
     style={{ background: '#1f47ff', color: 'white' }}
   >
     Fake Box