feat: add dedicated export for tokens to all themes (#4054)

* feat: add dedicated export for tokens to all themes * Create lucky-bugs-repair.md
marigold-ui · Jul 29, 2024 · 0fb763d · 0fb763d
1 parent c23dbda
commit 0fb763d
Show file tree

Hide file tree

Showing 10 changed files with 29 additions and 22 deletions.
diff --git a/.changeset/lucky-bugs-repair.md b/.changeset/lucky-bugs-repair.md
@@ -0,0 +1,7 @@
+---
+"@marigold/theme-b2b": minor
+"@marigold/theme-core": minor
+"@marigold/theme-docs": minor
+---
+
+feat: add dedicated export for tokens to all themes (`@marigold/<theme-name>/tokens`)
diff --git a/themes/theme-b2b/package.json b/themes/theme-b2b/package.json
@@ -18,10 +18,10 @@
       "import": "./dist/index.mjs",
       "types": "./dist/index.d.ts"
     },
-    "./preset": {
-      "require": "./dist/preset.js",
-      "import": "./dist/preset.mjs",
-      "types": "./dist/preset.d.ts"
+    "./*": {
+      "require": "./dist/*.js",
+      "import": "./dist/*.mjs",
+      "types": "./dist/*.d.ts"
     },
     "./styles.css": "./dist/styles.css"
   },

diff --git a/themes/theme-b2b/src/tokens.ts b/themes/theme-b2b/src/tokens.ts
@@ -279,7 +279,7 @@ export const colors = {
       DEFAULT: blue[400],
     },
   },
-};
+} as const;
 
 // Shadow
 // ---------------
@@ -290,7 +290,7 @@ export const shadow = {
     overlay: boxShadow.lg,
     sunken: boxShadow.none,
   },
-};
+} as const;
 
 // Component Height
 // ---------------
@@ -300,4 +300,4 @@ export const height = {
     sm: '24px', // not used at all
     lg: '48px', // used in button
   },
-};
+} as const;
diff --git a/themes/theme-b2b/tsup.config.ts b/themes/theme-b2b/tsup.config.ts
@@ -1,7 +1,7 @@
 import { defineConfig } from 'tsup';
 
 export default defineConfig({
-  entry: ['src/index.ts', 'src/preset.ts'],
+  entry: ['src/index.ts', 'src/preset.ts', 'src/tokens.ts'],
   format: ['esm', 'cjs'],
   tsconfig: './tsconfig.build.json',
   dts: true,

diff --git a/themes/theme-core/package.json b/themes/theme-core/package.json
@@ -18,10 +18,10 @@
       "import": "./dist/index.mjs",
       "types": "./dist/index.d.ts"
     },
-    "./preset": {
-      "require": "./dist/preset.js",
-      "import": "./dist/preset.mjs",
-      "types": "./dist/preset.d.ts"
+    "./*": {
+      "require": "./dist/*.js",
+      "import": "./dist/*.mjs",
+      "types": "./dist/*.d.ts"
     },
     "./styles.css": "./dist/styles.css"
   },

diff --git a/themes/theme-core/src/tokens.ts b/themes/theme-core/src/tokens.ts
@@ -277,7 +277,7 @@ export const colors = {
       DEFAULT: blue[500],
     },
   },
-};
+} as const;
 
 export const shadow = {
   surface: {
@@ -286,12 +286,12 @@ export const shadow = {
     overlay: boxShadow.md,
     sunken: boxShadow.none,
   },
-};
+} as const;
 
 export const height = {
   component: {
     DEFAULT: '24px',
     sm: '16px',
     lg: '32px',
   },
-};
+} as const;
diff --git a/themes/theme-core/tsup.config.ts b/themes/theme-core/tsup.config.ts
@@ -1,7 +1,7 @@
 import { defineConfig } from 'tsup';
 
 export default defineConfig({
-  entry: ['src/index.ts', 'src/preset.ts'],
+  entry: ['src/index.ts', 'src/preset.ts', 'src/tokens.ts'],
   format: ['esm', 'cjs'],
   tsconfig: './tsconfig.build.json',
   dts: true,

diff --git a/themes/theme-docs/package.json b/themes/theme-docs/package.json
@@ -18,10 +18,10 @@
       "import": "./dist/index.mjs",
       "types": "./dist/index.d.ts"
     },
-    "./preset": {
-      "require": "./dist/preset.js",
-      "import": "./dist/preset.mjs",
-      "types": "./dist/preset.d.ts"
+    "./*": {
+      "require": "./dist/*.js",
+      "import": "./dist/*.mjs",
+      "types": "./dist/*.d.ts"
     },
     "./styles.css": "./dist/styles.css"
   },

diff --git a/themes/theme-docs/src/tokens.ts b/themes/theme-docs/src/tokens.ts
@@ -176,4 +176,4 @@ export const colors = {
     success: green[600],
     error: red[600],
   },
-};
+} as const;
diff --git a/themes/theme-docs/tsup.config.ts b/themes/theme-docs/tsup.config.ts
@@ -1,7 +1,7 @@
 import { defineConfig } from 'tsup';
 
 export default defineConfig({
-  entry: ['src/index.ts', 'src/preset.ts'],
+  entry: ['src/index.ts', 'src/preset.ts', 'src/tokens.ts'],
   format: ['esm', 'cjs'],
   tsconfig: './tsconfig.build.json',
   dts: true,