@designcrowd/library.brand-page 6.2.11-builder-v2-1 → 6.2.12

package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts

@@ -188,13 +188,161 @@ declare const _default: import("vue").DefineComponent<{}, {
         };
     }>;
     textStyles: import("vue").ComputedRef<{
-        textFontFamily: import("../../../brand-page").FontFamilyKey;
         textStyleOptions: {
             buttons: {
                 type: import("../../../brand-page").TextStyleType;
                 title: string;
                 style: {
-                    color: string | undefined;
+                    fontFamily: string | undefined;
+                    fontSize: string | undefined;
+                    fontStyle: string | undefined;
+                    fontWeight: string | undefined;
+                    letterSpacing: string | undefined;
+                    lineHeight: string | undefined;
+                    textDecoration: string | undefined;
+                    textStyleType: import("../../../brand-page").TextStyleType | undefined;
+                };
+                isModified: boolean;
+            };
+            button: {
+                type: import("../../../brand-page").TextStyleType;
+                title: string;
+                style: {
+                    fontFamily: string | undefined;
+                    fontSize: string | undefined;
+                    fontStyle: string | undefined;
+                    fontWeight: string | undefined;
+                    letterSpacing: string | undefined;
+                    lineHeight: string | undefined;
+                    textDecoration: string | undefined;
+                    textStyleType: import("../../../brand-page").TextStyleType | undefined;
+                };
+                isModified: boolean;
+            };
+            heading1: {
+                type: import("../../../brand-page").TextStyleType;
+                title: string;
+                style: {
+                    fontFamily: string | undefined;
+                    fontSize: string | undefined;
+                    fontStyle: string | undefined;
+                    fontWeight: string | undefined;
+                    letterSpacing: string | undefined;
+                    lineHeight: string | undefined;
+                    textDecoration: string | undefined;
+                    textStyleType: import("../../../brand-page").TextStyleType | undefined;
+                };
+                isModified: boolean;
+            };
+            heading2: {
+                type: import("../../../brand-page").TextStyleType;
+                title: string;
+                style: {
+                    fontFamily: string | undefined;
+                    fontSize: string | undefined;
+                    fontStyle: string | undefined;
+                    fontWeight: string | undefined;
+                    letterSpacing: string | undefined;
+                    lineHeight: string | undefined;
+                    textDecoration: string | undefined;
+                    textStyleType: import("../../../brand-page").TextStyleType | undefined;
+                };
+                isModified: boolean;
+            };
+            heading3: {
+                type: import("../../../brand-page").TextStyleType;
+                title: string;
+                style: {
+                    fontFamily: string | undefined;
+                    fontSize: string | undefined;
+                    fontStyle: string | undefined;
+                    fontWeight: string | undefined;
+                    letterSpacing: string | undefined;
+                    lineHeight: string | undefined;
+                    textDecoration: string | undefined;
+                    textStyleType: import("../../../brand-page").TextStyleType | undefined;
+                };
+                isModified: boolean;
+            };
+            heading4: {
+                type: import("../../../brand-page").TextStyleType;
+                title: string;
+                style: {
+                    fontFamily: string | undefined;
+                    fontSize: string | undefined;
+                    fontStyle: string | undefined;
+                    fontWeight: string | undefined;
+                    letterSpacing: string | undefined;
+                    lineHeight: string | undefined;
+                    textDecoration: string | undefined;
+                    textStyleType: import("../../../brand-page").TextStyleType | undefined;
+                };
+                isModified: boolean;
+            };
+            heading5: {
+                type: import("../../../brand-page").TextStyleType;
+                title: string;
+                style: {
+                    fontFamily: string | undefined;
+                    fontSize: string | undefined;
+                    fontStyle: string | undefined;
+                    fontWeight: string | undefined;
+                    letterSpacing: string | undefined;
+                    lineHeight: string | undefined;
+                    textDecoration: string | undefined;
+                    textStyleType: import("../../../brand-page").TextStyleType | undefined;
+                };
+                isModified: boolean;
+            };
+            heading6: {
+                type: import("../../../brand-page").TextStyleType;
+                title: string;
+                style: {
+                    fontFamily: string | undefined;
+                    fontSize: string | undefined;
+                    fontStyle: string | undefined;
+                    fontWeight: string | undefined;
+                    letterSpacing: string | undefined;
+                    lineHeight: string | undefined;
+                    textDecoration: string | undefined;
+                    textStyleType: import("../../../brand-page").TextStyleType | undefined;
+                };
+                isModified: boolean;
+            };
+            paragraph1: {
+                type: import("../../../brand-page").TextStyleType;
+                title: string;
+                style: {
+                    fontFamily: string | undefined;
+                    fontSize: string | undefined;
+                    fontStyle: string | undefined;
+                    fontWeight: string | undefined;
+                    letterSpacing: string | undefined;
+                    lineHeight: string | undefined;
+                    textDecoration: string | undefined;
+                    textStyleType: import("../../../brand-page").TextStyleType | undefined;
+                };
+                isModified: boolean;
+            };
+            paragraph2: {
+                type: import("../../../brand-page").TextStyleType;
+                title: string;
+                style: {
+                    fontFamily: string | undefined;
+                    fontSize: string | undefined;
+                    fontStyle: string | undefined;
+                    fontWeight: string | undefined;
+                    letterSpacing: string | undefined;
+                    lineHeight: string | undefined;
+                    textDecoration: string | undefined;
+                    textStyleType: import("../../../brand-page").TextStyleType | undefined;
+                };
+                isModified: boolean;
+            };
+            paragraph3: {
+                type: import("../../../brand-page").TextStyleType;
+                title: string;
+                style: {
                     fontFamily: string | undefined;
                     fontSize: string | undefined;
                     fontStyle: string | undefined;
@@ -210,7 +358,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("../../../brand-page").TextStyleType;
                 title: string;
                 style: {
-                    color: string | undefined;
                     fontFamily: string | undefined;
                     fontSize: string | undefined;
                     fontStyle: string | undefined;
@@ -226,7 +373,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("../../../brand-page").TextStyleType;
                 title: string;
                 style: {
-                    color: string | undefined;
                     fontFamily: string | undefined;
                     fontSize: string | undefined;
                     fontStyle: string | undefined;
@@ -242,7 +388,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("../../../brand-page").TextStyleType;
                 title: string;
                 style: {
-                    color: string | undefined;
                     fontFamily: string | undefined;
                     fontSize: string | undefined;
                     fontStyle: string | undefined;
@@ -262,7 +407,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     buttonShadowColor: import("vue").ComputedRef<string>;
     buttonSoftShadowColor: import("vue").ComputedRef<string>;
     selectedButtonStyleConfig: import("vue").ComputedRef<import("@brand-page-maker/models").ButtonStyleConfig | undefined>;
-    selectedTextFontFamily: import("vue").ComputedRef<"lato" | "roboto" | "notoSans" | "openSans" | "arvo" | "bebasNeue" | "ptSerif" | "oswald" | "inter" | "montserrat" | "raleway" | "anton" | "antonSc" | "quicksand" | "pacifico" | "bioRhyme" | "playfairDisplay" | "mulish" | "telex" | "pridi" | "hindMadurai" | "kanit" | "libreBaskerville" | "amiko" | "neuton" | "tenorSans" | "jacquesFrancois" | "varela" | "quattrocentoSans" | "workSans" | "titilliumWeb" | "amaticSc" | "poiretOne" | "shantellSans" | "dancingScript" | "tangerine" | "cinzel" | "jost" | "exo2" | "ebGaramond" | "ubuntu" | "cabin" | "josefinSans" | "lobsterTwo" | "sacramento" | "nunito" | "aboreto" | "afacad" | "aleo" | "abhayaLibre" | "caladea" | "rokkitt" | "rubik" | "frankRuhlLibre" | "spectral" | "abrilFatface" | "courgette" | "kiteOne" | "amarante" | "satisfy" | "lilitaOne" | "lobster" | "titanOne" | "cookie" | "bungee" | "poppins" | "staatliches" | "patuaOne" | "calistoga" | "suezOne" | "caprasimo" | "rubikMonoOne" | "silkscreen" | "alfaSlabOne" | "orelegaOne" | "audiowide" | "redRose" | "kalnia" | "imbue" | "climateCrisis" | "gluten" | "madimiOne" | "anta" | "trykker" | "moul" | "bevan" | "wendyOne" | "lexendDeca" | "vinaSans" | "chango" | "changaOne" | "protestGuerrilla" | "londrinaShadow" | "candal" | "borel" | "rockNRollOne" | "bungeeInline" | "rampartOne" | "manrope" | "yuseiMagic" | "patrickHandSC" | "farsan" | "handlee" | "lemonada" | "arsenal" | "bakbakOne" | "belleza" | "blackHanSans" | "bowlbyOne" | "brunoAceSC" | "castoroTitling" | "contrailOne" | "delaGothicOne" | "dotGothic16" | "fahkwang" | "francoisOne" | "gloock" | "graduate" | "jersey10" | "kavoon" | "kronaOne" | "notable" | "pavanam" | "phudu" | "poetsenOne" | "pollerOne" | "questrial" | "racingSansOne" | "rammettoOne" | "rubikGlitch" | "shrikhand" | "spicyRice" | "syncopate" | "urbanist" | "yesevaOne" | "zenDots" | "ballet" | "luxuriousScript" | "windSong" | "calSans" | "specialGothicExpandedOne" | "imperialScript" | "greatVibes" | "limelight" | "bodoniModaSc" | "zillaSlab" | "righteous" | "cherryBombOne" | "barlow" | "comfortaa" | "cormorant" | "msMadi" | "tektur" | "spaceGrotesk" | "leagueSpartan" | "cormorantGaramond" | "gwendolyn" | "playwriteOsterreich" | "sourceCodePro" | "commissioner" | "lora" | "sairaCondensed" | "fruktur" | "caudex" | "cascadiaCode" | "merriweather" | "unbounded" | "nataSans" | "museoModerno" | "geologica" | "tomorrow" | "fraunces" | "notoSerifDisplay" | "coiny" | "sriracha" | "redditSans" | "heptaSlab" | "parisienne" | "monteCarlo" | "georama" | "goldman" | "montaguSlab" | "ephesis" | "sigmar" | "knewave">;
     isAdminMaker: import("vue").ComputedRef<boolean>;
     brandPageType: import("vue").ComputedRef<"default" | "brandSite" | "brandContact">;
     showBrandCrowdLogo: import("vue").ComputedRef<boolean>;
@@ -316,9 +460,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         buttonIconColor(): string | undefined;
         buttonShadowColor(): string;
         buttonSoftShadowColor(): string;
-        defaultTextColor(): string | undefined;
         selectedButtonStyleConfig(): import("@brand-page-maker/models").ButtonStyleConfig | undefined;
-        selectedTextFontFamily(): import("../../../brand-page").FontFamilyKey;
     }, {
         initialise(options: {
             reset: boolean;
@@ -338,9 +480,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         _setSelectedButtonStyle(payload: {
             id: string;
         }): void;
-        _setTextFontFamily(payload: {
-            fontFamily: import("../../../brand-page").FontFamilyKey;
-        }): void;
         _setTextStyles(payload: Partial<import("../../../brand-page").TextStyles>): void;
         setAdminStyleOptionDefaultValues(): void;
         setTextStyleOption(payload: {
@@ -364,9 +503,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         setSelectedButtonStyle(payload: {
             id: string;
         }): void;
-        setTextFontFamily(payload: {
-            fontFamily: import("../../../brand-page").FontFamilyKey;
-        }): Promise<void>;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
@@ -430,6 +566,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         setHideBranding(payload: {
             hideBranding: boolean;
         }): void;
+        setSaveContactButtonTextStyle(payload: {
+            buttonTextStyle: import("../../../brand-page").SaveContactOptions["buttonTextStyle"];
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -492,7 +631,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageType: import("../../../brand-page").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, isBlankSite, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../page-settings/store").PageSettingsStateSections;
@@ -592,6 +731,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -667,6 +813,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -742,6 +895,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -979,6 +1139,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     filteredButtonStyleOptions(): ButtonStyleConfigOption[];
     brandName(): "Design.com" | "BrandCrowd";
     hideText(): any;
+    textStyleSizeOrderWarning(): string;
 }, {
     onColorPickerSelected(value: boolean): void;
     getButtonStyleConfigOptionTitle(option: ButtonStyleConfigOption): any;

package/lib/src/shared/style-settings/components/StyleSettings.mixin.js

@@ -8,6 +8,7 @@ import { useUiBackgroundSettingsStore } from '../../background-settings/store';
 import { useBrandPageContainerStore, useBrandPageMakerStore, useBrandPageMakerUserStore, useUiStore, } from '@brand-page-maker/stores';
 import { TRIGGER_TYPE, UPGRADE_CTA_LOCATIONS, useEventTracker, } from '@brand-page-maker/composables/useEventTracker';
 import { styleSettingsTr } from '@src/composables/useTranslate';
+import { hasTextStyleSizeOrderIssue } from '../text-style-size-order';
 import { WEBSITE_UPGRADE_CONTEXT_TYPES } from '@designcrowd/fe-shared-lib';
 export default defineComponent({
     setup() {
@@ -29,7 +30,6 @@ export default defineComponent({
             buttonShadowColor: computed(() => styleSettingsStore.buttonShadowColor),
             buttonSoftShadowColor: computed(() => styleSettingsStore.buttonSoftShadowColor),
             selectedButtonStyleConfig: computed(() => styleSettingsStore.selectedButtonStyleConfig),
-            selectedTextFontFamily: computed(() => styleSettingsStore.selectedTextFontFamily),
             isAdminMaker: computed(() => brandPageContainerStore.isAdminMaker),
             brandPageType: computed(() => brandPageMakerStore.brandPageType),
             showBrandCrowdLogo: computed(() => brandPageMakerStore.showBrandCrowdLogo),
@@ -86,6 +86,12 @@ export default defineComponent({
                 ? styleSettingsTr(`hideDesignLogo`)
                 : styleSettingsTr(`hideBrandCrowdLogo`);
         },
+        // The panel's subtitle, so the warning still shows while the panel is collapsed.
+        textStyleSizeOrderWarning() {
+            return hasTextStyleSizeOrderIssue(this.textStyles.textStyleOptions)
+                ? styleSettingsTr('sizeOrderWarning')
+                : '';
+        },
     },
     methods: {
         onColorPickerSelected(value) {

package/lib/src/shared/style-settings/store/style-settings-store.d.ts

@@ -1,6 +1,6 @@
 import type { ButtonStyleConfig, ButtonStyleConfigOption } from '@brand-page-maker/models';
 import type { BrandPageType, TextStyleDeclaration, ViewportsType, LogoStyles } from '@brand-page';
-import { ButtonStyles, GalleryStyles, type GalleryType, TextStyles, type FontFamilyKey, type TextStyleType } from '@brand-page';
+import { ButtonStyles, GalleryStyles, type GalleryType, TextStyles, type TextStyleType } from '@brand-page';
 import type { OtherStyleConfigOption } from '@brand-page-maker/models';
 import type { SetGalleryTypePayload, StyleTextFontFamilyOption } from '../models';
 export interface StyleSettingsState {
@@ -18,9 +18,7 @@ export declare const useUiStyleSettingsStore: import("pinia").StoreDefinition<"u
     buttonIconColor(): string | undefined;
     buttonShadowColor(): string;
     buttonSoftShadowColor(): string;
-    defaultTextColor(): string | undefined;
     selectedButtonStyleConfig(): ButtonStyleConfig | undefined;
-    selectedTextFontFamily(): FontFamilyKey;
 }, {
     initialise(options: {
         reset: boolean;
@@ -40,9 +38,6 @@ export declare const useUiStyleSettingsStore: import("pinia").StoreDefinition<"u
     _setSelectedButtonStyle(payload: {
         id: string;
     }): void;
-    _setTextFontFamily(payload: {
-        fontFamily: FontFamilyKey;
-    }): void;
     _setTextStyles(payload: Partial<TextStyles>): void;
     setAdminStyleOptionDefaultValues(): void;
     setTextStyleOption(payload: {
@@ -72,7 +67,4 @@ export declare const useUiStyleSettingsStore: import("pinia").StoreDefinition<"u
     setSelectedButtonStyle(payload: {
         id: string;
     }): void;
-    setTextFontFamily(payload: {
-        fontFamily: FontFamilyKey;
-    }): Promise<void>;
 }>;

package/lib/src/shared/style-settings/store/style-settings-store.js

@@ -9,7 +9,6 @@ import { useUiPageSettingsStore } from '../../page-settings/store';
 import { PAGE_SECTIONS } from '../../page-settings/models';
 import { availableButtonStyleConfigs } from '@brand-page-maker/models';
 import { buttonStylePresetCss } from '../button-style-preset';
-import { TRIGGER_TYPE, UPGRADE_CTA_LOCATIONS, useEventTracker, } from '@brand-page-maker/composables/useEventTracker';
 const onStyleChanged = () => {
     const uiStore = useUiStore();
     return uiStore.onStyleChanged();
@@ -96,15 +95,8 @@ export const useUiStyleSettingsStore = defineStore('uiStyleSettings', {
                 state.buttonStyles.selectedButtonStyleId = payload.id;
             });
         },
-        _setTextFontFamily(payload) {
-            this.$patch((state) => {
-                state.textStyles.textFontFamily = payload.fontFamily;
-            });
-        },
         _setTextStyles(payload) {
             this.$patch((state) => {
-                state.textStyles.textFontFamily =
-                    payload.textFontFamily || state.textStyles.textFontFamily;
                 state.textStyles.textStyleOptions =
                     payload.textStyleOptions || state.textStyles.textStyleOptions;
             });
@@ -212,24 +204,6 @@ export const useUiStyleSettingsStore = defineStore('uiStyleSettings', {
             this._setButtonStyle(buttonStyle);
             onStyleChanged();
         },
-        async setTextFontFamily(payload) {
-            const uiStore = useUiStore();
-            const eventTracker = useEventTracker();
-            const fontFamilyConfig = this.availableTextFontFamilyOptions.find((x) => x.key === payload.fontFamily);
-            if (!fontFamilyConfig) {
-                return;
-            }
-            if (fontFamilyConfig.isLocked) {
-                eventTracker.setUpsellBridgeState({
-                    cta_location: UPGRADE_CTA_LOCATIONS.ADD_CONTENT,
-                    trigger_type: TRIGGER_TYPE.AUTOMATIC,
-                    content_type: 'font',
-                });
-                await uiStore.showUpgradeModalAndSaveAsync();
-                return;
-            }
-            await this._setTextFontFamily(payload);
-        },
     },
     getters: {
         availableTextFontFamilyOptions() {
@@ -261,15 +235,11 @@ export const useUiStyleSettingsStore = defineStore('uiStyleSettings', {
         buttonSoftShadowColor() {
             return getColorFromCSSShadow(this.buttonStyles.style.boxShadow);
         },
-        // The page base coat, now the paragraphs global style.
-        defaultTextColor() {
-            return this.textStyles.textStyleOptions.paragraphs?.style?.color;
-        },
+        // BP-5969 (ADR-0020): the `defaultTextColor` getter is gone — there is no site-wide
+        // default text colour any more (no base coat, roles carry none). Its only consumer,
+        // the Color Matches panel, no longer feeds one in.
         selectedButtonStyleConfig() {
             return this.availableButtonStyleConfigs.find((s) => s.id === this.buttonStyles.selectedButtonStyleId);
         },
-        selectedTextFontFamily() {
-            return this.textStyles.textFontFamily;
-        },
     },
 });

package/lib/src/shared/style-settings/text-style-size-order.d.ts

@@ -0,0 +1,2 @@
+import type { TextStyleOptions } from '@brand-page';
+export declare const hasTextStyleSizeOrderIssue: (options: TextStyleOptions) => boolean;

package/lib/src/shared/style-settings/text-style-size-order.js

@@ -0,0 +1,13 @@
+import { textSizeValueConvertor } from '@brand-page-maker/convertors';
+// A role is only compared with the one above it in its own group. Button text has no
+// group: it has nothing above or below it.
+const SIZE_ORDER_GROUPS = [
+    ['heading1', 'heading2', 'heading3', 'heading4', 'heading5', 'heading6'],
+    ['paragraph1', 'paragraph2', 'paragraph3'],
+];
+// The px the role card shows, so two sizes that read the same never count as out of order.
+const roleSizePx = (options, type) => Number(textSizeValueConvertor.convert(options[type]?.style));
+// Equal sizes are allowed: a group can tell two roles apart by weight alone.
+export const hasTextStyleSizeOrderIssue = (options) => SIZE_ORDER_GROUPS.some((types) => types
+    .slice(1)
+    .some((type, index) => roleSizePx(options, type) > roleSizePx(options, types[index])));

package/lib/src/shared/text-role-typography.util.d.ts

@@ -0,0 +1,64 @@
+/**
+ * MIGRATION-22 SNAPSHOT DEPENDENCY: its normalisation and RTE lift use `composeTextDecoration`,
+ * `NEUTRAL_TYPOGRAPHY_VALUE`, `TEXT_STYLE_CASCADE_PROPS` and `roleVarRef`. After migration-22
+ * releases, pin their v22 behaviour in the migration before changing them.
+ */
+export declare const ROLE_VAR_ATTRS: readonly [{
+    readonly markAttr: "fontFamily";
+    readonly cssProp: "font-family";
+    readonly varName: "--role-font-family";
+}, {
+    readonly markAttr: "fontSize";
+    readonly cssProp: "font-size";
+    readonly varName: "--role-font-size";
+}, {
+    readonly markAttr: "lineHeight";
+    readonly cssProp: "line-height";
+    readonly varName: "--role-line-height";
+}, {
+    readonly markAttr: "letterSpacing";
+    readonly cssProp: "letter-spacing";
+    readonly varName: "--role-letter-spacing";
+}, {
+    readonly markAttr: "fontWeight";
+    readonly cssProp: "font-weight";
+    readonly varName: "--role-font-weight";
+}, {
+    readonly markAttr: "fontStyle";
+    readonly cssProp: "font-style";
+    readonly varName: "--role-font-style";
+}, {
+    readonly markAttr: "textDecoration";
+    readonly cssProp: "text-decoration";
+    readonly varName: "--role-text-decoration";
+}];
+export type RoleVarMarkAttr = (typeof ROLE_VAR_ATTRS)[number]['markAttr'];
+export declare const TEXT_STYLE_CASCADE_PROPS: readonly ["fontFamily", "fontSize", "fontWeight", "fontStyle", "letterSpacing", "lineHeight", "textDecoration"];
+export type CascadeTypographyProp = (typeof TEXT_STYLE_CASCADE_PROPS)[number];
+/** A copy of a style without typography; colour, alignment and other metadata stay. */
+export declare const omitTypography: <T extends object>(style: T) => Omit<T, CascadeTypographyProp>;
+/**
+ * `omitTypography` as a patch, for the stores that deep-merge a write: an unset value replaces the
+ * block's own and their role normalisation then drops the key.
+ */
+export declare const CLEARED_TYPOGRAPHY: Readonly<Record<CascadeTypographyProp, undefined>>;
+/** Only the typography a style sets itself. */
+export declare const pickTypography: (style: Partial<Record<CascadeTypographyProp, string>>) => Partial<Record<CascadeTypographyProp, string>>;
+export declare const textRoleClassName: (type: string) => string;
+export declare const roleVarRef: (markAttr: string) => string | undefined;
+export declare const NEUTRAL_TYPOGRAPHY_VALUE: Partial<Record<RoleVarMarkAttr, string>>;
+/**
+ * Whether a local decoration explicitly clears its role's lines before adding its own. The reset
+ * marker qualifies the run's own lines, so with no literal (absent, or the role ref) it means nothing.
+ */
+export declare const textDecorationClearsRole: (value: string | undefined, resetMarker?: boolean) => boolean;
+/**
+ * A run's own decoration in the form every compare reads: a reset run's lines become `none <lines>`
+ * ("clear the role, then draw these"). A read form only — writes store the marker instead.
+ */
+export declare const localTextDecoration: (value: string | undefined, resetMarker?: boolean) => string | undefined;
+export declare const textDecorationFlags: (value: string | undefined) => Set<string>;
+export declare const textDecorationValue: (flags: Iterable<string>) => string;
+export declare const composeTextDecoration: (roleValue: string | undefined, localValue: string | undefined, clearsRole?: boolean) => string | undefined;
+export declare const rteTextDecorationClassName: (value: string | undefined, clearsRole?: boolean) => string | undefined;
+export declare const runTypographyFillValue: (attr: RoleVarMarkAttr, roleStyle: Partial<Record<RoleVarMarkAttr, string>> | undefined, styleObj: Partial<Record<RoleVarMarkAttr, string>> | undefined) => string | undefined;