cf-elements 1.0.6 → 1.0.7

package/cf-elements.js

@@ -2181,7 +2181,7 @@
   class CFHeadline extends CFElement {
     render() {
       const elementId = attr(this, "element-id");
-      const size = attr(this, "size", "48px");
+      const size = attr(this, "font-size") || attr(this, "size", "48px");
       const weight = attr(this, "weight", "bold");
       const font = attr(this, "font");
       const color = attr(this, "color");
@@ -2277,7 +2277,7 @@
   class CFSubheadline extends CFElement {
     render() {
       const elementId = attr(this, "element-id");
-      const size = attr(this, "size", "24px");
+      const size = attr(this, "font-size") || attr(this, "size", "24px");
       const weight = attr(this, "weight", "normal");
       const font = attr(this, "font");
       const color = attr(this, "color");
@@ -2371,7 +2371,7 @@
   class CFParagraph extends CFElement {
     render() {
       const elementId = attr(this, "element-id");
-      const size = attr(this, "size", "16px");
+      const size = attr(this, "font-size") || attr(this, "size", "16px");
       const weight = attr(this, "weight", "normal");
       const font = attr(this, "font");
       const color = attr(this, "color");
@@ -2530,7 +2530,7 @@
       // Always read attribute values - we need them for data attributes even if using styleguide
       const bg = attr(this, "bg", "#3b82f6");
       const color = attr(this, "color", "#ffffff");
-      const size = attr(this, "size", "20px");
+      const size = attr(this, "font-size") || attr(this, "size", "20px");
       const weight = attr(this, "weight", "bold");
       const px = attr(this, "px", "32px");
       const py = attr(this, "py", "16px");
@@ -3553,7 +3553,7 @@
       const textColor = attr(this, "text-color"); // No default - allows paint inheritance
       const hasExplicitTextColor = this.hasAttribute("text-color");
       const iconSize = attr(this, "icon-size", "16px");
-      const size = attr(this, "size", "m"); // Size preset (s, m, l, xl) - uses paragraph scale
+      const size = attr(this, "font-size") || attr(this, "size", "16px"); // Direct px value or preset fallback
       const gap = attr(this, "gap", "12px");
       const itemGap = attr(this, "item-gap", "8px");
       const align = attr(this, "align", "left");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cf-elements",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Zero-dependency markup library that generates ClickFunnels compatible HTML with inline styles",
   "main": "cf-elements.js",
   "browser": "cf-elements.js",