@marvalt/wparser 0.1.50 → 0.1.52

package/dist/index.cjs

@@ -2329,14 +2329,16 @@ const Heading = ({ block, children, context }) => {
     const textAlign = getTextAlignClasses(attrs['textAlign']);
     const fontSize = getFontSizeClasses(attrs['fontSize']);
     const Tag = `h${Math.min(Math.max(Number(level) || 2, 1), 6)}`;
-    // Default heading sizes if fontSize not specified
-    const sizeClass = fontSize || (level === 1 ? 'text-4xl' : level === 2 ? 'text-3xl' : level === 3 ? 'text-2xl' : 'text-xl');
+    // Use CSS variables for font sizes (defined in index.css) instead of Tailwind classes
+    // Only use Tailwind class if explicitly set via fontSize attribute
+    const sizeClass = fontSize || ''; // Let CSS variables handle default sizes
     // Get spacing from config with improved defaults
     const spacingClass = getHeadingSpacing(context.spacingConfig || context.registry.spacingConfig, level);
-    // Extract text color if specified, otherwise inherit from parent
+    // 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 it inherit from parent
-    return (jsxRuntimeExports.jsx(Tag, { className: buildClassName('font-bold', textColorClass, sizeClass, textAlign, spacingClass), children: children ?? content }));
+    const textColorClass = textColor || ''; // Don't hardcode - let CSS variables handle default
+    // Don't hardcode font-bold - let CSS variables handle font weight from WordPress
+    return (jsxRuntimeExports.jsx(Tag, { className: buildClassName(textColorClass, sizeClass, textAlign, spacingClass), children: children ?? content }));
 };
 const Image = ({ block, context }) => {
     const imageAttrs = getImageAttributes(block);