feat: storybook: adds storybook controls and documentation (#147)

* feat: storybook: adds storybook controls and documentation

adds documentation and interactive controls

* chore: jest: update snapshots

* chore: storybook: remove br tags

* chore: storybook: updates story events

* chore: storybook: finish updating stories

* chore: storybook: updates snapshots and readme

* chore: storybook: merge storybook package upgrades

fixes broken storybook build

.storybook/main.js

@@ -6,8 +6,6 @@ module.exports = {
         '../src/**/*.stories.@(js|jsx|ts|tsx)',
     ],
     addons: [
-        '@storybook/addon-actions',
-        '@storybook/addon-docs',
         '@storybook/addon-essentials',
         '@storybook/addon-interactions',
         '@storybook/addon-links',

README.md

@@ -24,6 +24,8 @@ It represents a collection of assets, utilities, and React components for buildi
 -   Creates visual consistency across products, channels, and (potentially siloed) departments.
 -   Serves as an educational tool and reference for junior-level designers and content contributors.
 
+Visit the Octuple [Storybook site](https://eightfoldai.github.io/octuple.github.io/).
+
 ## Changelog
 
 You can view the complete list of additions, fixes, and changes in the [change log](https://github.com/EightfoldAI/octuple/blob/main/CHANGELOG.md)

package.json

@@ -66,21 +66,23 @@
         "@commitlint/config-conventional": "16.2.1",
         "@ctrl/tinycolor": "3.4.0",
         "@pmmmwh/react-refresh-webpack-plugin": "0.5.3",
-        "@storybook/addon-actions": "6.5.0-alpha.47",
-        "@storybook/addon-docs": "6.5.0-alpha.47",
-        "@storybook/addon-essentials": "6.5.0-alpha.47",
-        "@storybook/addon-interactions": "6.5.0-alpha.47",
-        "@storybook/addon-links": "6.5.0-alpha.47",
+        "@storybook/addon-actions": "6.5.5",
+        "@storybook/addon-docs": "6.5.5",
+        "@storybook/addon-essentials": "6.5.5",
+        "@storybook/addon-info": "6.0.0-alpha.2",
+        "@storybook/addon-interactions": "6.5.5",
+        "@storybook/addon-links": "6.5.5",
         "@storybook/addon-postcss": "2.0.0",
-        "@storybook/addon-storyshots": "^6.4.22",
-        "@storybook/addon-viewport": "6.5.0-alpha.47",
-        "@storybook/addons": "6.5.0-alpha.47",
-        "@storybook/builder-webpack5": "6.5.0-alpha.47",
-        "@storybook/manager-webpack5": "6.5.0-alpha.47",
-        "@storybook/node-logger": "6.5.0-alpha.47",
+        "@storybook/addon-storyshots": "6.5.5",
+        "@storybook/addon-viewport": "6.5.5",
+        "@storybook/addons": "6.5.5",
+        "@storybook/builder-webpack5": "6.5.5",
+        "@storybook/manager-webpack5": "6.5.5",
+        "@storybook/node-logger": "6.5.5",
         "@storybook/preset-scss": "1.0.3",
-        "@storybook/react": "6.5.0-alpha.47",
-        "@storybook/theming": "6.5.0-alpha.47",
+        "@storybook/react": "6.5.5",
+        "@storybook/source-loader": "6.5.5",
+        "@storybook/theming": "6.5.5",
         "@svgr/webpack": "5.5.0",
         "@teamsupercell/typings-for-css-modules-loader": "2.1.0",
         "@testing-library/jest-dom": "5.16.2",
@@ -104,7 +106,7 @@
         "browserslist": "4.18.1",
         "camelcase": "6.2.1",
         "case-sensitive-paths-webpack-plugin": "2.4.0",
-        "chromatic": "^6.5.4",
+        "chromatic": "6.5.4",
         "clean-webpack-plugin": "3.0.0",
         "copy-webpack-plugin": "6.0.1",
         "css-loader": "6.5.1",
@@ -118,7 +120,7 @@
         "eslint-config-prettier": "8.5.0",
         "eslint-config-react-app": "7.0.0",
         "eslint-plugin-prettier": "4.0.0",
-        "eslint-plugin-storybook": "0.5.7",
+        "eslint-plugin-storybook": "0.5.12",
         "eslint-webpack-plugin": "3.1.1",
         "file-loader": "6.2.0",
         "fs-extra": "10.0.0",
@@ -145,6 +147,7 @@
         "prompts": "2.4.2",
         "react-color": "2.19.3",
         "react-dev-utils": "12.0.0",
+        "react-docgen-typescript": "2.2.2",
         "react-refresh": "0.11.0",
         "react-test-renderer": "17.0.2",
         "resolve": "1.20.0",