@webmate-studio/builder 0.2.139 → 0.2.140

package/package.json

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

package/src/design-tokens-v2.js

@@ -16,10 +16,10 @@
  * chromaScale = globaler Sättigungsmultiplikator
  */
 export const COLOR_SCALE_PRESETS = {
-	vivid:   { label: 'Leuchtend', stdDev: 40, chromaScale: 1.15 },
+	vivid:   { label: 'Leuchtend', stdDev: 50, chromaScale: 1.2 },
 	natural: { label: 'Natürlich', stdDev: 30, chromaScale: 1.0 },
-	soft:    { label: 'Pastellig', stdDev: 16, chromaScale: 0.75 },
-	muted:   { label: 'Gedämpft', stdDev: 22, chromaScale: 0.55 },
+	soft:    { label: 'Pastellig', stdDev: 18, chromaScale: 0.7 },
+	muted:   { label: 'Gedämpft', stdDev: 22, chromaScale: 0.5 },
 };
 
 /**
@@ -316,9 +316,23 @@ function buildDarkLightnessRamp(darkBaseL) {
  * sind — wie bei Radix Colors.
  */
 function computeChroma(stepL, baseL, baseC, stdDev, chromaScale) {
-	// Gaußkurve: Peak bei baseL, flachere Flanken als vorher
+	// Gaußkurve mit Plateau: In der Nähe der Base bleibt Chroma nahe 100%,
+	// erst weiter entfernt greift die Gaußkurve richtig.
+	// Das verhindert den harten Sprung bei Steps 8/10 vs. Base.
 	const diff = baseL - stepL;
-	const gaussian = Math.exp((-12 / stdDev) * diff * diff);
+	const absDiff = Math.abs(diff);
+
+	// Plateau-Radius: Innerhalb dieses L-Abstands bleibt Chroma nahe Base-Level
+	const plateau = 0.08;
+	let gaussian;
+	if (absDiff <= plateau) {
+		// Innerhalb des Plateaus: sanfter cosinus-Übergang (1.0 → ~0.97)
+		gaussian = 1.0 - 0.03 * (absDiff / plateau);
+	} else {
+		// Außerhalb: Gauß ab der Plateau-Kante
+		const edgeDiff = absDiff - plateau;
+		gaussian = 0.97 * Math.exp((-12 / stdDev) * edgeDiff * edgeDiff);
+	}
 
 	// Lightness-Begrenzung: Asymmetrisch
 	// Helle Seite (L > 0.85): Chroma fällt steil auf 0 → Steps 1-2 bleiben fast weiß
@@ -326,13 +340,11 @@ function computeChroma(stepL, baseL, baseC, stdDev, chromaScale) {
 	// Mitte (0.3-0.85): Nahezu volle Chroma möglich
 	let lightnessLimit;
 	if (stepL > 0.85) {
-		// Steep falloff for near-white steps
-		const t = (stepL - 0.85) / 0.15; // 0 at L=0.85, 1 at L=1.0
-		lightnessLimit = 1.0 - t * t;     // quadratic drop
+		const t = (stepL - 0.85) / 0.15;
+		lightnessLimit = 1.0 - t * t;
 	} else if (stepL < 0.3) {
-		// Moderate falloff for near-black steps
-		const t = stepL / 0.3;            // 0 at L=0, 1 at L=0.3
-		lightnessLimit = t * t;            // quadratic rise
+		const t = stepL / 0.3;
+		lightnessLimit = t * t;
 	} else {
 		lightnessLimit = 1.0;
 	}