GrowwOld · abhishekjhagroww · Aug 27, 2023 · Aug 27, 2023 · Aug 28, 2023 · Aug 28, 2023
diff --git a/.npmrc b/.npmrc
@@ -1 +1,3 @@
-enable-pre-post-scripts=true #This will enable pre post hooks for user defined scripts.
+enable-pre-post-scripts=true #This will enable pre post hooks for user defined scripts.
+auto-install-peers=true
+strict-peer-dependencies=false
diff --git a/package.json b/package.json
@@ -5,6 +5,7 @@
   "scripts": {
     "preinstall": "pnpm dlx only-allow pnpm",
     "build": "turbo run build",
+		"build-storybook": "turbo run build-storybook --filter='@groww-tech/ui-toolkit'",
     "dev": "turbo run dev --parallel",
     "test": "turbo run test"
   },

diff --git a/packages/ui-toolkit/.storybook/main.js b/packages/ui-toolkit/.storybook/main.js
@@ -1,9 +1,28 @@
+import { dirname, join } from "path";
 module.exports = {
   "stories": [
     "../stories/*.stories.@(js|jsx|ts|tsx)"
   ],
+
   "addons": [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials"
-  ]
+    getAbsolutePath("@storybook/addon-links"),
+    getAbsolutePath("@storybook/addon-essentials")
+  ],
+
+  docs: {
+    autodocs: true
+  },
+
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+
+  core: {
+    builder: '@storybook/builder-vite', // 👈 The builder enabled here.
+  },
+}
+
+function getAbsolutePath(value) {
+  return dirname(require.resolve(join(value, "package.json")));
 }
diff --git a/packages/ui-toolkit/.storybook/preview-head.html b/packages/ui-toolkit/.storybook/preview-head.html
@@ -1,5 +1 @@
-<!DOCTYPE html>
-  <head>
-    <link href="./theme.css" rel="stylesheet" />
-  </head>
-</html>
+<link href="./theme.css" rel="stylesheet" />
diff --git a/packages/ui-toolkit/package.json b/packages/ui-toolkit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@groww-tech/ui-toolkit",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "A lightning nature UI",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -61,8 +61,8 @@
     "lint": "concurrently npm:lint:*",
     "lint:src": "eslint src",
     "lint:types": "tsc --noEmit",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "pushTags": "PACKAGE_VERSION=$(cat package.json | grep \\\"version\\\" | head -1 | awk -F: '{ print $2 }' | sed 's/[\",]//g' | tr -d '[[:space:]]') && git tag -a v$PACKAGE_VERSION -m \"@groww-tech/ui-toolkit-v$PACKAGE_VERSION\" && git push --tags"
   },
   "peerDependencies": {
@@ -83,12 +83,14 @@
     "@rollup/plugin-commonjs": "^19.0.0",
     "@rollup/plugin-node-resolve": "^11.2.1",
     "@stitches/react": "^1.2.7",
-    "@storybook/addon-actions": "^6.2.8",
-    "@storybook/addon-essentials": "^6.2.8",
-    "@storybook/addon-links": "^6.2.8",
-    "@storybook/react": "^6.2.8",
+    "@storybook/addon-actions": "^7.3.2",
+    "@storybook/addon-essentials": "^7.3.2",
+    "@storybook/addon-links": "^7.3.2",
+    "@storybook/builder-vite": "latest",
+    "@storybook/react": "^7.3.2",
+    "@storybook/react-vite": "latest",
     "@types/object-assign": "^4.0.30",
-    "@types/react": "^17.0.38",
+    "@types/react": "17.0.53",
     "@types/react-dom": "^17.0.3",
     "@types/react-lazyload": "^3.1.0",
     "babel-loader": "^8.2.2",
@@ -98,8 +100,9 @@
     "postcss": "^8.2.13",
     "postcss-import": "^14.0.2",
     "postcss-url": "^10.1.3",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
+    "prop-types": "^15.7.2",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
     "react-lazyload": "^2.6.9",
     "rimraf": "^3.0.2",
     "rollup": "^2.45.2",
@@ -110,6 +113,7 @@
     "rollup-plugin-postcss": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript": "^1.0.1",
+    "storybook": "latest",
     "typescript": "4.5.5"
   },
   "dependencies": {

diff --git a/packages/ui-toolkit/stories/style.css b/packages/ui-toolkit/stories/style.css
@@ -1,4 +1,4 @@
-@import url(~@groww-tech/mint-css/dist/index.css);
+@import "@groww-tech/mint-css/dist/index.css";
 
 :root{
   --spacing-none: 0;