feat(docs): arg types added

Author: robsonnatanael

packages/docs/src/stories/Avatar.stories.tsx

@@ -5,7 +5,14 @@ export default {
   title: "Data display/Avatar",
   component: Avatar,
   args: {
-    src: 'https://github.com/robsonnatanael.png',
+    src: "https://github.com/robsonnatanael.png",
+  },
+  argTypes: {
+    src: {
+      control: {
+        type: 'text',
+      },
+    },
   },
 } as Meta<AvatarProps>;
 

packages/docs/src/stories/Box.stories.tsx

@@ -9,6 +9,13 @@ export default {
       <Text>Testando o elemento Box</Text>
     )
   },
+  argTypes: {
+    children: {
+      control: {
+        type: null
+      }
+    }
+  }
 } as Meta<BoxProps>;
 
 export const Primary: StoryObj<BoxProps> = {};

packages/docs/src/stories/Button.stories.tsx

@@ -6,12 +6,32 @@ export default {
   title: "Form/Button",
   component: Button,
   args: {
-    children: 'Send'
+    children: "Send",
+    variant: 'primary',
+    size: 'md',
+    disabled: false
   },
   argTypes: {
+    variant: {
+      options: ["primary", "secondary", "tertiary"],
+      control: {
+        type: "inline-radio",
+      },
+    },
+    size: {
+      options: ["sm", "md"],
+      control: {
+        type: "inline-radio",
+      },
+    },
+    disabled: {
+      control: {
+        type: 'boolean'
+      }
+    },
     onClick: {
-      action: 'click'
-    }
+      action: "click",
+    },
   },
 } as Meta<ButtonProps>;
 

packages/docs/src/stories/Heading.stories.tsx

@@ -5,22 +5,33 @@ export default {
   title: "Typography/Heading",
   component: Heading,
   args: {
-    children: 'Custom title',
+    children: "Custom title",
+    size: 'md'
+  },
+  argTypes: {
+    size: {
+      options: ["sm", "md", "lg", "2xl", "4xl", "5xl", "6xl"],
+      control: {
+        type: "inline-radio",
+      },
+    },
   },
 } as Meta<HeadingProps>;
 
 export const Primary: StoryObj<HeadingProps> = {};
 
 export const CustomTag: StoryObj<HeadingProps> = {
   args: {
-    children: 'H1 Heading',
-    as: 'h1'
+    children: "H1 Heading",
+    as: "h1",
   },
+  
   parameters: {
     docs: {
       description: {
-        story: 'Por padrão o heading sempre será um `h2`, mas podemos alterar isso com a propriedade `as`.'
-      }
-    }
-  }
-}
+        story:
+          "Por padrão o heading sempre será um `h2`, mas podemos alterar isso com a propriedade `as`.",
+      },
+    },
+  },
+};

packages/docs/src/stories/Text.stories.tsx

@@ -5,7 +5,31 @@ export default {
   title: "Typography/Text",
   component: Text,
   args: {
-    children: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum, libero officia? Eveniet consectetur magnam sapiente, qui mollitia dolores ullam quisquam! Mollitia maxime rem, impedit a nam excepturi quia perspiciatis sequi?',
+    children:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum, libero officia? Eveniet consectetur magnam sapiente, qui mollitia dolores ullam quisquam! Mollitia maxime rem, impedit a nam excepturi quia perspiciatis sequi?",
+      size: 'md'
+  },
+  argTypes: {
+    size: {
+      options: [
+        "xxs",
+        "xs",
+        "sm",
+        "md",
+        "lg",
+        "xl",
+        "2xl",
+        "4xl",
+        "5xl",
+        "6xl",
+        "7xl",
+        "8xl",
+        "9xl",
+      ],
+      control: {
+        type: 'inline-radio'
+      }
+    },
   },
 } as Meta<TextProps>;