Merge pull request #241 from tblivet/fix/docs_v2

Fix the docs section in Storybook.

.storybook/style.css

@@ -9,3 +9,7 @@ body {
 .os-host {
   color: red;
 }
+
+.prismjs {
+  color: white;
+}

package.json

@@ -37,13 +37,15 @@
     "@babel/cli": "^7.0.0",
     "@babel/core": "^7.12.3",
     "@babel/preset-env": "^7.12.1",
-    "@mdx-js/react": "^2.1.3",
+    "@mdx-js/react": "^1.6.22",
     "@storybook/addon-a11y": "^6.5.12",
+    "@storybook/addon-docs": "^6.5.12",
     "@storybook/addon-essentials": "^6.5.12",
     "@storybook/addon-links": "^6.5.12",
     "@storybook/builder-webpack5": "^6.5.12",
     "@storybook/html": "^6.5.12",
     "@storybook/manager-webpack5": "^6.5.12",
+    "@storybook/react": "^6.5.12",
     "@storybook/theming": "^6.5.12",
     "babel-loader": "^8.1.0",
     "babel-plugin-transform-es2015-modules-strip": "^0.1.1",

stories/html/alerts/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import basicsContent from './basics.html'
 import expandableContent from './expandable.html'
 

stories/html/badges/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import badgesContent from './badges.html'
 
 <Meta title="Badges" />

stories/html/breadcrumb/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import breadcrumbContent from './breadcrumb.html'
 
 <Meta title="Breadcrumb" />

stories/html/buttons/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import toolbarContent from './toolbar.html'
 import basicsContent from './basics.html'
 import outlineContent from './outline.html'

stories/html/cards/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import cardsContent from './cards.html'
 
 <Meta title="Cards" />

stories/html/content/content.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import contentHtml from './content.html'
 
 <Meta title="Content" />

stories/html/dropdowns/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import dropdownsContent from './dropdowns.html'
 import dropupContent from './dropup.html'
 import variationsContent from './variations.html'

stories/html/floating/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import floatingContent from './floating.html'
 
 <Meta title="Floating" />

stories/html/form/index.stories.mdx

@@ -1,5 +1,5 @@
 import { useEffect } from '@storybook/client-api';
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import '../../../dist/js/prestashop-ui-kit.js';
 import inputContent from './input.html'
 import numberContent from './number.html'

stories/html/headings/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import headingsContent from './headings.html'
 
 <Meta title="Headings" />

stories/html/helpbox/index.stories.mdx

@@ -1,5 +1,5 @@
 import { useEffect } from '@storybook/client-api';
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import helpboxContent from './helpbox.html'
 
 <Meta title="Helpbox" />

stories/html/images/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import imagesContent from './images.html'
 
 <Meta title="Images" />

stories/html/list-group/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import listGroupContent from './list-group.html'
 
 <Meta title="List group" />

stories/html/modal/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import modalContent from './modal.html'
 
 <Meta title="Modals" />

stories/html/navigation/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import navtabsContent from './navtabs.html';
 import navWithoutBackgroundContent from './navtabs-without-background.html';
 

stories/html/pagination/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import basicContent from './basic.html';
 import withInputContent from './pagination-with-input.html';
 

stories/html/popovers/index.stories.mdx

@@ -1,5 +1,5 @@
 import { useEffect } from '@storybook/client-api';
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import popoversContent from './popovers.html'
 
 <Meta title="Popovers" />

stories/html/progress/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import progressContent from './progress.html'
 
 <Meta title="Progress Bar" />

stories/html/ps-tags/index.stories.mdx

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import tagsContent from './tags.html'
 
 <Meta title="PS Tags" />

stories/html/spinner/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import spinnerContent from './spinner.html'
 
 <Meta title="Spinner" />

stories/html/tables/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import basicContent from './basic.html'
 import borderedContent from './bordered.html'
 import hoverableContent from './hoverable.html'

stories/html/texts/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import textsContent from './texts.html'
 
 <Meta title="Texts" />

stories/html/toasts/index.stories.mdx

@@ -1,5 +1,5 @@
 import { useEffect } from '@storybook/client-api';
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import toastsContent from './toasts.html';
 import markupContent from './markup.html';
 import LinkTo from '@storybook/addon-links/react';

stories/html/tooltips/index.stories.mdx

@@ -1,5 +1,5 @@
 import { useEffect } from '@storybook/client-api';
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import tooltipsContent from './tooltips.html'
 
 <Meta title="Tooltips" />

stories/html/variables/index.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import basics from '../../../scss/export/_basic.scss';
 import principal from '../../../scss/export/_principal.scss';
 import principalVariations from '../../../scss/export/_principal-variations.scss';