Bring back autodocs

src/components/Alert/index.stories.ts

@@ -8,7 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
-  tags: ['!autodocs'],
+  tags: ['autodocs'],
   argTypes: {
     text: { control: 'text' },
     color: { options: ['primary', 'secondary', 'tertiary'] },

src/components/Avatar/index.stories.ts

@@ -8,6 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
+	tags: ['autodocs'],
   argTypes: {
     text: { control: 'text' },
     color: { options: ['primary', 'secondary', 'tertiary'] },
@@ -22,6 +23,7 @@ type Story = StoryObj<typeof meta>;
 export const Example: Story = {
   args: {
     text: 'A',
-		color: 'tertiary'
+		color: 'primary',
+		size: 'big'
   },
 };

src/components/Box/index.stories.ts

@@ -8,6 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
+	tags: ['autodocs'],
   argTypes: {
     color: { control: 'text' },
     children: { control: 'text' },

src/components/Button/index.stories.ts

@@ -8,6 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
+	tags: ['autodocs'],
   argTypes: {
     color: { options: ['primary', 'secondary', 'tertiary', 'error'] },
     text: { control: 'text' },
@@ -20,7 +21,7 @@ type Story = StoryObj<typeof meta>;
 
 export const Example: Story = {
   args: {
-		color: 'secondary',
+		color: 'primary',
 		text: 'Hello, World!',
 		variant: 'primary-action'
   },

src/components/Card/index.stories.ts

@@ -8,6 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
+	tags: ['autodocs'],
   argTypes: {
     color: { options: ['primary', 'secondary', 'tertiary', 'error'] },
   },
@@ -19,7 +20,7 @@ type Story = StoryObj<typeof meta>;
 
 export const Example: Story = {
   args: {
-		color: 'secondary',
+		color: 'primary',
 		title: 'Card title',
 		description: 'Card description',
 		selected: true

src/components/CheckBox/index.stories.ts

@@ -8,7 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
-  tags: ['!autodocs'],
+  tags: ['autodocs'],
   argTypes: {
     color: { options: ['primary', 'secondary', 'tertiary'] },
     label: { control: 'text' },

src/components/Chip/index.stories.ts

@@ -8,6 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
+	tags: ['autodocs'],
   argTypes: {
     color: { options: ['primary', 'secondary', 'tertiary'] },
     text: { control: 'text' },
@@ -21,7 +22,7 @@ type Story = StoryObj<typeof meta>;
 
 export const Example: Story = {
   args: {
-		color: 'tertiary',
+		color: 'primary',
 		text: 'Hello, World!',
 		variant: 'filled'
   },

src/components/ContextMenu/index.stories.tsx

@@ -6,6 +6,7 @@ import Box from '../Box';
 const meta = {
 	title: 'ContextMenu',
   component: ContextMenu,
+	tags: ['autodocs'],
 	parameters: {
     layout: 'centered',
   },

src/components/IconButton/index.stories.tsx

@@ -9,7 +9,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
-  tags: ['!autodocs'],
+  tags: ['autodocs'],
 } satisfies Meta<typeof IconButton>;
 
 export default meta;
@@ -20,9 +20,9 @@ export const Example: Story = {
   render: () => {
     return (
       <IconButton
-        color='secondary'
+        color='primary'
         icon={<Add />}
-        size='medium'
+        size='big'
         onClick={() => window.alert('Hello, World!')}
       />
     )

src/components/ImagePreview/index.stories.tsx

@@ -6,6 +6,7 @@ import ImagePreview, {ImagePreviewProps} from '.';
 const meta = {
   title: 'ImagePreview',
   component: ImagePreview,
+	tags: ['autodocs'],
   parameters: {
     layout: 'centered',
   },

src/components/Input/index.stories.ts

@@ -8,6 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
+	tags: ['autodocs'],
   argTypes: {
     color: { options: ['primary', 'secondary', 'tertiary'] },
   },

src/components/Link/index.stories.ts

@@ -8,7 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
-  tags: ['!autodocs'],
+  tags: ['autodocs'],
   argTypes: {
     color: { options: ['success', 'error', 'warning', 'black'] },
   },
@@ -20,7 +20,7 @@ type Story = StoryObj<typeof meta>;
 
 export const Example: Story = {
   args: {
-		color: 'success',
+		color: 'primary',
 		children: 'Link',
 		url: true,
 		href: 'https://hazemkrimi.tech',

src/components/Menu/index.stories.tsx

@@ -11,7 +11,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
-  tags: ['!autodocs'],
+  tags: ['autodocs'],
 } satisfies Meta<typeof Menu>;
 
 export default meta;

src/components/Modal/index.stories.ts

@@ -8,6 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
+	tags: ['autodocs'],
 	argTypes: {
     color: { options: ['primary', 'secondary', 'tertiary', 'error'] },
     title: { control: 'text' },

src/components/Search/index.stories.ts

@@ -8,6 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
+	tags: ['autodocs'],
 	argTypes: {
     color: { options: ['primary', 'secondary', 'tertiary', 'error'] },
     value: { control: 'text' },

src/components/Select/index.stories.ts

@@ -8,6 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
+	tags: ['autodocs'],
   argTypes: {
     color: { options: ['primary', 'secondary', 'tertiary', 'admin', 'error'] },
     value: { control: 'text' },
@@ -20,7 +21,7 @@ type Story = StoryObj<typeof meta>;
 
 export const Example: Story = {
   args: {
-    color: 'secondary',
+    color: 'primary',
     value: '',
     options: [
       { value: '1', label: 'Option 1' },

src/components/Spinner/index.stories.ts

@@ -8,7 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
-  tags: ['!autodocs'],
+  tags: ['autodocs'],
   argTypes: {
     color: { options: ['primay', 'secondary', 'tertiary', 'error'] },
   },

src/components/Text/index.stories.ts

@@ -8,7 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
-  tags: ['!autodocs'],
+  tags: ['autodocs'],
   argTypes: {
     color: { options: ['primary', 'secondary', 'tertiary', 'error'] },
     variant: { options: ['display', 'headline', 'title', 'subheader', 'body', 'caption'] },

src/components/TextArea/index.stories.ts

@@ -8,6 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
+	tags: ['autodocs'],
   argTypes: {
     color: { options: ['primary', 'secondary', 'tertiary', 'error'] },
   },