From cb13c7ba7046c36ba55374e7562acb2ad72bef44 Mon Sep 17 00:00:00 2001
From: Hazem Krimi <me@hazemkrimi.tech>
Date: Mon, 7 Apr 2025 21:49:32 +0100
Subject: [PATCH] Bring back autodocs

---
 src/components/Alert/index.stories.ts         | 2 +-
 src/components/Avatar/index.stories.ts        | 4 +++-
 src/components/Box/index.stories.ts           | 1 +
 src/components/Button/index.stories.ts        | 3 ++-
 src/components/Card/index.stories.ts          | 3 ++-
 src/components/CheckBox/index.stories.ts      | 2 +-
 src/components/Chip/index.stories.ts          | 3 ++-
 src/components/ContextMenu/index.stories.tsx  | 1 +
 src/components/IconButton/index.stories.tsx   | 6 +++---
 src/components/ImagePreview/index.stories.tsx | 1 +
 src/components/Input/index.stories.ts         | 1 +
 src/components/Link/index.stories.ts          | 4 ++--
 src/components/Menu/index.stories.tsx         | 2 +-
 src/components/Modal/index.stories.ts         | 1 +
 src/components/Search/index.stories.ts        | 1 +
 src/components/Select/index.stories.ts        | 3 ++-
 src/components/Spinner/index.stories.ts       | 2 +-
 src/components/Text/index.stories.ts          | 2 +-
 src/components/TextArea/index.stories.ts      | 1 +
 19 files changed, 28 insertions(+), 15 deletions(-)

diff --git a/src/components/Alert/index.stories.ts b/src/components/Alert/index.stories.ts
index 516f40b..49013ce 100644
--- a/src/components/Alert/index.stories.ts
+++ b/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'] },
diff --git a/src/components/Avatar/index.stories.ts b/src/components/Avatar/index.stories.ts
index 91629d0..32f87b8 100644
--- a/src/components/Avatar/index.stories.ts
+++ b/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'
   },
 };
diff --git a/src/components/Box/index.stories.ts b/src/components/Box/index.stories.ts
index ddc5353..1c8f5fa 100644
--- a/src/components/Box/index.stories.ts
+++ b/src/components/Box/index.stories.ts
@@ -8,6 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
+	tags: ['autodocs'],
   argTypes: {
     color: { control: 'text' },
     children: { control: 'text' },
diff --git a/src/components/Button/index.stories.ts b/src/components/Button/index.stories.ts
index e78a7e8..c41557c 100644
--- a/src/components/Button/index.stories.ts
+++ b/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'
   },
diff --git a/src/components/Card/index.stories.ts b/src/components/Card/index.stories.ts
index b9b2bfb..cc5bc57 100644
--- a/src/components/Card/index.stories.ts
+++ b/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
diff --git a/src/components/CheckBox/index.stories.ts b/src/components/CheckBox/index.stories.ts
index 6386c30..83b8b28 100644
--- a/src/components/CheckBox/index.stories.ts
+++ b/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' },
diff --git a/src/components/Chip/index.stories.ts b/src/components/Chip/index.stories.ts
index 2e4ec37..61eafae 100644
--- a/src/components/Chip/index.stories.ts
+++ b/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'
   },
diff --git a/src/components/ContextMenu/index.stories.tsx b/src/components/ContextMenu/index.stories.tsx
index 777c39f..76cb156 100644
--- a/src/components/ContextMenu/index.stories.tsx
+++ b/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',
   },
diff --git a/src/components/IconButton/index.stories.tsx b/src/components/IconButton/index.stories.tsx
index 353b359..10c23e1 100644
--- a/src/components/IconButton/index.stories.tsx
+++ b/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!')}
       />
     )
diff --git a/src/components/ImagePreview/index.stories.tsx b/src/components/ImagePreview/index.stories.tsx
index da224d7..b5a40ea 100644
--- a/src/components/ImagePreview/index.stories.tsx
+++ b/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',
   },
diff --git a/src/components/Input/index.stories.ts b/src/components/Input/index.stories.ts
index 499b0ec..c73f4ad 100644
--- a/src/components/Input/index.stories.ts
+++ b/src/components/Input/index.stories.ts
@@ -8,6 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
+	tags: ['autodocs'],
   argTypes: {
     color: { options: ['primary', 'secondary', 'tertiary'] },
   },
diff --git a/src/components/Link/index.stories.ts b/src/components/Link/index.stories.ts
index af77f90..8345567 100644
--- a/src/components/Link/index.stories.ts
+++ b/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',
diff --git a/src/components/Menu/index.stories.tsx b/src/components/Menu/index.stories.tsx
index 616eb9c..d3565ad 100644
--- a/src/components/Menu/index.stories.tsx
+++ b/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;
diff --git a/src/components/Modal/index.stories.ts b/src/components/Modal/index.stories.ts
index 942e21d..a828d29 100644
--- a/src/components/Modal/index.stories.ts
+++ b/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' },
diff --git a/src/components/Search/index.stories.ts b/src/components/Search/index.stories.ts
index 3647069..25397a3 100644
--- a/src/components/Search/index.stories.ts
+++ b/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' },
diff --git a/src/components/Select/index.stories.ts b/src/components/Select/index.stories.ts
index 3948784..030d857 100644
--- a/src/components/Select/index.stories.ts
+++ b/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' },
diff --git a/src/components/Spinner/index.stories.ts b/src/components/Spinner/index.stories.ts
index cf0c3bb..c796763 100644
--- a/src/components/Spinner/index.stories.ts
+++ b/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'] },
   },
diff --git a/src/components/Text/index.stories.ts b/src/components/Text/index.stories.ts
index fadca9a..93f34ba 100644
--- a/src/components/Text/index.stories.ts
+++ b/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'] },
diff --git a/src/components/TextArea/index.stories.ts b/src/components/TextArea/index.stories.ts
index a5c09fe..267859b 100644
--- a/src/components/TextArea/index.stories.ts
+++ b/src/components/TextArea/index.stories.ts
@@ -8,6 +8,7 @@ const meta = {
   parameters: {
     layout: 'centered',
   },
+	tags: ['autodocs'],
   argTypes: {
     color: { options: ['primary', 'secondary', 'tertiary', 'error'] },
   },