feat: tailwind plugin POC

versini-org · Jan 10, 2024 · 417297f · 417297f
1 parent ea76869
commit 417297f
Show file tree

Hide file tree

Showing 18 changed files with 18 additions and 406 deletions.
diff --git a/packages/documentation/.storybook/preview.js b/packages/documentation/.storybook/preview.js
@@ -1,7 +1,6 @@
 /** @type { import('@storybook/react').Preview } */
 
 import "../src/index.css";
-import "@versini/ui-components/dist/style.css";
 
 const preview = {
 	parameters: {

diff --git a/packages/documentation/tailwind.config.js b/packages/documentation/tailwind.config.js
@@ -1,11 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 
-export default {
-	content: ["./src/**/*.{js,ts,jsx,tsx}", ".storybook/**/*.{js,ts,jsx,tsx}"],
-};
-
-// import { twPlugin } from "@versini/ui-plugins";
+import { twPlugin } from "@versini/ui-components/dist/utilities";
 
-// export default twPlugin.merge({
-// 	content: ["./src/**/*.{js,ts,jsx,tsx}", ".storybook/**/*.{js,ts,jsx,tsx}"],
-// });
+export default twPlugin.merge({
+	content: ["./src/**/*.{js,ts,jsx,tsx}", ".storybook/**/*.{js,ts,jsx,tsx}"],
+});
diff --git a/...ns/src/plugins/tailwind/tailwindPlugin.ts → packages/ui-components/lib/tailwindPlugin.ts b/...ns/src/plugins/tailwind/tailwindPlugin.ts → packages/ui-components/lib/tailwindPlugin.ts
@@ -1,10 +1,9 @@
-// import { customCSS, tokens } from "@versini/ui-components/dist/utilities";
 import typography from "@tailwindcss/typography";
 import { converter } from "culori";
 import plugin from "tailwindcss/plugin";
 
-import { customCSS } from "../../../../ui-components/lib/customCSS";
-import { tokens } from "../../../../ui-components/lib/tokens";
+import { customCSS } from "./customCSS";
+import { tokens } from "./tokens";
 
 const parse = converter("rgb");
 

diff --git a/packages/ui-components/lib/twPlugin.js b/packages/ui-components/lib/twPlugin.js
diff --git a/packages/ui-components/src/__tests__/utilities.test.ts b/packages/ui-components/src/__tests__/utilities.test.ts
@@ -0,0 +1,9 @@
+import { customCSS, tokens, twPlugin } from "../utilities";
+
+describe("utilities", () => {
+	it("should work", () => {
+		expect(tokens.colors).toBeDefined();
+		expect(customCSS).toBeDefined();
+		expect(twPlugin).toBeDefined();
+	});
+});
diff --git a/packages/ui-components/src/utilities.ts b/packages/ui-components/src/utilities.ts
@@ -1,4 +1,5 @@
 import { customCSS } from "../lib/customCSS";
+import { twPlugin } from "../lib/tailwindPlugin";
 import { tokens } from "../lib/tokens";
 
-export { customCSS, tokens };
+export { customCSS, tokens, twPlugin };
diff --git a/packages/ui-components/tailwind.config.js b/packages/ui-components/tailwind.config.js
@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 
-import { twPlugin } from "@versini/ui-plugins";
+import { twPlugin } from "./lib/tailwindPlugin";
 
 export default twPlugin.merge({
 	content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],

diff --git a/packages/ui-plugins/.eslintrc.cjs b/packages/ui-plugins/.eslintrc.cjs
diff --git a/packages/ui-plugins/README.md b/packages/ui-plugins/README.md
diff --git a/packages/ui-plugins/package.json b/packages/ui-plugins/package.json
diff --git a/packages/ui-plugins/src/plugins/index.ts b/packages/ui-plugins/src/plugins/index.ts
diff --git a/packages/ui-plugins/src/plugins/tailwind/README.md b/packages/ui-plugins/src/plugins/tailwind/README.md
diff --git a/packages/ui-plugins/tsconfig.json b/packages/ui-plugins/tsconfig.json
diff --git a/packages/ui-plugins/tsconfig.node.json b/packages/ui-plugins/tsconfig.node.json
diff --git a/packages/ui-plugins/tsup.config.ts b/packages/ui-plugins/tsup.config.ts