chore: update storybook

1024pix · Nov 12, 2024 · b44a3bd · b44a3bd
1 parent 378c0a8
commit b44a3bd
Show file tree

Hide file tree

Showing 5 changed files with 371 additions and 1,770 deletions.
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -9,8 +9,6 @@ const config = {
     options: {},
   },
 
-  docs: {
-    autodocs: true,
-  },
+  docs: {},
 };
 export default config;
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -41,5 +41,7 @@ const preview = {
       },
     },
   },
+
+  tags: ['autodocs']
 };
 export default preview;
diff --git a/docs/typography.mdx b/docs/typography.mdx
@@ -24,25 +24,25 @@ Des **placeholder SCSS** équivalents aux tokens de Figma sont disponibles. C'es
 
 <Unstyled>
   <div
-    class="pix-title-l pix-shadow-sm"
+    className="pix-title-l pix-shadow-sm"
     style={{ padding: 'var(--pix-spacing-4x)', margin: 'var(--pix-spacing-6x)' }}
   >
     @extend %pix-title-l;
   </div>
   <div
-    class="pix-title-m pix-shadow-sm"
+    className="pix-title-m pix-shadow-sm"
     style={{ padding: 'var(--pix-spacing-4x)', margin: 'var(--pix-spacing-6x)' }}
   >
     @extend %pix-title-m;
   </div>
   <div
-    class="pix-title-s pix-shadow-sm"
+    className="pix-title-s pix-shadow-sm"
     style={{ padding: 'var(--pix-spacing-4x)', margin: 'var(--pix-spacing-6x)' }}
   >
     @extend %pix-title-s;
   </div>
   <div
-    class="pix-title-xs pix-shadow-sm"
+    className="pix-title-xs pix-shadow-sm"
     style={{ padding: 'var(--pix-spacing-4x)', margin: 'var(--pix-spacing-6x)' }}
   >
     @extend %pix-title-xs;
@@ -53,25 +53,25 @@ Des **placeholder SCSS** équivalents aux tokens de Figma sont disponibles. C'es
 
 <Unstyled>
   <div
-    class="pix-body-l pix-shadow-sm"
+    className="pix-body-l pix-shadow-sm"
     style={{ padding: 'var(--pix-spacing-4x)', margin: 'var(--pix-spacing-6x)' }}
   >
     @extend %pix-body-l;
   </div>
   <div
-    class="pix-body-m pix-shadow-sm"
+    className="pix-body-m pix-shadow-sm"
     style={{ padding: 'var(--pix-spacing-4x)', margin: 'var(--pix-spacing-6x)' }}
   >
     @extend %pix-body-m;
   </div>
   <div
-    class="pix-body-s pix-shadow-sm"
+    className="pix-body-s pix-shadow-sm"
     style={{ padding: 'var(--pix-spacing-4x)', margin: 'var(--pix-spacing-6x)' }}
   >
     @extend %pix-body-s;
   </div>
   <div
-    class="pix-body-xs pix-shadow-sm"
+    className="pix-body-xs pix-shadow-sm"
     style={{ padding: 'var(--pix-spacing-4x)', margin: 'var(--pix-spacing-6x)' }}
   >
     @extend %pix-body-xs;
@@ -82,7 +82,7 @@ Des **placeholder SCSS** équivalents aux tokens de Figma sont disponibles. C'es
 
 <Unstyled>
   <div
-    class="pix-monospace pix-shadow-sm"
+    className="pix-monospace pix-shadow-sm"
     style={{ padding: 'var(--pix-spacing-4x)', margin: 'var(--pix-spacing-6x)' }}
   >
     @extend %pix-monospace;
@@ -142,7 +142,7 @@ font-weight: var(--pix-font-normal);
 ```
 
 <Unstyled>
-  <div class="pix-body-m" style={{ fontWeight: 'var(--pix-font-normal)' }}>
+  <div className="pix-body-m" style={{ fontWeight: 'var(--pix-font-normal)' }}>
     --pix-font-normal
   </div>
 </Unstyled>
@@ -152,7 +152,7 @@ font-weight: var(--pix-font-medium);
 ```
 
 <Unstyled>
-  <div class="pix-body-m" style={{ fontWeight: 'var(--pix-font-medium)' }}>
+  <div className="pix-body-m" style={{ fontWeight: 'var(--pix-font-medium)' }}>
     --pix-font-medium
   </div>
 </Unstyled>
@@ -162,7 +162,7 @@ font-weight: var(--pix-font-bold);
 ```
 
 <Unstyled>
-  <div class="pix-body-m" style={{ fontWeight: 'var(--pix-font-bold)' }}>
+  <div className="pix-body-m" style={{ fontWeight: 'var(--pix-font-bold)' }}>
     --pix-font-bold
   </div>
 </Unstyled>