Groww-OSS · abhinabgroww · Sep 12, 2024 · Sep 12, 2024 · Sep 12, 2024 · Sep 13, 2024
diff --git a/.npmrc b/.npmrc
@@ -1,3 +1,4 @@
 enable-pre-post-scripts=true #This will enable pre post hooks for user defined scripts.
 auto-install-peers=true
 strict-peer-dependencies=false
+hoist-workspace-packages = false
diff --git a/package.json b/package.json
@@ -5,20 +5,22 @@
   "scripts": {
     "preinstall": "pnpm dlx only-allow pnpm",
     "build": "turbo run build",
-		"build-storybook": "turbo run build-storybook --filter='@groww-tech/ui-toolkit'",
+    "build-storybook": "turbo run build-storybook --filter='@groww-tech/ui-toolkit'",
     "dev": "turbo run dev --parallel",
     "test": "turbo run test"
   },
   "devDependencies": {
     "@groww-tech/eslint-config": "workspace:*",
+    "@groww-tech/eslint-plugin-internal": "workspace:*",
+    "@groww-tech/mint-css": "0.1.5",
     "@groww-tech/tsconfig": "workspace:*",
     "@typescript-eslint/eslint-plugin": "^4.22.0",
     "@typescript-eslint/parser": "^4.22.0",
-    "@groww-tech/eslint-plugin-internal": "workspace:*",
     "babel-eslint": "^10.1.0",
     "eslint": "^7.22.0",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-react": "^7.23.1",
+    "rollup-plugin-sass": "^1.13.2",
     "turbo": "1.8.8",
     "typescript": "4.5.5"
   },

diff --git a/packages/mint-css/.gitignore b/packages/mint-css/.gitignore
@@ -1,3 +1,3 @@
 node_modules
 
-dist
+
diff --git a/packages/ui-toolkit/.npmrc b/packages/ui-toolkit/.npmrc
@@ -0,0 +1 @@
+hoist-workspace-packages = false
diff --git a/packages/ui-toolkit/.storybook/main.ts b/packages/ui-toolkit/.storybook/main.ts
@@ -22,6 +22,7 @@ const config: StorybookConfig = {
     getAbsolutePath("@storybook/addon-webpack5-compiler-swc"),
     getAbsolutePath("@storybook/addon-links"),
     getAbsolutePath("@storybook/addon-essentials"),
+    getAbsolutePath("@storybook/addon-styling-webpack")
   ],
 
   framework: {
@@ -31,6 +32,8 @@ const config: StorybookConfig = {
 
   core: {
     disableWhatsNewNotifications: true
-  }
+  },
+
+
 };
 export default config;
diff --git a/packages/ui-toolkit/.storybook/preview-head.html b/packages/ui-toolkit/.storybook/preview-head.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
   <head>
     <link href="./theme.css" rel="stylesheet" />
+    <!-- <link href="../node_modules/@groww-tech/mint-css/dist/index.css" rel="stylesheet" /> -->
   </head>
 </html>
diff --git a/packages/ui-toolkit/package.json b/packages/ui-toolkit/package.json
@@ -86,6 +86,7 @@
     "@storybook/addon-actions": "8.2.7",
     "@storybook/addon-essentials": "8.2.7",
     "@storybook/addon-links": "8.2.7",
+    "@storybook/addon-styling-webpack": "^1.0.0",
     "@storybook/addon-webpack5-compiler-swc": "1.0.5",
     "@storybook/react": "8.2.7",
     "@storybook/react-webpack5": "8.2.7",

diff --git a/packages/ui-toolkit/rollup.config.js b/packages/ui-toolkit/rollup.config.js
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 url(@groww-tech/mint-css/dist/index.css);
 
 :root{
   --spacing-none: 0;

diff --git a/packages/ui-toolkit/styles/index.css b/packages/ui-toolkit/styles/index.css