fix: theme not published (#1)

Author: hussedev

.changeset/olive-toes-change.md

@@ -0,0 +1,7 @@
+---
+"@gitcoin/config": patch
+"@gitcoin/themes": patch
+"@gitcoin/ui": patch
+---
+
+fix: theme not published

packages/config/package.json

@@ -6,7 +6,6 @@
     "url": "https://github.com/gitcoinco/core",
     "directory": "packages/config"
   },
-  "private": true,
   "license": "AGPL-3.0",
   "scripts": {
     "lint": "eslint . --max-warnings 0",

packages/themes/colors/index.ts

@@ -6,21 +6,38 @@
     "url": "https://github.com/gitcoinco/core",
     "directory": "packages/themes"
   },
-  "private": true,
   "license": "AGPL-3.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
     "lint": "eslint . --max-warnings 0",
     "clean": "rm -rf .turbo node_modules dist"
   },
   "exports": {
-    "./gitcoin-theme": "./tailwind.config.ts",
-    "./gitcoin-colors": "./colors/colors.ts"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./gitcoin": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
   },
+  "files": [
+    "dist"
+  ],
   "devDependencies": {
     "@gitcoin/config": "workspace:*",
     "tailwind-variants": "^0.2.1",
     "tailwindcss": "^3.4.14",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwindcss-animate": "^1.0.7",
+    "tsup": "^8.0.2",
+    "typescript": "5.5.4"
   },
   "publishConfig": {
     "access": "public"

packages/themes/package.json

@@ -1,4 +1,4 @@
-import { Colors, ColorSet } from "./types";
+import { Colors, ColorSet } from "../types";
 
 const black = "#000000";
 const white = "#ffffff";

packages/themes/colors/colors.ts packages/themes/src/gitcoin/colors.ts

@@ -0,0 +1,2 @@
+export * from "./colors";
+export * from "./tailwind.config";

packages/themes/src/gitcoin/index.ts

@@ -3,7 +3,7 @@ import tailwindcssAnimate from "tailwindcss-animate";
 
 import { colors } from "./colors";
 
-const config: Omit<Config, "content"> = {
+export const tailwindConfig: Omit<Config, "content"> = {
   darkMode: ["class", "[data-mode='dark']"],
   theme: {
     colors,
@@ -74,5 +74,3 @@ const config: Omit<Config, "content"> = {
   },
   plugins: [tailwindcssAnimate],
 } satisfies Omit<Config, "content">;
-
-export default config;

packages/themes/tailwind.config.ts packages/themes/src/gitcoin/tailwind.config.ts

@@ -1,8 +1,10 @@
 {
   "extends": "@gitcoin/config/tsconfig-react.json",
   "compilerOptions": {
-    "outDir": "dist"
+    "outDir": "dist",
+    "resolveJsonModule": true,
+    "esModuleInterop": true
   },
-  "include": ["tailwind.config.ts"],
+  "include": ["src/**/*"],
   "exclude": ["node_modules", "dist"]
 }

packages/themes/colors/types.ts packages/themes/src/types.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+  entry: ["src/gitcoin/index.ts"],
+  format: ["esm", "cjs"],
+  dts: true,
+  clean: true,
+  external: ["tailwindcss"],
+  treeshake: true,
+  sourcemap: true,
+});

packages/themes/tsconfig.json

@@ -1,9 +1,9 @@
 import { withTV } from "tailwind-variants/transformer";
 import type { Config } from "tailwindcss";
-import sharedConfig from "@gitcoin/themes/gitcoin-theme"
+import { tailwindConfig } from "@gitcoin/themes"
 
 
 export default withTV<Pick<Config, "content" | "presets">>({
   content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
-  presets: [sharedConfig],
+  presets: [tailwindConfig],
 }) satisfies Config;