Bump storybook and related dependencies

StenaIT · Aug 29, 2023 · 94b4bf7 · 94b4bf7
1 parent bc6f21d
commit 94b4bf7
Show file tree

Hide file tree

Showing 3 changed files with 3,531 additions and 6,466 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -1,23 +1,23 @@
 import { mergeConfig } from "vite";
 import svgr from "vite-plugin-svgr";
 import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
-import { StorybookViteConfig } from "@storybook/builder-vite";
+import { StorybookConfig } from "@storybook/react-vite";
 
-const config: StorybookViteConfig = {
+const config: StorybookConfig = {
   core: { builder: "@storybook/builder-vite" },
   stories: ["../examples/**/*.stories.tsx", "../packages/**/*.stories.tsx"],
   typescript: {
     reactDocgen:
       process.env.NODE_ENV === "production" ? "react-docgen-typescript" : false,
   },
+
   addons: [
     "@storybook/addon-viewport",
     "@storybook/addon-backgrounds",
     "@storybook/addon-storysource",
     "@storybook/addon-a11y",
     "@storybook/addon-actions",
     "@storybook/addon-toolbars",
-    "@storybook/addon-postcss",
     {
       name: "@storybook/addon-docs",
       options: {
@@ -36,6 +36,15 @@ const config: StorybookViteConfig = {
 
     return mergeConfig(config, { plugins });
   },
+
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+
+  docs: {
+    autodocs: true,
+  },
 };
 
 export default config;
diff --git a/package.json b/package.json
@@ -4,10 +4,10 @@
     "packages/*"
   ],
   "scripts": {
-    "start-storybook": "start-storybook -p 6006",
-    "build-storybook": "rimraf build && build-storybook -o build",
+    "start-storybook": "storybook dev -p 6006",
+    "build-storybook": "rimraf build && storybook build -o build",
     "build-packages": "lerna run build",
-    "build-packages-and-storybook": "lerna run build && build-storybook",
+    "build-packages-and-storybook": "lerna run build && storybook build",
     "build-all": "yarn pre-build-check && yarn clean-all && lerna run build && yarn post-build-check",
     "build-all-no-clean": "yarn check-deps-match && yarn check-imports && lerna run build && yarn check-builds",
     "clean-all": "lerna run clean",
@@ -41,27 +41,26 @@
   "devDependencies": {
     "@babel/core": "^7.11.6",
     "@fortawesome/free-brands-svg-icons": ">=5.15.3",
-    "@storybook/addon-a11y": "^6.5.16",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-backgrounds": "^6.5.15",
-    "@storybook/addon-docs": "^6.5.16",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-storysource": "^6.5.16",
-    "@storybook/addon-toolbars": "^6.5.16",
-    "@storybook/addon-viewport": "^6.5.16",
-    "@storybook/addons": "^6.5.16",
-    "@storybook/builder-vite": "^0.3.0",
-    "@storybook/react": "^6.5.16",
-    "@storybook/testing-library": "^0.0.13",
-    "@storybook/theming": "^6.5.16",
+    "@storybook/addon-a11y": "^7.4.0",
+    "@storybook/addon-actions": "^7.4.0",
+    "@storybook/addon-backgrounds": "^7.4.0",
+    "@storybook/addon-docs": "^7.4.0",
+    "@storybook/addon-storysource": "^7.4.0",
+    "@storybook/addon-toolbars": "^7.4.0",
+    "@storybook/addon-viewport": "^7.4.0",
+    "@storybook/addons": "^7.4.0",
+    "@storybook/react": "^7.4.0",
+    "@storybook/react-vite": "^7.4.0",
+    "@storybook/testing-library": "^0.2.0",
+    "@storybook/theming": "^7.4.0",
     "@testing-library/dom": "^8.13.0",
     "@testing-library/react": "^13.3.0",
     "@testing-library/user-event": "^14.2.0",
     "@types/jest": "^28.1.1",
     "@types/node": "^12.0.0",
     "@typescript-eslint/eslint-plugin": "^4.4.0",
     "@typescript-eslint/parser": "^4.4.0",
-    "@vitejs/plugin-react": "^2.0.1",
+    "@vitejs/plugin-react": "^4.0.4",
     "auto": "^10.32.6",
     "autoprefixer": "^9.7.2",
     "babel-eslint": "10.1.0",
@@ -76,24 +75,27 @@
     "eslint-plugin-jsx-a11y": "6.3.1",
     "eslint-plugin-react": "7.20.6",
     "eslint-plugin-react-hooks": "4.1.2",
-    "eslint-plugin-storybook": "^0.6.10",
+    "eslint-plugin-storybook": "^0.6.13",
     "husky": "^3.0.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^28.1.1",
     "jest-environment-jsdom": "^28.1.1",
     "lerna": "^6.5.1",
-    "path-that-svg": "1.2.4",
-    "svgson": "4.1.0",
     "lint-staged": "^12.1.2",
+    "path-that-svg": "1.2.4",
     "postcss-loader": "^4.3.0",
     "postcss-nested": "^5.0.6",
     "postcss-preset-env": "^7.0.0",
     "prettier": "2.7.1",
+    "react": "^18.2.0",
     "react-docgen-typescript-loader": "^3.1.0",
+    "react-dom": "^18.2.0",
+    "storybook": "^7.4.0",
+    "svgson": "4.1.0",
     "ts-jest": "^28.0.5",
     "tslib": "2.3.1",
     "typescript": "4.8.2",
-    "vite": "^3.0.9",
+    "vite": "^4.4.9",
     "vite-plugin-css-injected-by-js": "^2.0.4",
     "vite-plugin-svgr": "^2.2.1"
   },
@@ -124,7 +126,6 @@
     "not ie < 11",
     "not op_mini all"
   ],
-  "dependencies": {},
   "auto": {
     "plugins": [
       "npm"