@adobe/helix-html-pipeline 6.28.3 → 6.28.4

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [6.28.4](https://github.com/adobe/helix-html-pipeline/compare/v6.28.3...v6.28.4) (2026-04-13)
+
+
+### Bug Fixes
+
+* treat section metadata style values like block options ([#1071](https://github.com/adobe/helix-html-pipeline/issues/1071)) ([#1072](https://github.com/adobe/helix-html-pipeline/issues/1072)) ([f6594bc](https://github.com/adobe/helix-html-pipeline/commit/f6594bcc7eca53e3416f085c6599428122d281ca))
+
 ## [6.28.3](https://github.com/adobe/helix-html-pipeline/compare/v6.28.2...v6.28.3) (2026-04-10)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/helix-html-pipeline",
-  "version": "6.28.3",
+  "version": "6.28.4",
   "description": "Helix HTML Pipeline",
   "main": "src/index.js",
   "types": "src/index.d.ts",

package/src/steps/extract-section-metadata.js

@@ -54,6 +54,27 @@ function getValueFromNode($value) {
   return items.join(',');
 }
 
+/**
+ * Extracts style class names from a HAST node.
+ * Treats {@code <br>} and {@code <p>} boundaries as comma separators,
+ * then converts each segment to CSS class names via {@link toBlockCSSClassNames}.
+ * @param {object} $node the HAST node
+ * @returns {string[]} the extracted class names
+ */
+function getStyleClassNames($node) {
+  const parts = [];
+  visit($node, (node) => {
+    if (node.tagName === 'br') {
+      return SKIP;
+    }
+    if (node.type === 'text') {
+      parts.push(...node.value.split(','));
+    }
+    return CONTINUE;
+  });
+  return parts.flatMap(toBlockCSSClassNames);
+}
+
 /**
  * Processes section metadata blocks by applying their key/value pairs
  * as data attributes on the parent section div, with special handling
@@ -78,15 +99,13 @@ export default function extractSectionMetadata(state) {
         const [$name, $value] = $row.children;
         const name = toMetaName(toString($name));
         if (name) {
-          const value = getValueFromNode($value);
           if (name === 'style') {
             if (!parent.properties.className) {
               parent.properties.className = [];
             }
-            parent.properties.className.push(
-              ...value.split(/[,\s]+/).filter(Boolean).flatMap(toBlockCSSClassNames),
-            );
+            parent.properties.className.push(...getStyleClassNames($value));
           } else {
+            const value = getValueFromNode($value);
             parent.properties[`data-${name}`] = value;
           }
         }