@webmate-studio/builder 0.2.114 → 0.2.116

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webmate-studio/builder",
-  "version": "0.2.114",
+  "version": "0.2.116",
   "type": "module",
   "description": "Webmate Studio Component Builder",
   "keywords": [
@@ -24,6 +24,8 @@
     "./build-service.js": "./build-service.js",
     "./src/css-deduplicator.js": "./src/css-deduplicator.js",
     "./src/design-tokens.js": "./src/design-tokens.js",
+    "./src/template-processor.js": "./src/template-processor.js",
+    "./src/markdown.js": "./src/markdown.js",
     "./dist/motion-runtime.min.js": "./dist/motion-runtime.min.js"
   },
   "bin": {

package/src/design-tokens.js

@@ -54,7 +54,12 @@ function generateSemanticColorUtilities(tokens) {
 		'textAccentMuted': 'text-accent-muted',
 		'borderAccentBase': 'border-accent-default',
 		'borderAccentSubtle': 'border-accent-subtle',
-		'borderAccentMuted': 'border-accent-muted'
+		'borderAccentMuted': 'border-accent-muted',
+
+		// Text-on-background colors
+		'textOnPrimary': 'text-on-primary',
+		'textOnSecondary': 'text-on-secondary',
+		'textOnAccent': 'text-on-accent'
 	};
 
 	// Collect unique class names (deduplicate)
@@ -242,7 +247,12 @@ export const defaultDesignTokens = {
 		// Border Colors (Accent)
 		borderAccentBase: '#8b5cf6',     // violet-500
 		borderAccentSubtle: '#a78bfa',   // violet-400
-		borderAccentMuted: '#c4b5fd'     // violet-300
+		borderAccentMuted: '#c4b5fd',    // violet-300
+
+		// Text-on-Background Colors (for text on colored backgrounds)
+		textOnPrimary: '#ffffff',        // Text on bg-primary
+		textOnSecondary: '#ffffff',      // Text on bg-secondary
+		textOnAccent: '#ffffff'          // Text on bg-accent
 	},
 
 	typography: {
@@ -671,6 +681,11 @@ export function generateTailwindV4Theme(tokens) {
 		if (tokens.colors.borderSubtle) lines.push(`  --color-border-subtle: ${tokens.colors.borderSubtle};`);
 		if (tokens.colors.borderMuted) lines.push(`  --color-border-muted: ${tokens.colors.borderMuted};`);
 
+		// Text-on-background colors
+		if (tokens.colors.textOnPrimary) lines.push(`  --color-text-on-primary: ${tokens.colors.textOnPrimary};`);
+		if (tokens.colors.textOnSecondary) lines.push(`  --color-text-on-secondary: ${tokens.colors.textOnSecondary};`);
+		if (tokens.colors.textOnAccent) lines.push(`  --color-text-on-accent: ${tokens.colors.textOnAccent};`);
+
 		// Basic colors
 		if (tokens.colors.white) lines.push(`  --color-white: ${tokens.colors.white};`);
 		if (tokens.colors.black) lines.push(`  --color-black: ${tokens.colors.black};`);

package/src/safe-html.js

@@ -24,6 +24,10 @@ class SafeHtml {
 	valueOf() {
 		return this.html;
 	}
+
+	toJSON() {
+		return this.html;
+	}
 }
 
 export { SafeHtml };