docs: fix some changes

Author: dev-eranda

packages/react/.gitignore

@@ -1,2 +1,4 @@
 node_modules/
 lib/*
+
+*storybook.log

packages/react/.storybook/main.js

@@ -10,36 +10,40 @@
     "@babel/preset-env": "^7.10.4",
     "@babel/preset-react": "^7.10.4",
     "@babel/preset-typescript": "^7.10.4",
-    "@storybook/preset-typescript": "^3.0.0",
-    "@storybook/react-vite": "^8.0.10",
+    "@chromatic-com/storybook": "1.6.1",
+    "@storybook/addon-essentials": "^8.1.11",
+    "@storybook/addon-interactions": "^8.1.11",
+    "@storybook/addon-links": "^8.1.11",
+    "@storybook/addon-onboarding": "^8.1.11",
+    "@storybook/blocks": "^8.1.11",
+    "@storybook/react": "^8.1.11",
+    "@storybook/react-vite": "^8.1.11",
+    "@storybook/test": "^8.1.11",
     "@testing-library/jest-dom": "^5.11.1",
     "@testing-library/react": "^10.4.7",
     "@types/jest": "^26.0.7",
     "@types/react": "^16.9.43",
     "@vitejs/plugin-react": "^4.2.1",
     "babel-loader": "^8.1.0",
-    "chromatic": "^5.0.0",
+    "chromatic": "^11.5.5",
     "jest": "^26.1.0",
     "react": "^16.13.1",
     "rollup": "^2.22.1",
     "rollup-plugin-typescript2": "^0.27.1",
-    "storybook": "8.0.10",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.11"
+    "typescript": "^5.4.5"
   },
   "scripts": {
     "build": "rollup -c",
     "dev": "yarn build --watch",
     "test": "jest --verbose",
     "test:watch": "yarn test --watch",
-    "start-storybook": "storybook dev",
-    "build-storybook": "storybook build",
     "test:chromatic": "chromatic --project-token=\"$CHROMATIC_PROJECT_TOKEN\""
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
+    "@storybook/addon-knobs": "^8.0.1",
     "@test.ds.e/foundation": "^1.0.2"
   },
   "gitHead": "ed66e502dd009938406950b3d81f0d16c41b51b7"

packages/react/package.json

@@ -1,6 +1,6 @@
 import React from 'react'
 import Select from './Select'
-import { withA11Y } from '@storybook/addon-a11y'
+// import { withA11Y } from '@storybook/addon-a11y'
 
 // css
 import '@ds.e/scss/lib/Select.css'
@@ -18,7 +18,7 @@ const options = [{
 
 export default {
     title: 'Molecules|Select',
-    decorators: [withA11Y]
+    // decorators: [withA11Y]
 }
 
 export const Common = () => <Select options={options} />