Bump storybook to version 6 (#9766)

* Bump storybook to version 6

* Remove storybook addon-docs and revert back to storybook/addon-notes

Co-authored-by: Nick Taylor <nick@dev.to>

app/javascript/.storybook/main.js

@@ -8,7 +8,7 @@ module.exports = {
     '@storybook/addon-knobs',
     '@storybook/addon-actions',
     '@storybook/addon-links',
-    '@storybook/addon-a11y/register',
+    '@storybook/addon-a11y',
     '@storybook/addon-notes/register-panel',
   ],
   webpackFinal: async (config, { configType }) => {

app/javascript/.storybook/preview.js

@@ -1,6 +1,5 @@
 import { h } from 'preact';
 import { addDecorator, addParameters } from '@storybook/preact';
-import { withA11y } from '@storybook/addon-a11y';
 
 import '../../assets/stylesheets/minimal.scss';
 import '../../assets/stylesheets/crayons.scss';
@@ -66,7 +65,6 @@ const themeSwitcherDecorator = (storyFn) => {
 };
 
 addDecorator(themeSwitcherDecorator);
-addDecorator(withA11y);
 
 addParameters({
   options: {

app/javascript/CommentSubscription/__stories__/CommentSubscription.stories.jsx

@@ -1,6 +1,6 @@
 import { h } from 'preact';
 import { action } from '@storybook/addon-actions';
-import { withKnobs, select } from '@storybook/addon-knobs/react';
+import { withKnobs, select } from '@storybook/addon-knobs';
 import {
   CommentSubscription,
   COMMENT_SUBSCRIPTION_TYPE,

app/javascript/articles/__stories__/Article.stories.jsx

@@ -1,5 +1,5 @@
 import { h } from 'preact';
-import { withKnobs, object, text, boolean } from '@storybook/addon-knobs/react';
+import { withKnobs, object, text, boolean } from '@storybook/addon-knobs';
 import { action } from '@storybook/addon-actions';
 import { Article } from '..';
 import {

app/javascript/articles/__stories__/podcastArticle.stories.jsx

@@ -1,5 +1,5 @@
 import { h } from 'preact';
-import { withKnobs, object, text, boolean } from '@storybook/addon-knobs/react';
+import { withKnobs, object, text, boolean } from '@storybook/addon-knobs';
 import { action } from '@storybook/addon-actions';
 import { Article } from '..';
 import {

app/javascript/articles/__stories__/userArticle.stories.jsx

@@ -1,6 +1,6 @@
 import { h } from 'preact';
 import { action } from '@storybook/addon-actions';
-import { withKnobs, object, text } from '@storybook/addon-knobs/react';
+import { withKnobs, object, text } from '@storybook/addon-knobs';
 import { Article } from '..';
 import {
   assetPath,

app/javascript/articles/__stories__/videoArticles.stories.jsx

@@ -1,5 +1,5 @@
 import { h } from 'preact';
-import { withKnobs, object, text, boolean } from '@storybook/addon-knobs/react';
+import { withKnobs, object, text, boolean } from '@storybook/addon-knobs';
 import { action } from '@storybook/addon-actions';
 import { Article } from '..';
 import {

app/javascript/crayons/Button/__stories__/Button.stories.jsx

@@ -5,7 +5,7 @@ import {
   text,
   boolean,
   select,
-} from '@storybook/addon-knobs/react';
+} from '@storybook/addon-knobs';
 import { action } from '@storybook/addon-actions';
 import notes from './buttons.md';
 import { Button } from '@crayons';

app/javascript/crayons/Dropdown/__stories__/Dropdown.stories.jsx

@@ -1,5 +1,5 @@
 import { h } from 'preact';
-import { withKnobs, text } from '@storybook/addon-knobs/react';
+import { withKnobs, text } from '@storybook/addon-knobs';
 import './dropdown-css-helper.scss';
 import notes from './dropdowns.md';
 import { Dropdown } from '@crayons';

app/javascript/crayons/Modal/__stories__/Modal.stories.jsx

@@ -1,5 +1,5 @@
 import { h } from 'preact';
-import { withKnobs, text, boolean, select } from '@storybook/addon-knobs/react';
+import { withKnobs, text, boolean, select } from '@storybook/addon-knobs';
 import { action } from '@storybook/addon-actions';
 import notes from './modals.md';
 import { Modal, Button } from '@crayons';

app/javascript/crayons/formElements/RadioButton/__stories__/RadioButton.stories.jsx

@@ -1,5 +1,5 @@
 import { h } from 'preact';
-import { withKnobs, text, boolean } from '@storybook/addon-knobs/react';
+import { withKnobs, text, boolean } from '@storybook/addon-knobs';
 import { action } from '@storybook/addon-actions';
 import notes from '../../form-elements.md';
 import { RadioButton } from '@crayons';

package.json

@@ -86,14 +86,14 @@
   "homepage": "https://github.com/thepracticaldev/dev.to#readme",
   "devDependencies": {
     "@stoplight/spectral": "5.4.0",
-    "@storybook/addon-a11y": "^5.3.19",
-    "@storybook/addon-actions": "^5.3.19",
-    "@storybook/addon-knobs": "^5.3.19",
-    "@storybook/addon-links": "^5.3.19",
+    "@storybook/addon-a11y": "^6.0.5",
+    "@storybook/addon-actions": "^6.0.5",
+    "@storybook/addon-knobs": "^6.0.5",
+    "@storybook/addon-links": "^6.0.5",
     "@storybook/addon-notes": "^5.3.19",
-    "@storybook/addon-storyshots": "^5.3.19",
-    "@storybook/addons": "^5.3.19",
-    "@storybook/preact": "^5.3.19",
+    "@storybook/addon-storyshots": "^6.0.5",
+    "@storybook/addons": "^6.0.5",
+    "@storybook/preact": "^6.0.5",
     "@testing-library/jest-dom": "^5.11.2",
     "@testing-library/preact": "^2.0.0",
     "babel-core": "^7.0.0-bridge.0",