@designcrowd/library.brand-page 6.1.18-style-v2-12 → 6.2.1

package/lib/src/{CreatedOnBrandCrowd-de-de-C-miE90k.js → CreatedOnBrandCrowd-de-de-CtvPtYF6.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-JxZ9L98_.js";
+import { _ as t } from "./lib-B38VVCSw.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-BMRe6cJ8.js → CreatedOnBrandCrowd-en-us-eGF-EjAX.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-JxZ9L98_.js";
+import { _ as t } from "./lib-B38VVCSw.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-DMeXHyvr.js → CreatedOnBrandCrowd-es-es-CSemsOtT.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-JxZ9L98_.js";
+import { _ as t } from "./lib-B38VVCSw.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Cg2bGaXR.js → CreatedOnBrandCrowd-fr-ca-DzylX-AT.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-JxZ9L98_.js";
+import { _ as t } from "./lib-B38VVCSw.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Cg2bGaXR.js → CreatedOnBrandCrowd-fr-fr-DzylX-AT.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-JxZ9L98_.js";
+import { _ as t } from "./lib-B38VVCSw.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-Ipffm0nv.js → CreatedOnBrandCrowd-pt-br-QMUxXQsE.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-JxZ9L98_.js";
+import { _ as t } from "./lib-B38VVCSw.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-Ipffm0nv.js → CreatedOnBrandCrowd-pt-pt-QMUxXQsE.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-JxZ9L98_.js";
+import { _ as t } from "./lib-B38VVCSw.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-6gXXPZL2.js → CreatedOnDcom-de-de-M7OoJt-1.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-JxZ9L98_.js";
+import { _ as e } from "./lib-B38VVCSw.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-XameLHTE.js → CreatedOnDcom-en-us-D7hMM0AI.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-JxZ9L98_.js";
+import { _ as e } from "./lib-B38VVCSw.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-CxEUwGOZ.js → CreatedOnDcom-es-es-CLw-BLp2.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-JxZ9L98_.js";
+import { _ as e } from "./lib-B38VVCSw.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-BlZoDKI8.js → CreatedOnDcom-fr-ca-BRu_kmeu.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-JxZ9L98_.js";
+import { _ as e } from "./lib-B38VVCSw.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-BUJnRwRZ.js → CreatedOnDcom-fr-fr-IMnEv_yM.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-JxZ9L98_.js";
+import { _ as e } from "./lib-B38VVCSw.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-B9iKuqSa.js → CreatedOnDcom-pt-br-Bt6v1p27.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-JxZ9L98_.js";
+import { _ as M } from "./lib-B38VVCSw.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-kN0P9AeT.js → CreatedOnDcom-pt-pt-BVsFJIJg.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-JxZ9L98_.js";
+import { _ as M } from "./lib-B38VVCSw.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { BrandPageContext, NavigationDesktop, NavigationMobile } from '../../../models';
-import type { NavItemViewModel } from '../../../view-models';
+import type { ButtonViewModel, NavItemViewModel } from '../../../view-models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     context: {
         type: PropType<BrandPageContext>;
@@ -18,6 +18,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<NavigationDesktop | NavigationMobile>;
         required: true;
     };
+    headerButtonViewModel: {
+        type: PropType<ButtonViewModel>;
+        required: false;
+        default: undefined;
+    };
 }>, {}, {
     expandedItems: Record<string, boolean>;
 }, {
@@ -27,12 +32,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     selectedButtonStyle(): BrandPageCssStyle;
     defaultWrapperStyle(): BrandPageCssStyle;
     selectedWrapperStyle(): BrandPageCssStyle;
+    showHeaderButton(): boolean;
     routes(): any[];
 }, {
     filterHiddenNavItems(navItems: NavItemViewModel[]): NavItemViewModel[];
     isCurrentPage(navItem: NavItemViewModel): boolean;
     getSubNavItemStyle(navItem: NavItemViewModel): BrandPageCssStyle;
     closeSideMenu(): void;
+    onSideMenuCtaClick(event: MouseEvent): void;
     toggleExpanded(pageId: string): void;
     isExpanded(pageId: string): boolean;
     expandSubPageIfCurrentPage(): void;
@@ -53,7 +60,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<NavigationDesktop | NavigationMobile>;
         required: true;
     };
+    headerButtonViewModel: {
+        type: PropType<ButtonViewModel>;
+        required: false;
+        default: undefined;
+    };
 }>> & Readonly<{
     "onClose-side-menu"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {
+    headerButtonViewModel: ButtonViewModel;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.js

@@ -1,5 +1,6 @@
 import { defineComponent } from 'vue';
 import { resolveSubNavItemBackgroundColor } from '../../../models';
+import { guardPreviewClick } from '../../../utils/context.util';
 export default defineComponent({
     props: {
         context: {
@@ -18,6 +19,13 @@ export default defineComponent({
             type: Object,
             required: true,
         },
+        // Provided only when the header row does not render the CTA (the caller
+        // decides via headerRowRendersCta) — absent means the side menu shows none.
+        headerButtonViewModel: {
+            type: Object,
+            required: false,
+            default: undefined,
+        },
     },
     emits: ['close-side-menu'],
     data() {
@@ -50,6 +58,9 @@ export default defineComponent({
             const { fontSize: _fontSize, lineHeight: _lineHeight, letterSpacing: _letterSpacing, ...rest } = this.selectedButtonStyle;
             return rest;
         },
+        showHeaderButton() {
+            return Boolean(this.headerButtonViewModel);
+        },
         routes() {
             return this.visibleNavItems.map((navItem, _i) => {
                 return {
@@ -85,6 +96,12 @@ export default defineComponent({
         closeSideMenu() {
             this.$emit('close-side-menu');
         },
+        // Preview: inert; published: follow the link and close the side menu behind it.
+        onSideMenuCtaClick(event) {
+            if (!guardPreviewClick(event, this.context)) {
+                this.closeSideMenu();
+            }
+        },
         toggleExpanded(pageId) {
             const isCurrentlyExpanded = this.expandedItems[pageId];
             this.expandedItems = {};

package/lib/src/brand-page/components/page/Page.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { BrandPageViewModel, ContentViewModel, PageViewModel } from '@brand-page/view-models';
+import type { BrandPageViewModel, ButtonViewModel, ContentViewModel, PageViewModel } from '@brand-page/view-models';
 import type { BackgroundShape, BrandPageContext, ViewportsType } from '@brand-page/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     context: {
@@ -54,7 +54,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {
     brandPageToken(): string | null;
     paletteStyleHtml(): string;
-    textRoleStyleHtml(): string;
     pageScopeAttrs(): Record<string, string | undefined>;
     contents(): ContentViewModel[];
     /**
@@ -82,6 +81,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     headerViewModelDesktop(): any;
     isNavigationEmbeddedInLogoMobile(): boolean;
     isNavigationEmbeddedInLogoDesktop(): boolean;
+    sideMenuHeaderButtonViewModel(): ButtonViewModel | undefined;
     shouldShowNavigation(): boolean;
     showNavigationAfterLogoMobile(): boolean;
     showNavigationAfterLogoDesktop(): boolean;
@@ -168,7 +168,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isContentSelected: boolean;
     isHeaderSelected: boolean;
     isFooterSelected: boolean;
-}, {}, {}, {}, string, () => {
-    [x: symbol]: import("vue").ComputedRef<any>;
-}, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/brand-page/components/page/Page.mixin.js

@@ -1,7 +1,7 @@
-import { computed, defineComponent } from 'vue';
-import { DEFAULT_FONT_FAMILY_KEY, FALLBACK_FONT_FAMILIES, FONT_FAMILY_CONFIGS, } from '../../constants';
-import { getSlugFromContext, getPageHeadingText, buildPaletteRootCss, buildPaletteScopedCss, buildTextRoleRootCss, buildTextRoleScopedCss, TEXT_ROLE_OPTIONS_KEY, PAGE_SCOPE_ID_ATTRIBUTE, resolveColorReference, } from '@brand-page/utils';
-import { findNavItemByRelativePath } from '@brand-page/utils/route.util';
+import { defineComponent } from 'vue';
+import { DEFAULT_FONT_FAMILY_KEY, FALLBACK_FONT_FAMILIES, FONT_FAMILY_CONFIGS, headerRowRendersCta, } from '../../constants';
+import { getSlugFromContext, getPageHeadingText, buildPaletteRootCss, buildPaletteScopedCss, PAGE_SCOPE_ID_ATTRIBUTE, resolveColorReference, } from '@brand-page/utils';
+import { findNavItemByRelativePath, hasVisibleNavigation, } from '@brand-page/utils/route.util';
 import { BRAND_PAGE_TYPES } from '@brand-page/models';
 import { hasProfileContent as checkHasProfileContent } from '@brand-page/utils/vcard.util';
 // Per-instance id for a `Page` instance. Deliberately generic — any per-instance
@@ -72,15 +72,6 @@ export default defineComponent({
             }),
         };
     },
-    // BP-5969: expose the live role options to every descendant TextWrapper so it can
-    // inline only its overrides and leave the role typography to the CSS class. A computed
-    // keeps it reactive (a role edit repaints), and `this` is the instance in Options-API
-    // provide(). Descendants that render outside a Page get `undefined` and bake inline.
-    provide() {
-        return {
-            [TEXT_ROLE_OPTIONS_KEY]: computed(() => this.viewModel?.styles?.textStyles?.textStyleOptions),
-        };
-    },
     data() {
         return {
             isSideMenuOpen: false,
@@ -104,17 +95,6 @@ export default defineComponent({
                 ? buildPaletteScopedCss(colors, this.pageScopeId)
                 : buildPaletteRootCss(colors);
         },
-        // BP-5969: the global text roles as a page-scoped <style> of CSS classes
-        // (design-token render). Same root/scoped split as the palette above: a role
-        // edit is one CSS-rule change that repaints every block carrying the role class.
-        textRoleStyleHtml() {
-            const options = this.viewModel?.styles?.textStyles?.textStyleOptions;
-            if (!options)
-                return '';
-            return this.context?.isTemplate
-                ? buildTextRoleScopedCss(options, this.pageScopeId)
-                : buildTextRoleRootCss(options);
-        },
         // Spread onto EVERY top-level node of Page's fragment (template mode only).
         // The root-background/overlay siblings paint values that can hold
         // `var(--palette-…)`, and a custom property applies to its own node too.
@@ -181,10 +161,13 @@ export default defineComponent({
                     ...this.viewModel?.styles?.backgroundStylesViewModel?.style,
                 };
             }
-            // BP-5969 (ADR-0020): no page base coat. A role defines typography only, so `:root`
-            // no longer paints a text colour — every text element carries its own contrast-derived
-            // colour (baked at birth, or by migration-22 for existing sites). Form controls and SVG
-            // `currentColor` fills fall back to the browser default.
+            // The page base coat — anything with no colour of its own inherits this
+            // (RTE text, form controls, SVG `currentColor` fills).
+            const baseTextColour = this.viewModel?.styles?.textStyles?.textStyleOptions?.paragraphs?.style
+                ?.color;
+            if (baseTextColour) {
+                styles.color = baseTextColour;
+            }
             const textFontFamilyKey = this.viewModel.styles?.textStyles.textFontFamily ||
                 DEFAULT_FONT_FAMILY_KEY;
             const textFontFamilyConfig = FONT_FAMILY_CONFIGS[textFontFamilyKey];
@@ -293,12 +276,17 @@ export default defineComponent({
                 this.contents[0]?.type === 'logo' &&
                 this.viewModel.pages.length > 1);
         },
+        // The button shows in the header row OR in the side menu, never both. This gives it to the side menu when the header doesn't show it; undefined = no button in the menu.
+        sideMenuHeaderButtonViewModel() {
+            const header = this.viewModel.headerViewModelMobile;
+            if (!header.headerButtonViewModel ||
+                headerRowRendersCta(header.displayStyle, this.shouldShowNavigation)) {
+                return undefined;
+            }
+            return header.headerButtonViewModel;
+        },
         shouldShowNavigation() {
-            // Show navigation if more than 1 non-hidden page exists, or if there's 1 page with non-hidden subpages
-            const visibleNavItems = this.context.nav.navItems.filter((item) => !item.isHidden);
-            return (visibleNavItems.length > 1 ||
-                (visibleNavItems.length === 1 &&
-                    visibleNavItems[0].nestedNavItems.some((item) => !item.isHidden)));
+            return hasVisibleNavigation(this.context.nav.navItems);
         },
         showNavigationAfterLogoMobile() {
             return (!this.context.isBrandSite &&

package/lib/src/brand-page/components/page-header/HeaderLayout.stories.d.ts

@@ -3,3 +3,4 @@ import HeaderLayout from './HeaderLayout.vue';
 declare const meta: Meta<typeof HeaderLayout>;
 export default meta;
 export declare const Sample: StoryFn;
+export declare const WithHeaderButton: StoryFn;

package/lib/src/brand-page/components/page-header/HeaderLayout.stories.js

@@ -36,6 +36,7 @@ const Template = (args) => ({
         nav-id="nav-1"
         :show-nav="args.showNav"
         :display-style="args.displayStyle"
+        :has-cta="args.hasCta"
         logo-width="100px"
       >
         <template v-slot:logo>
@@ -44,6 +45,9 @@ const Template = (args) => ({
         <template v-slot:nav>
           <div style="border: 1px solid red; display: inline-block;">Nav | Nav | Nav | Nav | Nav | Nav | Nav | Nav</div>
         </template>
+        <template v-slot:cta>
+          <div style="border: 1px solid green; display: inline-block; padding: 8px 16px;">Contact Us</div>
+        </template>
       </HeaderLayout>
     </div>
   `,
@@ -52,3 +56,8 @@ export const Sample = Template.bind({});
 Sample.args = {
     displayStyle: HEADER_DISPLAY.DESKTOP_TAB_5,
 };
+export const WithHeaderButton = Template.bind({});
+WithHeaderButton.args = {
+    displayStyle: HEADER_DISPLAY.DESKTOP_TAB_1,
+    hasCta: true,
+};

package/lib/src/brand-page/components/page-header/PageHeader.mixin.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { BrandPageContext } from '@brand-page/models';
-import type { PageHeaderViewModel } from '@brand-page/view-models';
+import type { ButtonViewModel, PageHeaderViewModel } from '@brand-page/view-models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     navId: {
         type: StringConstructor;
@@ -23,9 +23,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     LOGO_SLIDER_DESKTOP_MAX: number;
 }, {
     containerCss(): BrandPageCssStyle;
+    headerButtonViewModel(): ButtonViewModel | undefined;
     showNav(): boolean;
 }, {
     onHeaderContainerClick(): void;
+    onHeaderCtaClick(event: MouseEvent): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "header-container-click"[], "header-container-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     navId: {
         type: StringConstructor;

package/lib/src/brand-page/components/page-header/PageHeader.mixin.js

@@ -1,5 +1,7 @@
 import { defineComponent } from 'vue';
 import { LOGO_SLIDER_DESKTOP_MAX } from '../../constants';
+import { hasVisibleNavigation } from '../../utils/route.util';
+import { guardPreviewClick } from '../../utils/context.util';
 export default defineComponent({
     props: {
         navId: {
@@ -33,11 +35,11 @@ export default defineComponent({
                 padding: '1.5rem 0', // var(--page-padding) 0
             };
         },
+        headerButtonViewModel() {
+            return this.viewModel.headerButtonViewModel;
+        },
         showNav() {
-            const visibleNavItems = this.context.nav.navItems.filter((item) => !item.isHidden);
-            return (visibleNavItems.length > 1 ||
-                (visibleNavItems.length === 1 &&
-                    visibleNavItems[0].nestedNavItems.some((item) => !item.isHidden)));
+            return hasVisibleNavigation(this.context.nav.navItems);
         },
     },
     emits: ['header-container-click'],
@@ -45,5 +47,9 @@ export default defineComponent({
         onHeaderContainerClick() {
             this.$emit('header-container-click');
         },
+        // Preview only: deliberately inert — no link-follow, no Header Settings open.
+        onHeaderCtaClick(event) {
+            guardPreviewClick(event, this.context);
+        },
     },
 });

package/lib/src/brand-page/components/social-links/SocialLinks.stories.js

@@ -49,6 +49,9 @@ const viewModel = {
     iconBackgroundStyles: {},
     backgroundStyles: {},
     titleStyle: {
+        color: '#000000',
+        fontSize: '2.25rem',
+        fontWeight: 'bold',
         textAlign: 'center',
     },
     role: 'social-links',

package/lib/src/brand-page/components/testimonial-section/__fixtures__/data.js

@@ -37,6 +37,9 @@ export const viewModel = {
         },
     ],
     titleStyle: {
+        color: 'rgba(0, 0, 0, 1)',
+        fontSize: '2.25rem',
+        fontWeight: 'bold',
         textAlign: 'center',
     },
     testimonialStyle: {

package/lib/src/brand-page/components/text/Text.stories.js

@@ -12,7 +12,12 @@ const BPviewModel = {
     textItems: [],
     type: 'text',
     textStyle: {
+        fontSize: '1rem',
+        lineHeight: '1.5rem',
+        fontFamily: 'Lato',
         textAlign: 'left',
+        overflowWrap: 'anywhere',
+        wordBreak: 'normal',
     },
     columnStyle: '1',
     backgroundColor: {},
@@ -29,6 +34,7 @@ const BSviewModel = {
             id: 'text-item-1',
             text: 'lorem ipsum',
             textStyle: {
+                fontSize: '1rem',
                 textAlign: 'left',
                 textStyleType: 'paragraphs',
             },
@@ -37,6 +43,7 @@ const BSviewModel = {
             id: 'text-item-2',
             text: 'lorem ipsum',
             textStyle: {
+                fontSize: '1rem',
                 textAlign: 'left',
                 textStyleType: 'paragraphs',
             },
@@ -44,7 +51,12 @@ const BSviewModel = {
     ],
     type: 'text',
     textStyle: {
+        fontSize: '1rem',
+        lineHeight: '1.5rem',
+        fontFamily: 'Lato',
         textAlign: 'left',
+        overflowWrap: 'anywhere',
+        wordBreak: 'normal',
     },
     columnStyle: '2',
     backgroundColor: {},
@@ -59,7 +71,12 @@ const BSEmptyTextItem = {
     textItems: [],
     type: 'text',
     textStyle: {
+        fontSize: '1rem',
+        lineHeight: '1.5rem',
+        fontFamily: 'Lato',
         textAlign: 'left',
+        overflowWrap: 'anywhere',
+        wordBreak: 'normal',
     },
     columnStyle: '1',
     backgroundColor: {},

package/lib/src/brand-page/constants/font.constants.d.ts

@@ -2,16 +2,6 @@ export declare const DISPLAY_TEXT_TITLE = "Titles";
 export declare const DISPLAY_TEXT_HEADINGS = "Headings";
 export declare const DISPLAY_TEXT_BODY = "Paragraphs";
 export declare const DISPlAY_TEXT_BUTTONS = "Button Texts";
-export declare const DISPLAY_TEXT_HEADING_1 = "Heading 1";
-export declare const DISPLAY_TEXT_HEADING_2 = "Heading 2";
-export declare const DISPLAY_TEXT_HEADING_3 = "Heading 3";
-export declare const DISPLAY_TEXT_HEADING_4 = "Heading 4";
-export declare const DISPLAY_TEXT_HEADING_5 = "Heading 5";
-export declare const DISPLAY_TEXT_HEADING_6 = "Heading 6";
-export declare const DISPLAY_TEXT_PARAGRAPH_1 = "Paragraph 1";
-export declare const DISPLAY_TEXT_PARAGRAPH_2 = "Paragraph 2";
-export declare const DISPLAY_TEXT_PARAGRAPH_3 = "Paragraph 3";
-export declare const DISPLAY_TEXT_BUTTON = "Button";
 export declare const DEFAULT_TEXT_DECORATION: undefined;
 export declare const DEFAULT_FONT_STYLE: undefined;
 export declare const FONT_SIZE_TITLE = "2.25em";
@@ -23,58 +13,6 @@ export declare const FONT_WEIGHT_NORMAL = "normal";
 export declare const LINE_HEIGHT_TITLE = "1.3";
 export declare const LINE_HEIGHT_HEADINGS = "1.4";
 export declare const LINE_HEIGHT_BODY = "1.5";
-export declare const TEXT_ROLE_STYLE_DEFAULTS: {
-    readonly heading1: {
-        readonly fontSize: "6.875em";
-        readonly fontWeight: "bold";
-        readonly lineHeight: "1.2";
-    };
-    readonly heading2: {
-        readonly fontSize: "5.25em";
-        readonly fontWeight: "bold";
-        readonly lineHeight: "1.2";
-    };
-    readonly heading3: {
-        readonly fontSize: "3.1875em";
-        readonly fontWeight: "bold";
-        readonly lineHeight: "1.25";
-    };
-    readonly heading4: {
-        readonly fontSize: "2.1875em";
-        readonly fontWeight: "bold";
-        readonly lineHeight: "1.3";
-    };
-    readonly heading5: {
-        readonly fontSize: "1.4375em";
-        readonly fontWeight: "bold";
-        readonly lineHeight: "1.35";
-    };
-    readonly heading6: {
-        readonly fontSize: "1em";
-        readonly fontWeight: "bold";
-        readonly lineHeight: "1.4";
-    };
-    readonly paragraph1: {
-        readonly fontSize: "1.375em";
-        readonly fontWeight: "normal";
-        readonly lineHeight: "1.5";
-    };
-    readonly paragraph2: {
-        readonly fontSize: "1.125em";
-        readonly fontWeight: "normal";
-        readonly lineHeight: "1.5";
-    };
-    readonly paragraph3: {
-        readonly fontSize: "0.875em";
-        readonly fontWeight: "normal";
-        readonly lineHeight: "1.6";
-    };
-    readonly button: {
-        readonly fontSize: "1em";
-        readonly fontWeight: "normal";
-        readonly lineHeight: "1.2";
-    };
-};
 export declare const DEFAULT_FONT_SIZE = 12;
 export declare const MIN_TEXT_SIZE_PX = 12;
 export declare const MAX_TEXT_SIZE_PX = 128;

package/lib/src/brand-page/constants/font.constants.js

@@ -3,18 +3,6 @@ export const DISPLAY_TEXT_TITLE = 'Titles';
 export const DISPLAY_TEXT_HEADINGS = 'Headings';
 export const DISPLAY_TEXT_BODY = 'Paragraphs';
 export const DISPlAY_TEXT_BUTTONS = 'Button Texts';
-// BP-5969 — display names for the 10 global text roles (English fallback; the
-// panel/picker use i18n `styleSettingsTr(<role>)`, these back it up).
-export const DISPLAY_TEXT_HEADING_1 = 'Heading 1';
-export const DISPLAY_TEXT_HEADING_2 = 'Heading 2';
-export const DISPLAY_TEXT_HEADING_3 = 'Heading 3';
-export const DISPLAY_TEXT_HEADING_4 = 'Heading 4';
-export const DISPLAY_TEXT_HEADING_5 = 'Heading 5';
-export const DISPLAY_TEXT_HEADING_6 = 'Heading 6';
-export const DISPLAY_TEXT_PARAGRAPH_1 = 'Paragraph 1';
-export const DISPLAY_TEXT_PARAGRAPH_2 = 'Paragraph 2';
-export const DISPLAY_TEXT_PARAGRAPH_3 = 'Paragraph 3';
-export const DISPLAY_TEXT_BUTTON = 'Button';
 export const DEFAULT_TEXT_DECORATION = undefined;
 export const DEFAULT_FONT_STYLE = undefined;
 export const FONT_SIZE_TITLE = '2.25em';
@@ -26,29 +14,6 @@ export const FONT_WEIGHT_NORMAL = 'normal';
 export const LINE_HEIGHT_TITLE = '1.3';
 export const LINE_HEIGHT_HEADINGS = '1.4';
 export const LINE_HEIGHT_BODY = '1.5';
-// BP-5969 — §4 default typography for the 10 global text roles. Sizes in `em`
-// (relative to the 16px root). Weights/letter-spacing are new: the legacy 4
-// roles carried none, so these apply to new sites only — existing sites keep
-// their persisted role definitions (migration-22 preserves appearance).
-// Weight is strictly binary (BP-5969): headings default `bold`, body + button
-// `normal`. No semibold tier — the RTE exposes only a normal/bold toggle, so the
-// role defaults use the same `bold`/`normal` keywords that toggle (and every weight
-// reader) speaks, not numeric weights.
-//
-// Sizes are a display scale in em @ 16px root; the px each em resolves to is noted
-// inline. Headings anchor H1 110px → H6 16px; body runs 22/18/14; button stays 16px.
-export const TEXT_ROLE_STYLE_DEFAULTS = {
-    heading1: { fontSize: '6.875em', fontWeight: 'bold', lineHeight: '1.2' }, // 110px
-    heading2: { fontSize: '5.25em', fontWeight: 'bold', lineHeight: '1.2' }, // 84px
-    heading3: { fontSize: '3.1875em', fontWeight: 'bold', lineHeight: '1.25' }, // 51px
-    heading4: { fontSize: '2.1875em', fontWeight: 'bold', lineHeight: '1.3' }, // 35px
-    heading5: { fontSize: '1.4375em', fontWeight: 'bold', lineHeight: '1.35' }, // 23px
-    heading6: { fontSize: '1em', fontWeight: 'bold', lineHeight: '1.4' }, // 16px
-    paragraph1: { fontSize: '1.375em', fontWeight: 'normal', lineHeight: '1.5' }, // 22px
-    paragraph2: { fontSize: '1.125em', fontWeight: 'normal', lineHeight: '1.5' }, // 18px
-    paragraph3: { fontSize: '0.875em', fontWeight: 'normal', lineHeight: '1.6' }, // 14px
-    button: { fontSize: '1em', fontWeight: 'normal', lineHeight: '1.2' }, // 16px
-};
 export const DEFAULT_FONT_SIZE = 12;
 export const MIN_TEXT_SIZE_PX = 12;
 export const MAX_TEXT_SIZE_PX = 128;

package/lib/src/brand-page/constants/sections/header-display.constants.d.ts

@@ -42,6 +42,9 @@ interface HeaderDisplayStyleConfig {
     supportLogo: boolean;
     supportedNavTypes: string[];
     option: ButtonGroupOption;
+    withButtonIconName?: string;
 }
 export declare const HEADER_DISPLAY_STYLE_CONFIGS: HeaderDisplayStyleConfig[];
+/** True when the header row shows the button; mobile hamburger styles put it in the side menu instead (unless the nav is hidden — then there is no side menu). */
+export declare const headerRowRendersCta: (displayStyle: string, showNav: boolean) => boolean;
 export {};