@designcrowd/library.brand-page 6.1.16-style-v2-2 → 6.1.17-ast-header-button

package/lib/src/{CreatedOnBrandCrowd-de-de-Bi-zaYmr.js → CreatedOnBrandCrowd-de-de-Cwq9enJs.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-SjIxE2Pg.js → CreatedOnBrandCrowd-en-us-ILK04gFj.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-BYOu05ik.js → CreatedOnBrandCrowd-es-es-CbjxLxtu.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-emgmIyJV.js → CreatedOnBrandCrowd-fr-ca-BwBDiK9z.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-emgmIyJV.js → CreatedOnBrandCrowd-fr-fr-BwBDiK9z.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-m5RFTaxL.js → CreatedOnBrandCrowd-pt-br-DvhJROpG.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-m5RFTaxL.js → CreatedOnBrandCrowd-pt-pt-DvhJROpG.js}

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

package/lib/src/{CreatedOnDcom-de-de-BeGHrZgm.js → CreatedOnDcom-de-de-BK9imWOh.js}

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

package/lib/src/{CreatedOnDcom-en-us-DvVpYfyp.js → CreatedOnDcom-en-us-CyH-_qz1.js}

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

package/lib/src/{CreatedOnDcom-es-es-D9khuP5r.js → CreatedOnDcom-es-es-Dh51qYEA.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-BNIVPoPK.js → CreatedOnDcom-fr-ca-BArRxwWX.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CtdfFR8H.js → CreatedOnDcom-fr-fr-CdglI-ZB.js}

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

package/lib/src/{CreatedOnDcom-pt-br-nFGKCRjM.js → CreatedOnDcom-pt-br-DCehns-G.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-BCFCFJoy.js → CreatedOnDcom-pt-pt-B8hl-oew.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-D8usF-qk.js";
+import { _ as M } from "./lib-KFjPFfxn.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,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<NavigationDesktop | NavigationMobile>;
         required: true;
     };
+    headerButtonViewModel: {
+        type: PropType<ButtonViewModel>;
+        required: false;
+        default: undefined;
+    };
+    isMobile: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }>, {}, {
     expandedItems: Record<string, boolean>;
 }, {
@@ -27,12 +37,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;
+    onDrawerCtaClick(event: MouseEvent): void;
     toggleExpanded(pageId: string): void;
     isExpanded(pageId: string): boolean;
     expandSubPageIfCurrentPage(): void;
@@ -53,7 +65,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<NavigationDesktop | NavigationMobile>;
         required: true;
     };
+    headerButtonViewModel: {
+        type: PropType<ButtonViewModel>;
+        required: false;
+        default: undefined;
+    };
+    isMobile: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onClose-side-menu"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {
+    isMobile: boolean;
+    headerButtonViewModel: ButtonViewModel;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -18,6 +18,18 @@ export default defineComponent({
             type: Object,
             required: true,
         },
+        headerButtonViewModel: {
+            type: Object,
+            required: false,
+            default: undefined,
+        },
+        // The desktop drawer suppresses the header CTA — the desktop header row already
+        // renders it. Only the mobile drawer carries the button.
+        isMobile: {
+            type: Boolean,
+            required: false,
+            default: false,
+        },
     },
     emits: ['close-side-menu'],
     data() {
@@ -50,6 +62,9 @@ export default defineComponent({
             const { fontSize: _fontSize, lineHeight: _lineHeight, letterSpacing: _letterSpacing, ...rest } = this.selectedButtonStyle;
             return rest;
         },
+        showHeaderButton() {
+            return this.isMobile && Boolean(this.headerButtonViewModel);
+        },
         routes() {
             return this.visibleNavItems.map((navItem, _i) => {
                 return {
@@ -85,6 +100,17 @@ export default defineComponent({
         closeSideMenu() {
             this.$emit('close-side-menu');
         },
+        // In the maker preview the CTA is inert (BP-5852 decision): capture-phase so the
+        // prevent lands before the inner anchor/router-link fires. On the published site
+        // the click follows the link and the drawer closes behind it.
+        onDrawerCtaClick(event) {
+            if (this.context.isPreview) {
+                event.preventDefault();
+                event.stopPropagation();
+                return;
+            }
+            this.closeSideMenu();
+        },
         toggleExpanded(pageId) {
             const isCurrentlyExpanded = this.expandedItems[pageId];
             this.expandedItems = {};

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

@@ -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[];
     /**
@@ -168,7 +167,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,6 +1,6 @@
-import { computed, defineComponent } from 'vue';
+import { 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 { getSlugFromContext, getPageHeadingText, buildPaletteRootCss, buildPaletteScopedCss, PAGE_SCOPE_ID_ATTRIBUTE, resolveColorReference, } from '@brand-page/utils';
 import { findNavItemByRelativePath } from '@brand-page/utils/route.util';
 import { BRAND_PAGE_TYPES } from '@brand-page/models';
 import { hasProfileContent as checkHasProfileContent } from '@brand-page/utils/vcard.util';
@@ -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-0019): 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];

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

@@ -33,6 +33,9 @@ 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 ||
@@ -45,5 +48,14 @@ export default defineComponent({
         onHeaderContainerClick() {
             this.$emit('header-container-click');
         },
+        // In the maker preview the CTA is inert (BP-5852 decision): capture-phase so the
+        // prevent lands before the inner anchor/router-link fires, and the stop keeps the
+        // click from selecting the header panel. On the published site it does nothing.
+        onHeaderCtaClick(event) {
+            if (this.context.isPreview) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+        },
     },
 });

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;