npm - @designcrowd/library.brand-page - Versions diffs - 6.2.11 → 6.2.12 - Mend

@designcrowd/library.brand-page 6.2.11 → 6.2.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (576) hide show

package/src/brand-page/utils/__snapshots__/migration.util.test.ts.snap CHANGED Viewed

@@ -34,9 +34,11 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
     "pageFooterDesktop": PageFooterDesktop {
       "backgroundStyle": {},
       "copyrightStyle": {
-        "lineHeight": "1.3",
+        "color": "var(--palette-0)",
+        "fontSize": "1em",
+        "letterSpacing": "0",
         "textAlign": "center",
-        "textStyleType": "paragraphs",
+        "textStyleType": "paragraph1",
       },
       "copyrightText": "© 2026 by [Company Name]. All Rights Reserved.",
       "displayStyle": "centered-menu",
@@ -88,15 +90,16 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
           "width": 0,
         },
       ],
-      "textFontFamily": undefined,
       "viewport": "desktop",
     },
     "pageFooterMobile": PageFooterMobile {
       "backgroundStyle": {},
       "copyrightStyle": {
-        "lineHeight": "1.3",
+        "color": "var(--palette-0)",
+        "fontSize": "1em",
+        "letterSpacing": "0",
         "textAlign": "center",
-        "textStyleType": "paragraphs",
+        "textStyleType": "paragraph1",
       },
       "copyrightText": "© 2026 by [Company Name]. All Rights Reserved.",
       "displayStyle": "centered-menu",
@@ -148,7 +151,6 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
           "width": 0,
         },
       ],
-      "textFontFamily": undefined,
       "viewport": "mobile",
     },
     "pageHeaderDesktop": PageHeaderDesktop {
@@ -175,23 +177,20 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
           "borderLeftWidth": "0px",
           "borderRightWidth": "0px",
           "borderTopWidth": "0px",
-          "color": undefined,
-          "fontFamily": "Lato",
+          "color": "var(--palette-0)",
           "fontSize": "1em",
-          "fontStyle": undefined,
-          "fontWeight": "normal",
           "lineHeight": "1.3",
           "textAlign": "center",
-          "textDecoration": undefined,
+          "textStyleType": "paragraph1",
         },
         "displayType": "nav-tab-tabs",
         "hamburgerMenuStyle": NavigationMenuStyles {
           "defaultButtonStyle": {
             "backgroundColor": undefined,
-            "color": undefined,
-            "fontFamily": "Lato",
+            "color": "var(--palette-0)",
+            "lineHeight": "normal",
             "textAlign": "left",
-            "textStyleType": undefined,
+            "textStyleType": "button",
           },
           "iconStyle": {
             "backgroundColor": undefined,
@@ -250,23 +249,20 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
           "borderLeftWidth": "0px",
           "borderRightWidth": "0px",
           "borderTopWidth": "0px",
-          "color": undefined,
-          "fontFamily": "Lato",
+          "color": "var(--palette-0)",
           "fontSize": "1em",
-          "fontStyle": undefined,
-          "fontWeight": "normal",
           "lineHeight": "1.3",
           "textAlign": "center",
-          "textDecoration": undefined,
+          "textStyleType": "paragraph1",
         },
         "displayType": "nav-tab-tabs",
         "hamburgerMenuStyle": NavigationMenuStyles {
           "defaultButtonStyle": {
             "backgroundColor": undefined,
-            "color": undefined,
-            "fontFamily": "Lato",
+            "color": "var(--palette-0)",
+            "lineHeight": "normal",
             "textAlign": "left",
-            "textStyleType": undefined,
+            "textStyleType": "button",
           },
           "iconStyle": {
             "backgroundColor": undefined,
@@ -312,22 +308,21 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
             "buttonText": "Get Started",
             "buttonTextStyle": {
               "applyAutoScale": true,
-              "fontFamily": "Lato",
-              "fontSize": "1em",
               "lineHeight": "1.5",
               "overflowWrap": "anywhere",
               "textAlign": "center",
+              "textStyleType": "button",
               "wordBreak": "normal",
             },
             "colorReplacements": [],
             "description": "",
             "descriptionStyle": {
               "applyAutoScale": true,
-              "fontFamily": "Lato",
+              "color": "var(--palette-0)",
               "fontSize": "1em",
-              "lineHeight": "1.5",
               "overflowWrap": "anywhere",
               "textAlign": "center",
+              "textStyleType": "paragraph2",
               "wordBreak": "normal",
             },
             "displayStyle": "big-image",
@@ -335,14 +330,45 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
             "imageUrl": "https://images.unsplash.com/photo-1657664072470-99b02c2143f2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjQzOTV8MHwxfHNlYXJjaHwxfHxnYW1pbmd8ZW58MHx8fHwxNzIwOTY3NDU1fDA&ixlib=rb-4.0.3",
             "isFullWidth": true,
             "role": "banner-section",
-            "title": "This is a banner",
+            "title": {
+              "content": [
+                {
+                  "attrs": {
+                    "textAlign": "center",
+                  },
+                  "content": [
+                    {
+                      "marks": [
+                        {
+                          "attrs": {
+                            "color": "var(--palette-0)",
+                            "fontFamily": "var(--role-font-family)",
+                            "fontSize": "2.25em",
+                            "fontStyle": "var(--role-font-style)",
+                            "fontWeight": "normal",
+                            "letterSpacing": "var(--role-letter-spacing)",
+                            "lineHeight": "var(--role-line-height)",
+                            "textDecoration": "var(--role-text-decoration)",
+                          },
+                          "type": "textStyle",
+                        },
+                      ],
+                      "text": "This is a banner",
+                      "type": "text",
+                    },
+                  ],
+                  "type": "paragraph",
+                },
+              ],
+              "type": "doc",
+            },
             "titleStyle": {
               "applyAutoScale": true,
-              "fontFamily": "Lato",
               "fontSize": "2.25em",
-              "lineHeight": "1.3",
+              "fontWeight": "normal",
               "overflowWrap": "anywhere",
               "textAlign": "center",
+              "textStyleType": "heading4",
               "wordBreak": "normal",
             },
             "topPadding": 32,
@@ -422,12 +448,25 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
         },
       },
       "textStyles": TextStyles {
-        "textFontFamily": "lato",
         "textStyleOptions": {
+          "button": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1em",
+              "fontStyle": undefined,
+              "fontWeight": "normal",
+              "letterSpacing": undefined,
+              "lineHeight": "1.2",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Button",
+            "type": "button",
+          },
           "buttons": TextStyleOption {
             "isModified": false,
             "style": {
-              "color": "var(--palette-1)",
               "fontFamily": "Lato",
               "fontSize": "1em",
               "fontStyle": undefined,
@@ -440,10 +479,99 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
             "title": "Button Texts",
             "type": "buttons",
           },
+          "heading1": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "6.875em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.2",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 1",
+            "type": "heading1",
+          },
+          "heading2": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "5.25em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.2",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 2",
+            "type": "heading2",
+          },
+          "heading3": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "3.1875em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.25",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 3",
+            "type": "heading3",
+          },
+          "heading4": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "2.1875em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.3",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 4",
+            "type": "heading4",
+          },
+          "heading5": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1.4375em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.35",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 5",
+            "type": "heading5",
+          },
+          "heading6": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.4",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 6",
+            "type": "heading6",
+          },
           "headings": TextStyleOption {
             "isModified": false,
             "style": {
-              "color": "var(--palette-0)",
               "fontFamily": "Lato",
               "fontSize": "1.5em",
               "fontStyle": undefined,
@@ -456,10 +584,54 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
             "title": "Headings",
             "type": "headings",
           },
+          "paragraph1": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1.375em",
+              "fontStyle": undefined,
+              "fontWeight": "normal",
+              "letterSpacing": undefined,
+              "lineHeight": "1.5",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Paragraph 1",
+            "type": "paragraph1",
+          },
+          "paragraph2": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1.125em",
+              "fontStyle": undefined,
+              "fontWeight": "normal",
+              "letterSpacing": undefined,
+              "lineHeight": "1.5",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Paragraph 2",
+            "type": "paragraph2",
+          },
+          "paragraph3": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "0.875em",
+              "fontStyle": undefined,
+              "fontWeight": "normal",
+              "letterSpacing": undefined,
+              "lineHeight": "1.6",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Paragraph 3",
+            "type": "paragraph3",
+          },
           "paragraphs": TextStyleOption {
             "isModified": false,
             "style": {
-              "color": "var(--palette-0)",
               "fontFamily": "Lato",
               "fontSize": "1em",
               "fontStyle": undefined,
@@ -475,7 +647,6 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
           "titles": TextStyleOption {
             "isModified": false,
             "style": {
-              "color": "var(--palette-0)",
               "fontFamily": "Lato",
               "fontSize": "2.25em",
               "fontStyle": undefined,
@@ -491,7 +662,7 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
         },
       },
     },
-    "v": 21,
+    "v": 22,
   },
   "useOldLogoRenderSize": true,
 }
@@ -531,9 +702,11 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
     "pageFooterDesktop": PageFooterDesktop {
       "backgroundStyle": {},
       "copyrightStyle": {
-        "lineHeight": "1.3",
+        "color": "var(--palette-0)",
+        "fontSize": "1em",
+        "letterSpacing": "0",
         "textAlign": "center",
-        "textStyleType": "paragraphs",
+        "textStyleType": "paragraph1",
       },
       "copyrightText": "© 2026 by [Company Name]. All Rights Reserved.",
       "displayStyle": "centered-menu",
@@ -585,15 +758,16 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
           "width": 0,
         },
       ],
-      "textFontFamily": undefined,
       "viewport": "desktop",
     },
     "pageFooterMobile": PageFooterMobile {
       "backgroundStyle": {},
       "copyrightStyle": {
-        "lineHeight": "1.3",
+        "color": "var(--palette-0)",
+        "fontSize": "1em",
+        "letterSpacing": "0",
         "textAlign": "center",
-        "textStyleType": "paragraphs",
+        "textStyleType": "paragraph1",
       },
       "copyrightText": "© 2026 by [Company Name]. All Rights Reserved.",
       "displayStyle": "centered-menu",
@@ -645,7 +819,6 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
           "width": 0,
         },
       ],
-      "textFontFamily": undefined,
       "viewport": "mobile",
     },
     "pageHeaderDesktop": PageHeaderDesktop {
@@ -672,23 +845,20 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
           "borderLeftWidth": "0px",
           "borderRightWidth": "0px",
           "borderTopWidth": "0px",
-          "color": undefined,
-          "fontFamily": "Lato",
+          "color": "var(--palette-0)",
           "fontSize": "1em",
-          "fontStyle": undefined,
-          "fontWeight": "normal",
           "lineHeight": "1.3",
           "textAlign": "center",
-          "textDecoration": undefined,
+          "textStyleType": "paragraph1",
         },
         "displayType": "nav-tab-tabs",
         "hamburgerMenuStyle": NavigationMenuStyles {
           "defaultButtonStyle": {
             "backgroundColor": undefined,
-            "color": undefined,
-            "fontFamily": "Lato",
+            "color": "var(--palette-0)",
+            "lineHeight": "normal",
             "textAlign": "left",
-            "textStyleType": undefined,
+            "textStyleType": "button",
           },
           "iconStyle": {
             "backgroundColor": undefined,
@@ -747,23 +917,20 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
           "borderLeftWidth": "0px",
           "borderRightWidth": "0px",
           "borderTopWidth": "0px",
-          "color": undefined,
-          "fontFamily": "Lato",
+          "color": "var(--palette-0)",
           "fontSize": "1em",
-          "fontStyle": undefined,
-          "fontWeight": "normal",
           "lineHeight": "1.3",
           "textAlign": "center",
-          "textDecoration": undefined,
+          "textStyleType": "paragraph1",
         },
         "displayType": "nav-tab-tabs",
         "hamburgerMenuStyle": NavigationMenuStyles {
           "defaultButtonStyle": {
             "backgroundColor": undefined,
-            "color": undefined,
-            "fontFamily": "Lato",
+            "color": "var(--palette-0)",
+            "lineHeight": "normal",
             "textAlign": "left",
-            "textStyleType": undefined,
+            "textStyleType": "button",
           },
           "iconStyle": {
             "backgroundColor": undefined,
@@ -805,27 +972,56 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
             "bottomPadding": 12,
             "id": "bec5aca6-e3c5-4d4c-93fa-2894816a8040",
             "text": "",
-            "textColor": {},
             "textItems": [
               {
                 "id": "00000000-0000-4000-8000-000000000007",
-                "text": "Christmas",
+                "text": {
+                  "content": [
+                    {
+                      "attrs": {
+                        "textAlign": "left",
+                      },
+                      "content": [
+                        {
+                          "marks": [
+                            {
+                              "attrs": {
+                                "color": "var(--palette-0)",
+                                "fontFamily": "var(--role-font-family)",
+                                "fontSize": "1em",
+                                "fontStyle": "var(--role-font-style)",
+                                "fontWeight": "var(--role-font-weight)",
+                                "letterSpacing": "var(--role-letter-spacing)",
+                                "lineHeight": "var(--role-line-height)",
+                                "textDecoration": "var(--role-text-decoration)",
+                              },
+                              "type": "textStyle",
+                            },
+                          ],
+                          "text": "Christmas",
+                          "type": "text",
+                        },
+                      ],
+                      "type": "paragraph",
+                    },
+                  ],
+                  "type": "doc",
+                },
                 "textStyle": {
                   "applyAutoScale": true,
-                  "fontFamily": "Lato",
-                  "lineHeight": "1.5",
+                  "fontSize": "1em",
                   "textAlign": "left",
+                  "textStyleType": "paragraph1",
                 },
               },
             ],
-            "textSize": {
-              "fontSize": "1em",
-              "lineHeight": "1.2",
-            },
             "textStyle": {
               "applyAutoScale": true,
+              "color": "var(--palette-0)",
+              "fontSize": "1em",
+              "letterSpacing": "0",
               "textAlign": "center",
-              "textStyleType": "paragraphs",
+              "textStyleType": "paragraph1",
             },
             "topPadding": 12,
             "type": "text",
@@ -903,12 +1099,25 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
         },
       },
       "textStyles": TextStyles {
-        "textFontFamily": "lato",
         "textStyleOptions": {
+          "button": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1em",
+              "fontStyle": undefined,
+              "fontWeight": "normal",
+              "letterSpacing": undefined,
+              "lineHeight": "1.2",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Button",
+            "type": "button",
+          },
           "buttons": TextStyleOption {
             "isModified": false,
             "style": {
-              "color": "var(--palette-1)",
               "fontFamily": "Lato",
               "fontSize": "1em",
               "fontStyle": undefined,
@@ -921,10 +1130,99 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
             "title": "Button Texts",
             "type": "buttons",
           },
+          "heading1": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "6.875em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.2",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 1",
+            "type": "heading1",
+          },
+          "heading2": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "5.25em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.2",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 2",
+            "type": "heading2",
+          },
+          "heading3": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "3.1875em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.25",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 3",
+            "type": "heading3",
+          },
+          "heading4": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "2.1875em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.3",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 4",
+            "type": "heading4",
+          },
+          "heading5": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1.4375em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.35",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 5",
+            "type": "heading5",
+          },
+          "heading6": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.4",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 6",
+            "type": "heading6",
+          },
           "headings": TextStyleOption {
             "isModified": false,
             "style": {
-              "color": "var(--palette-0)",
               "fontFamily": "Lato",
               "fontSize": "1.5em",
               "fontStyle": undefined,
@@ -937,10 +1235,54 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
             "title": "Headings",
             "type": "headings",
           },
+          "paragraph1": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1.375em",
+              "fontStyle": undefined,
+              "fontWeight": "normal",
+              "letterSpacing": undefined,
+              "lineHeight": "1.5",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Paragraph 1",
+            "type": "paragraph1",
+          },
+          "paragraph2": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1.125em",
+              "fontStyle": undefined,
+              "fontWeight": "normal",
+              "letterSpacing": undefined,
+              "lineHeight": "1.5",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Paragraph 2",
+            "type": "paragraph2",
+          },
+          "paragraph3": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "0.875em",
+              "fontStyle": undefined,
+              "fontWeight": "normal",
+              "letterSpacing": undefined,
+              "lineHeight": "1.6",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Paragraph 3",
+            "type": "paragraph3",
+          },
           "paragraphs": TextStyleOption {
             "isModified": false,
             "style": {
-              "color": "var(--palette-0)",
               "fontFamily": "Lato",
               "fontSize": "1em",
               "fontStyle": undefined,
@@ -956,7 +1298,6 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
           "titles": TextStyleOption {
             "isModified": false,
             "style": {
-              "color": "var(--palette-0)",
               "fontFamily": "Lato",
               "fontSize": "2.25em",
               "fontStyle": undefined,
@@ -972,7 +1313,7 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
         },
       },
     },
-    "v": 21,
+    "v": 22,
   },
   "useOldLogoRenderSize": true,
 }
@@ -1012,9 +1353,11 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
     "pageFooterDesktop": PageFooterDesktop {
       "backgroundStyle": {},
       "copyrightStyle": {
-        "lineHeight": "1.3",
+        "color": "var(--palette-0)",
+        "fontSize": "1em",
+        "letterSpacing": "0",
         "textAlign": "center",
-        "textStyleType": "paragraphs",
+        "textStyleType": "paragraph1",
       },
       "copyrightText": "© 2026 by [Company Name]. All Rights Reserved.",
       "displayStyle": "centered-menu",
@@ -1066,15 +1409,16 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
           "width": 0,
         },
       ],
-      "textFontFamily": undefined,
       "viewport": "desktop",
     },
     "pageFooterMobile": PageFooterMobile {
       "backgroundStyle": {},
       "copyrightStyle": {
-        "lineHeight": "1.3",
+        "color": "var(--palette-0)",
+        "fontSize": "1em",
+        "letterSpacing": "0",
         "textAlign": "center",
-        "textStyleType": "paragraphs",
+        "textStyleType": "paragraph1",
       },
       "copyrightText": "© 2026 by [Company Name]. All Rights Reserved.",
       "displayStyle": "centered-menu",
@@ -1126,7 +1470,6 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
           "width": 0,
         },
       ],
-      "textFontFamily": undefined,
       "viewport": "mobile",
     },
     "pageHeaderDesktop": PageHeaderDesktop {
@@ -1153,23 +1496,20 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
           "borderLeftWidth": "0px",
           "borderRightWidth": "0px",
           "borderTopWidth": "0px",
-          "color": undefined,
-          "fontFamily": "Lato",
+          "color": "var(--palette-0)",
           "fontSize": "1em",
-          "fontStyle": undefined,
-          "fontWeight": "normal",
           "lineHeight": "1.3",
           "textAlign": "center",
-          "textDecoration": undefined,
+          "textStyleType": "paragraph1",
         },
         "displayType": "nav-tab-tabs",
         "hamburgerMenuStyle": NavigationMenuStyles {
           "defaultButtonStyle": {
             "backgroundColor": undefined,
-            "color": undefined,
-            "fontFamily": "Lato",
+            "color": "var(--palette-0)",
+            "lineHeight": "normal",
             "textAlign": "left",
-            "textStyleType": undefined,
+            "textStyleType": "button",
           },
           "iconStyle": {
             "backgroundColor": undefined,
@@ -1228,23 +1568,20 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
           "borderLeftWidth": "0px",
           "borderRightWidth": "0px",
           "borderTopWidth": "0px",
-          "color": undefined,
-          "fontFamily": "Lato",
+          "color": "var(--palette-0)",
           "fontSize": "1em",
-          "fontStyle": undefined,
-          "fontWeight": "normal",
           "lineHeight": "1.3",
           "textAlign": "center",
-          "textDecoration": undefined,
+          "textStyleType": "paragraph1",
         },
         "displayType": "nav-tab-tabs",
         "hamburgerMenuStyle": NavigationMenuStyles {
           "defaultButtonStyle": {
             "backgroundColor": undefined,
-            "color": undefined,
-            "fontFamily": "Lato",
+            "color": "var(--palette-0)",
+            "lineHeight": "normal",
             "textAlign": "left",
-            "textStyleType": undefined,
+            "textStyleType": "button",
           },
           "iconStyle": {
             "backgroundColor": undefined,
@@ -1286,34 +1623,56 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
             "bottomPadding": 12,
             "id": "bec5aca6-e3c5-4d4c-93fa-2894816a8040",
             "text": "",
-            "textColor": {},
             "textItems": [
               {
                 "id": "00000000-0000-4000-8000-000000000007",
-                "text": "Christmas",
+                "text": {
+                  "content": [
+                    {
+                      "attrs": {
+                        "textAlign": "center",
+                      },
+                      "content": [
+                        {
+                          "marks": [
+                            {
+                              "attrs": {
+                                "color": "var(--palette-0)",
+                                "fontFamily": "var(--role-font-family)",
+                                "fontSize": "1em",
+                                "fontStyle": "var(--role-font-style)",
+                                "fontWeight": "var(--role-font-weight)",
+                                "letterSpacing": "var(--role-letter-spacing)",
+                                "lineHeight": "var(--role-line-height)",
+                                "textDecoration": "var(--role-text-decoration)",
+                              },
+                              "type": "textStyle",
+                            },
+                          ],
+                          "text": "Christmas",
+                          "type": "text",
+                        },
+                      ],
+                      "type": "paragraph",
+                    },
+                  ],
+                  "type": "doc",
+                },
                 "textStyle": {
                   "applyAutoScale": true,
-                  "color": undefined,
-                  "fontFamily": "Lato",
                   "fontSize": "1em",
-                  "fontStyle": undefined,
-                  "fontWeight": undefined,
-                  "letterSpacing": undefined,
-                  "lineHeight": "1.5",
                   "textAlign": "center",
-                  "textDecoration": undefined,
-                  "textStyleType": undefined,
+                  "textStyleType": "paragraph2",
                 },
               },
             ],
-            "textSize": {
-              "fontSize": "1em",
-              "lineHeight": "1.2",
-            },
             "textStyle": {
               "applyAutoScale": true,
+              "color": "var(--palette-0)",
+              "fontSize": "1em",
+              "letterSpacing": "0",
               "textAlign": "center",
-              "textStyleType": "paragraphs",
+              "textStyleType": "paragraph1",
             },
             "topPadding": 12,
             "type": "text",
@@ -1391,12 +1750,25 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
         },
       },
       "textStyles": TextStyles {
-        "textFontFamily": "lato",
         "textStyleOptions": {
+          "button": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1em",
+              "fontStyle": undefined,
+              "fontWeight": "normal",
+              "letterSpacing": undefined,
+              "lineHeight": "1.2",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Button",
+            "type": "button",
+          },
           "buttons": TextStyleOption {
             "isModified": false,
             "style": {
-              "color": "var(--palette-1)",
               "fontFamily": "Lato",
               "fontSize": "1em",
               "fontStyle": undefined,
@@ -1409,10 +1781,99 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
             "title": "Button Texts",
             "type": "buttons",
           },
+          "heading1": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "6.875em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.2",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 1",
+            "type": "heading1",
+          },
+          "heading2": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "5.25em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.2",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 2",
+            "type": "heading2",
+          },
+          "heading3": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "3.1875em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.25",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 3",
+            "type": "heading3",
+          },
+          "heading4": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "2.1875em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.3",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 4",
+            "type": "heading4",
+          },
+          "heading5": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1.4375em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.35",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 5",
+            "type": "heading5",
+          },
+          "heading6": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1em",
+              "fontStyle": undefined,
+              "fontWeight": "bold",
+              "letterSpacing": undefined,
+              "lineHeight": "1.4",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Heading 6",
+            "type": "heading6",
+          },
           "headings": TextStyleOption {
             "isModified": false,
             "style": {
-              "color": "var(--palette-0)",
               "fontFamily": "Lato",
               "fontSize": "1.5em",
               "fontStyle": undefined,
@@ -1425,10 +1886,54 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
             "title": "Headings",
             "type": "headings",
           },
+          "paragraph1": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1.375em",
+              "fontStyle": undefined,
+              "fontWeight": "normal",
+              "letterSpacing": undefined,
+              "lineHeight": "1.5",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Paragraph 1",
+            "type": "paragraph1",
+          },
+          "paragraph2": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "1.125em",
+              "fontStyle": undefined,
+              "fontWeight": "normal",
+              "letterSpacing": undefined,
+              "lineHeight": "1.5",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Paragraph 2",
+            "type": "paragraph2",
+          },
+          "paragraph3": TextStyleOption {
+            "isModified": false,
+            "style": {
+              "fontFamily": "Lato",
+              "fontSize": "0.875em",
+              "fontStyle": undefined,
+              "fontWeight": "normal",
+              "letterSpacing": undefined,
+              "lineHeight": "1.6",
+              "textDecoration": undefined,
+              "textStyleType": undefined,
+            },
+            "title": "Paragraph 3",
+            "type": "paragraph3",
+          },
           "paragraphs": TextStyleOption {
             "isModified": false,
             "style": {
-              "color": "var(--palette-0)",
               "fontFamily": "Lato",
               "fontSize": "1em",
               "fontStyle": undefined,
@@ -1444,7 +1949,6 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
           "titles": TextStyleOption {
             "isModified": false,
             "style": {
-              "color": "var(--palette-0)",
               "fontFamily": "Lato",
               "fontSize": "2.25em",
               "fontStyle": undefined,
@@ -1460,7 +1964,7 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
         },
       },
     },
-    "v": 21,
+    "v": 22,
   },
   "useOldLogoRenderSize": true,
 }