From 0d6d19843501f7bc8c926081bfce95ace26a61dd Mon Sep 17 00:00:00 2001
From: Methma Peiris <methma34@gmail.com>
Date: Sat, 7 Oct 2023 13:51:45 +0530
Subject: [PATCH] Development tailwindcss storybook config (#54)

---
 .prettierrc           |  3 ++-
 .storybook/main.ts    |  1 +
 .storybook/preview.ts |  1 +
 package-lock.json     | 13 +++++++++++++
 package.json          |  1 +
 5 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/.prettierrc b/.prettierrc
index 544138be..3baced41 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,3 +1,4 @@
 {
-  "singleQuote": true
+  "singleQuote": true,
+  "endOfLine": "auto"
 }
diff --git a/.storybook/main.ts b/.storybook/main.ts
index 482825da..757b7065 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -5,6 +5,7 @@ export default {
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     'storybook-addon-swc',
+    '@storybook/addon-styling-webpack'
   ],
   framework: {
     name: '@storybook/react-vite',
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
index 8c2a141c..f68ea8da 100644
--- a/.storybook/preview.ts
+++ b/.storybook/preview.ts
@@ -1,4 +1,5 @@
 import type { Preview } from '@storybook/react';
+import '../src/index.css'; 
 
 const preview: Preview = {
   parameters: {
diff --git a/package-lock.json b/package-lock.json
index c1fce0be..24f5faa5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,6 +23,7 @@
         "@storybook/addon-essentials": "^7.0.18",
         "@storybook/addon-interactions": "^7.0.27",
         "@storybook/addon-links": "^7.0.18",
+        "@storybook/addon-styling-webpack": "^0.0.5",
         "@storybook/blocks": "^7.0.18",
         "@storybook/jest": "^0.1.0",
         "@storybook/react": "^7.0.18",
@@ -4984,6 +4985,18 @@
         }
       }
     },
+    "node_modules/@storybook/addon-styling-webpack": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-styling-webpack/-/addon-styling-webpack-0.0.5.tgz",
+      "integrity": "sha512-8XdE3w+W7qxMeqnK/FDFipFN9XaVKUJFcHyM2ZBlhAAxVWMbTcifqw5lzqeK8jSAA/TUtpUp37gT2Bw/3k6slQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/node-logger": "^7.0.12"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
     "node_modules/@storybook/addon-toolbars": {
       "version": "7.0.18",
       "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.0.18.tgz",
diff --git a/package.json b/package.json
index 7418437a..bb6aafb2 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
     "@storybook/addon-essentials": "^7.0.18",
     "@storybook/addon-interactions": "^7.0.27",
     "@storybook/addon-links": "^7.0.18",
+    "@storybook/addon-styling-webpack": "^0.0.5",
     "@storybook/blocks": "^7.0.18",
     "@storybook/jest": "^0.1.0",
     "@storybook/react": "^7.0.18",