@webmate-studio/builder 0.2.145 → 0.2.147

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webmate-studio/builder",
-  "version": "0.2.145",
+  "version": "0.2.147",
   "type": "module",
   "description": "Webmate Studio Component Builder",
   "keywords": [

package/src/design-tokens-v2-migrate.js

@@ -86,8 +86,9 @@ export function validateDesignTokensV2(tokens) {
 		}
 	}
 
-	// Dark Mode
-	if (!v2.darkMode) v2.darkMode = { enabled: false, colors: null, semanticMappings: null };
+	// Theme (light/dark) — ersetzt altes darkMode-Objekt
+	if (!v2.theme) v2.theme = 'light';
+	delete v2.darkMode;
 
 	// ── Typografie validieren ──
 	if (!v2.typography) v2.typography = structuredClone(defaultDesignTokensV2.typography);

package/src/design-tokens-v2.js

@@ -607,8 +607,8 @@ export const DEFAULT_SURFACE_TOKENS = {
 	lifted: 'neutral-3',
 
 	textDefault: 'neutral-12',
-	textSubtle: 'neutral-11',
-	textMuted: 'neutral-8',
+	textSubtle: 'neutral-9',
+	textMuted: 'neutral-7',
 
 	borderDefault: 'neutral-6',
 	borderSubtle: 'neutral-4',
@@ -617,7 +617,7 @@ export const DEFAULT_SURFACE_TOKENS = {
 
 /**
  * Surface Token Items für den Editor.
- * Jedes Item mappt auf eine Neutral-Stufe.
+ * Referenzformat: "{world}-{step}", z.B. "neutral-12" oder "primary-3".
  */
 export const SURFACE_TOKEN_ITEMS = [
 	{ key: 'page',          css: 'bg-page',         type: 'bg' },
@@ -680,6 +680,7 @@ export const BUTTON_SIZES = ['sm', 'md', 'lg'];
  */
 export const defaultDesignTokensV2 = {
 	version: 2,
+	theme: 'light', // 'light' | 'dark'
 
 	// ── Farben ──
 	colors: {
@@ -737,12 +738,6 @@ export const defaultDesignTokensV2 = {
 
 	surface: { ...DEFAULT_SURFACE_TOKENS },
 
-	darkMode: {
-		enabled: false,
-		colors: null, // Wird bei Aktivierung auto-generiert
-		semanticMappings: null
-	},
-
 	// ── Typografie ──
 	typography: {
 		fonts: [