@marvalt/wparser 0.1.54 → 0.1.55

package/dist/index.cjs

@@ -2338,6 +2338,9 @@ const Paragraph = ({ block, context }) => {
     const attrs = block.attributes || {};
     const textAlign = getTextAlignClasses(attrs['align']);
     const spacing = getSpacing(context.spacingConfig || context.registry.spacingConfig, 'paragraph', 'my-6');
+    // Extract text color if specified, otherwise inherit from parent (CSS variables handle default)
+    const textColor = extractTextColor(block, context);
+    const textColorClass = textColor || ''; // Don't hardcode - let CSS variables handle default
     // Check if innerHTML contains HTML elements (like links, strong, em, etc.)
     const hasHTML = block.innerHTML && /<[a-z][\s\S]*>/i.test(block.innerHTML);
     // Check if content contains shortcodes (check both HTML and text content)
@@ -2373,17 +2376,17 @@ const Paragraph = ({ block, context }) => {
         const hasBlockLevelContent = React.Children.toArray(parts).some((part) => isBlockLevelElement(part));
         if (hasBlockLevelContent) {
             // Render block-level content without <p> wrapper, but add spacing wrapper
-            return jsxRuntimeExports.jsx("div", { className: spacing, children: parts });
+            return jsxRuntimeExports.jsx("div", { className: buildClassName(spacing, textColorClass), children: parts });
         }
         // Render shortcode parts inside paragraph (shortcodes are processed as React components)
-        return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign), children: parts });
+        return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign, textColorClass), children: parts });
     }
     // If innerHTML contains HTML elements but no shortcodes, render it directly (preserves links, formatting, etc.)
     if (hasHTML && block.innerHTML) {
-        return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign), dangerouslySetInnerHTML: { __html: htmlContent } });
+        return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign, textColorClass), dangerouslySetInnerHTML: { __html: htmlContent } });
     }
     // No HTML and no shortcodes, just render plain text content
-    return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign), children: textContent });
+    return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign, textColorClass), children: textContent });
 };
 const Heading = ({ block, children, context }) => {
     const attrs = block.attributes || {};
@@ -2698,12 +2701,32 @@ function createDefaultRegistry(colorMapper, spacingConfig) {
                     'justify-start';
             return jsxRuntimeExports.jsx("div", { className: buildClassName('flex flex-wrap gap-3', justifyClass), children: children });
         },
-        'core/quote': ({ children }) => jsxRuntimeExports.jsx("blockquote", { className: "border-l-4 pl-4 italic", children: children }),
-        'core/code': ({ block }) => (jsxRuntimeExports.jsx("pre", { className: "bg-gray-100 p-3 rounded text-sm overflow-auto", children: jsxRuntimeExports.jsx("code", { children: getString(block) }) })),
-        'core/preformatted': ({ block }) => jsxRuntimeExports.jsx("pre", { children: getString(block) }),
+        'core/quote': ({ block, children, context }) => {
+            // Extract text color if specified, otherwise inherit from parent
+            const textColor = extractTextColor(block, context);
+            const textColorClass = textColor || '';
+            return jsxRuntimeExports.jsx("blockquote", { className: buildClassName('border-l-4 pl-4 italic', textColorClass), children: children });
+        },
+        'core/code': ({ block, context }) => {
+            // Extract text color if specified, otherwise inherit from parent
+            const textColor = extractTextColor(block, context);
+            const textColorClass = textColor || '';
+            return (jsxRuntimeExports.jsx("pre", { className: buildClassName('bg-gray-100 p-3 rounded text-sm overflow-auto', textColorClass), children: jsxRuntimeExports.jsx("code", { children: getString(block) }) }));
+        },
+        'core/preformatted': ({ block, context }) => {
+            // Extract text color if specified, otherwise inherit from parent
+            const textColor = extractTextColor(block, context);
+            const textColorClass = textColor || '';
+            return jsxRuntimeExports.jsx("pre", { className: textColorClass || undefined, children: getString(block) });
+        },
         'core/table': ({ children }) => jsxRuntimeExports.jsx("div", { className: "overflow-x-auto", children: jsxRuntimeExports.jsx("table", { className: "table-auto w-full", children: children }) }),
         'core/table-row': ({ children }) => jsxRuntimeExports.jsx("tr", { children: children }),
-        'core/table-cell': ({ children }) => jsxRuntimeExports.jsx("td", { className: "border px-3 py-2", children: children }),
+        'core/table-cell': ({ block, children, context }) => {
+            // Extract text color if specified, otherwise inherit from parent
+            const textColor = extractTextColor(block, context);
+            const textColorClass = textColor || '';
+            return jsxRuntimeExports.jsx("td", { className: buildClassName('border px-3 py-2', textColorClass), children: children });
+        },
         // Cover block - hero sections with background images
         'core/cover': Cover,
         // Media & Text block - side-by-side media and content