update documentation, upgrade storybook v6.2.1 (#250)

* upgrade storybook v6.2.1

* fix import style issue

* update Alert documentation

* (WIP) Button docs

* update Modal docs

* update Tooltip docs

* update Card docs

* updates ProfileCell docs

* moves Avatar into own folder and exports for use in DS

* update Pill docs

* Popper docs

* update Tooltip docs

* add Form docs

* add implementation guidelines to Modal docs

* test + lint

* add jest to devDependencies

* updates Avatar, removes unused code

* remove unused scss import from mdx files

* update Button mdx

* update ProfileCell docs

* update Card docs

* updates Pill docs

* removes "ignorePatterns" and adds "import/no-extraneous-dependencies" to eslint

* restore old babelrc behavior to addon-docs in main.js

* remove @babel/plugin-proposal-class-properties

* lint

Author: jasonbasuil

.eslintrc

@@ -1,6 +1,5 @@
 {
   "extends": "airbnb",
-  "ignorePatterns": ["**/*.stories.*"],
   "overrides": [
     {
       "files": [
@@ -23,6 +22,14 @@
       "plugins": [ "babel", "react", "react-hooks" ],
       "rules": {
         "babel/semi": 2,
+        "import/no-extraneous-dependencies": [
+          "error", {
+            "devDependencies": [
+              "**/*.stories.*",
+              "**/*.test.*"
+            ]
+          }
+        ],
         "import/prefer-default-export": 0,
         "jsx-a11y/anchor-is-valid": 1,
         "jsx-a11y/label-has-for": 0,

.storybook/main.js

@@ -1,8 +1,11 @@
 module.exports = {
   addons: [
+    {
+      name: '@storybook/addon-docs',
+      options: { mdxBabelOptions: { babelrc: true, configFile: true } },
+    },
     '@storybook/addon-a11y/register',
     '@storybook/addon-actions/register',
-    '@storybook/addon-docs',
     '@storybook/addon-knobs/register',
     '@storybook/addon-links/register',
     '@storybook/addon-storysource/register'

package.json

@@ -60,17 +60,17 @@
     "@fortawesome/free-solid-svg-icons": "^5.13.0",
     "@fortawesome/react-fontawesome": "^0.1.9",
     "@popperjs/core": "^2.5.3",
-    "@storybook/addon-a11y": "^5.3.13",
-    "@storybook/addon-actions": "^5.3.13",
-    "@storybook/addon-docs": "^5.3.13",
-    "@storybook/addon-jest": "^5.3.13",
-    "@storybook/addon-knobs": "^5.3.13",
-    "@storybook/addon-links": "^5.3.13",
-    "@storybook/addon-storyshots": "^5.3.13",
-    "@storybook/addon-storysource": "^5.3.13",
-    "@storybook/addons": "^5.3.13",
-    "@storybook/react": "^5.3.13",
-    "@storybook/storybook-deployer": "^2.8.1",
+    "@storybook/addon-a11y": "^6.2.1",
+    "@storybook/addon-actions": "^6.2.1",
+    "@storybook/addon-docs": "^6.2.1",
+    "@storybook/addon-jest": "^6.2.1",
+    "@storybook/addon-knobs": "^6.2.1",
+    "@storybook/addon-links": "^6.2.1",
+    "@storybook/addon-storyshots": "^6.2.1",
+    "@storybook/addon-storysource": "^6.2.1",
+    "@storybook/addons": "^6.2.1",
+    "@storybook/react": "^6.2.1",
+    "@storybook/storybook-deployer": "^2.8.7",
     "@testing-library/react-hooks": "^3.2.1",
     "babel-eslint": "^10.0.3",
     "babel-loader": "^8.0.6",
@@ -91,6 +91,7 @@
     "eslint-plugin-react": "^7.18.3",
     "eslint-plugin-react-hooks": "^2.5.1",
     "eslint-utils": "^1.4.3",
+    "jest": "^26.6.3",
     "node-sass": "4.13.1",
     "prop-types": "^15.6.1",
     "react": "^16.12.0",