From 09f0c18b6657a42bf4c0ecb8ac9adb42c9ba10aa Mon Sep 17 00:00:00 2001
From: Ola Rubaj <52197250+olayway@users.noreply.github.com>
Date: Tue, 8 Aug 2023 19:00:34 +0200
Subject: [PATCH] [/][s]: configure storybook with tailwind

---
 packages/core/.storybook/preview.ts           |  1 +
 packages/core/.storybook/tailwind-imports.css |  3 +++
 packages/core/postcss.config.js               | 11 +++++++++++
 packages/core/tailwind.config.js              | 16 ++++++++++++++++
 4 files changed, 31 insertions(+)
 create mode 100644 packages/core/.storybook/tailwind-imports.css
 create mode 100644 packages/core/postcss.config.js
 create mode 100644 packages/core/tailwind.config.js

diff --git a/packages/core/.storybook/preview.ts b/packages/core/.storybook/preview.ts
index e69de29b..8c8889d1 100644
--- a/packages/core/.storybook/preview.ts
+++ b/packages/core/.storybook/preview.ts
@@ -0,0 +1 @@
+import './tailwind-imports.css';
diff --git a/packages/core/.storybook/tailwind-imports.css b/packages/core/.storybook/tailwind-imports.css
new file mode 100644
index 00000000..b5c61c95
--- /dev/null
+++ b/packages/core/.storybook/tailwind-imports.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/packages/core/postcss.config.js b/packages/core/postcss.config.js
new file mode 100644
index 00000000..b46f644c
--- /dev/null
+++ b/packages/core/postcss.config.js
@@ -0,0 +1,11 @@
+// libs/shared/ui/postcss.config.js
+const { join } = require('path');
+
+module.exports = {
+  plugins: {
+    tailwindcss: {
+      config: join(__dirname, 'tailwind.config.js'),
+    },
+    autoprefixer: {},
+  },
+};
diff --git a/packages/core/tailwind.config.js b/packages/core/tailwind.config.js
new file mode 100644
index 00000000..c1b36988
--- /dev/null
+++ b/packages/core/tailwind.config.js
@@ -0,0 +1,16 @@
+const { createGlobPatternsForDependencies } = require('@nrwl/next/tailwind');
+const { join } = require('path');
+
+module.exports = {
+  content: [
+    join(__dirname, './src/**/*.{js,ts,jsx,tsx}'),
+    ...createGlobPatternsForDependencies(__dirname),
+  ],
+  theme: {
+    extend: {},
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
+};