@webmate-studio/builder 0.2.176 → 0.2.178

package/package.json

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

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

@@ -1164,10 +1164,28 @@ function generateSpacingStyles(t) {
 	css += '\n  margin-top: var(--spacing-component);';
 	css += '\n}';
 
-	// Spacing-Modi
-	css += '\n[data-spacing="none"] { margin-top: 0 !important; }';
-	css += '\n[data-spacing="half"] { margin-top: calc(var(--spacing-component) / 2) !important; }';
-	css += '\n[data-spacing="double"] { margin-top: calc(var(--spacing-component) * 2) !important; }';
+	// Spacing presets (factor × design-system spacing)
+	const factors = [
+		{ attr: 'none', factor: '0' },
+		{ attr: '0.25', factor: '0.25' },
+		{ attr: '0.5', factor: '0.5' },
+		{ attr: '0.75', factor: '0.75' },
+		// 'standard' = no attribute, uses default margin-top
+		{ attr: '1.25', factor: '1.25' },
+		{ attr: '1.5', factor: '1.5' },
+		{ attr: '1.75', factor: '1.75' },
+		{ attr: '2', factor: '2' },
+		// Legacy aliases
+		{ attr: 'half', factor: '0.5' },
+		{ attr: 'double', factor: '2' }
+	];
+	for (const { attr, factor } of factors) {
+		if (factor === '0') {
+			css += `\n[data-spacing="${attr}"] { margin-top: 0 !important; }`;
+		} else {
+			css += `\n[data-spacing="${attr}"] { margin-top: calc(var(--spacing-component) * ${factor}) !important; }`;
+		}
+	}
 
 	// Responsive Overrides
 	for (const [bp, minWidth] of Object.entries(breakpoints)) {

package/src/template-evaluator.js

@@ -321,6 +321,12 @@ class TemplateEvaluator {
 			return value.path || `/preview/${value.pageUuid}`;
 		}
 
+		// Document objects (from DocumentSelect) — extract URL
+		// Must be checked before images because documents also have `filename`
+		if (value.url && value.mimeType) {
+			return value.url;
+		}
+
 		// Image objects — extract URL
 		if (value.src || value.filename) {
 			return value.src || value.filename || '';
@@ -349,6 +355,11 @@ class TemplateEvaluator {
 			return value.path || `/preview/${value.pageUuid}`;
 		}
 
+		// Document objects (from DocumentSelect) — extract URL
+		if (value.url && value.mimeType) {
+			return value.url;
+		}
+
 		// Image objects
 		if (value.src || value.filename) {
 			return value.src || value.filename || '';