@designcrowd/library.brand-page 6.1.10-hotfix-1 → 6.1.10

package/lib/src/{CreatedOnBrandCrowd-de-de-5aRw6rTj.js → CreatedOnBrandCrowd-de-de-nsMF2NQ9.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-DNnU_ci9.js → CreatedOnBrandCrowd-en-us-BQI_UCR7.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-BeoYtuRU.js → CreatedOnBrandCrowd-es-es-DgNOoSPn.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DR_A2XJ3.js → CreatedOnBrandCrowd-fr-ca-JFRaxjvx.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DR_A2XJ3.js → CreatedOnBrandCrowd-fr-fr-JFRaxjvx.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-CuGktvdo.js → CreatedOnBrandCrowd-pt-br-DP6_-90i.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-CuGktvdo.js → CreatedOnBrandCrowd-pt-pt-DP6_-90i.js}

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

package/lib/src/{CreatedOnDcom-de-de-KwlBmF8F.js → CreatedOnDcom-de-de-07F2wjkk.js}

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

package/lib/src/{CreatedOnDcom-en-us-DDDGvxGT.js → CreatedOnDcom-en-us-DaV9sa6e.js}

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

package/lib/src/{CreatedOnDcom-es-es-Cc34QONM.js → CreatedOnDcom-es-es-73uOymvv.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-BjKjj4Gm.js → CreatedOnDcom-fr-ca-Ci9Ome30.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-DwYIN1Ys.js → CreatedOnDcom-fr-fr-DLHuMHfE.js}

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

package/lib/src/{CreatedOnDcom-pt-br-BQBYLT3g.js → CreatedOnDcom-pt-br-Fbt7tY-E.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-CglluuDm.js → CreatedOnDcom-pt-pt-V2jTB6of.js}

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

package/lib/src/brand-page/models/index.d.ts

@@ -556,7 +556,7 @@ export declare abstract class AbstractPageFooterStyles {
     viewport: ViewportsType;
     logoImageHeight: string | undefined;
     logoImageWidth: string | undefined;
-    protected constructor(options?: AbstractPageFooterStylesType, _theme?: Theme);
+    protected constructor(options?: AbstractPageFooterStylesType, theme?: Theme);
 }
 export type MediaTypes = 'getty-video' | 'user-upload-video' | 'image';
 export declare abstract class AbstractMedia {

package/lib/src/brand-page/models/index.js

@@ -313,7 +313,7 @@ export class AbstractPageFooterStyles {
     viewport;
     logoImageHeight;
     logoImageWidth;
-    constructor(options = {}, _theme) {
+    constructor(options = {}, theme) {
         if (typeof options.viewport === 'undefined') {
             throw new Error('"viewport" is required');
         }
@@ -378,11 +378,11 @@ export class AbstractPageFooterStyles {
                 imageLink: '',
             },
         ];
-        // No colour seed: the social icons carry no fill of their own, so an unstyled footer
-        // leaves them unset and the fallback is decided downstream — migration-21 bakes an
-        // explicit black, a not-yet-migrated model renders the SVG default. Seeding a site
-        // text colour here need not read against the footer band.
-        this.iconStyle = options.iconStyle ? { ...options.iconStyle } : {};
+        // Seed the social-icon colour from the theme's PRIMARY (logo text) colour: the
+        // footer background is transparent, so icons sit on the page background — the
+        // logo-background colour — and need the contrasting one to stay legible.
+        // Object.assign so an explicit persisted colour still wins.
+        this.iconStyle = Object.assign(theme?.primaryColor ? { fill: theme.primaryColor } : {}, options.iconStyle || {});
         this.textFontFamily = options.textFontFamily;
     }
 }

package/lib/src/brand-page/utils/container-text-color.util.d.ts

@@ -57,13 +57,10 @@ export declare const containerTextColorDefaults: (content: Content, styles: Page
  * than silently recolouring published sites to the linked global — the exact trap ADR 0014
  * names, here applied to the migration bake (ADR 0015).
  *
- * Two frame families:
- *  - **text / profile** — framed when the content has its own painted background. The gate
- *    deliberately mirrors the PRE-V2 renderer (`!isHexTransparent`), NOT the current
- *    view-model gate (`!isTransparentColour`): the legacy renderer framed the literal
- *    `'transparent'` (the maker's default background) too — only an alpha-`00` hex was
- *    unframed — so its empty-mark RTE inherited the button colour. This bake must reproduce
- *    that, or every default text/profile section silently recolours to the root paint.
+ * Two frame families, mirroring the renderer:
+ *  - **text / profile** — framed when the content has its own SOLID background (gate mirrors
+ *    the view-model's container gate: a `background`/`backgroundColor` present and not an
+ *    alpha-`00` hex).
  *  - **the container-bound blocks** (mailing-list, request-payment, support-me, non-brandSite
  *    contact-form) — always framed; `containerSurfaceForContent` is the existing oracle for
  *    "does this block paint a frame" (and encodes the brandSite contact-form carve-out), and

package/lib/src/brand-page/utils/container-text-color.util.js

@@ -1,5 +1,5 @@
 import { BRAND_PAGE_TYPES } from '../models';
-import { backgroundColorFromStyle, isTransparentColour, isHexTransparent, } from './color.util';
+import { backgroundColorFromStyle, isTransparentColour } from './color.util';
 import { resolveColorReference, bestContrastBrandRole, toColorVarReference, roleValueOrDefault, } from './color-palette.util';
 /**
  * The text-style fields that sit on the block's filled surface. `buttonTextStyle` is
@@ -167,13 +167,10 @@ const OWN_BACKGROUND_FRAME_TYPES = new Set([
  * than silently recolouring published sites to the linked global — the exact trap ADR 0014
  * names, here applied to the migration bake (ADR 0015).
  *
- * Two frame families:
- *  - **text / profile** — framed when the content has its own painted background. The gate
- *    deliberately mirrors the PRE-V2 renderer (`!isHexTransparent`), NOT the current
- *    view-model gate (`!isTransparentColour`): the legacy renderer framed the literal
- *    `'transparent'` (the maker's default background) too — only an alpha-`00` hex was
- *    unframed — so its empty-mark RTE inherited the button colour. This bake must reproduce
- *    that, or every default text/profile section silently recolours to the root paint.
+ * Two frame families, mirroring the renderer:
+ *  - **text / profile** — framed when the content has its own SOLID background (gate mirrors
+ *    the view-model's container gate: a `background`/`backgroundColor` present and not an
+ *    alpha-`00` hex).
  *  - **the container-bound blocks** (mailing-list, request-payment, support-me, non-brandSite
  *    contact-form) — always framed; `containerSurfaceForContent` is the existing oracle for
  *    "does this block paint a frame" (and encodes the brandSite contact-form carve-out), and
@@ -192,9 +189,7 @@ export const rteFrameFallbackColour = (content, styles, brandPageType) => {
     if (OWN_BACKGROUND_FRAME_TYPES.has(content.type)) {
         const background = content.backgroundColor;
         const reference = background?.background || background?.backgroundColor;
-        // `isHexTransparent`, not `isTransparentColour`: the pre-V2 renderer framed the literal
-        // `'transparent'` (only an alpha-00 hex was unframed), so the bake must too — see docblock.
-        return reference && !isHexTransparent(reference)
+        return reference && !isTransparentColour(reference)
             ? buttonTextColour
             : undefined;
     }

package/lib/src/brand-page/utils/migration/migration-21.js

@@ -356,63 +356,6 @@ export const moveRootTextColourIntoGlobalStyles = (brandPageModel) => {
     // Copy and delete stay together so the source is never dropped unconverted.
     delete textStyles['style'];
 };
-/* -------------------------------------------------------------------------- *
- * Step FINAL−: bake the social-icon fills the palette walk leaves unset
- * -------------------------------------------------------------------------- */
-/**
- * The footer social icons carry no `fill` in their SVGs, so an unset footer icon painted
- * the SVG default (black). Baked as a LITERAL, not a palette ref — a fixed fallback for
- * that previously-implicit default, so it does not mint a palette custom or follow palette
- * edits. Painted after pass B, so referencify never sees it.
- */
-const FOOTER_ICON_FALLBACK_COLOUR = '#000000';
-/**
- * Bake the two social-icon fills that neither the palette walk nor a resolver sets, so
- * each persists an explicit colour instead of a render-time seed that changed under V2:
- *
- * - **social-links content** (`iconFillStyles.fill`) → the site's ROOT text colour, the
- *   colour the icon followed before the palette split (`styles.textStyles.style.color`).
- *   Read here — already referencified by pass B — BEFORE
- *   `moveRootTextColourIntoGlobalStyles` retires it, which is why this runs at Step FINAL−.
- * - **footer** (`pageFooter{Desktop,Mobile}.iconStyle.fill`) → a literal black
- *   (`FOOTER_ICON_FALLBACK_COLOUR`).
- *
- * Blank-only: an explicit persisted colour is never touched (`Object`-spread with the fill
- * appended only when absent). A re-run finds every fill set, so it is a no-op.
- */
-const bakeIconColours = (brandPageModel) => {
-    const rootTextColour = legacyRootTextColour(brandPageModel);
-    if (!isBlankColorValue(rootTextColour)) {
-        for (const page of brandPageModel.pages ?? []) {
-            for (const content of page.contents ?? []) {
-                if (content.type !== 'social-links') {
-                    continue;
-                }
-                const fields = content;
-                const iconFillStyles = (fields.iconFillStyles ?? {});
-                if (isBlankColorValue(iconFillStyles.fill)) {
-                    fields.iconFillStyles = { ...iconFillStyles, fill: rootTextColour };
-                }
-            }
-        }
-    }
-    for (const footer of [
-        brandPageModel.pageFooterDesktop,
-        brandPageModel.pageFooterMobile,
-    ]) {
-        if (!footer) {
-            continue;
-        }
-        const footerRecord = footer;
-        const iconStyle = (footerRecord.iconStyle ?? {});
-        if (isBlankColorValue(iconStyle.fill)) {
-            footerRecord.iconStyle = {
-                ...iconStyle,
-                fill: FOOTER_ICON_FALLBACK_COLOUR,
-            };
-        }
-    }
-};
 /* -------------------------------------------------------------------------- *
  * Step 0.1: retire styles.logoStyles.backgroundStyle onto the logo content
  * -------------------------------------------------------------------------- */
@@ -764,11 +707,6 @@ export const migration21 = async (migrationResult, _options) => {
     const referencify = makeReferencifyTransform(builder, paletteRoleByCanonical);
     parts.forEach((part) => walkModelColors(part, referencify, true));
     brandPageModel.styles.colors = builder.toColorItems();
-    // ---- Step FINAL−: bake icon fills before the root colour is retired ----
-    // Social-links icons take the now-referencified root text colour they followed before
-    // the palette split; footer icons take a literal black fallback. Reads the root ref, so
-    // it MUST precede its retirement below.
-    bakeIconColours(brandPageModel);
     // ---- Step FINAL: retire the root text colour (order matters — see docblock) ----
     moveRootTextColourIntoGlobalStyles(brandPageModel);
     // ---- Step FINAL+1: bake the resolved colour into inherit-only RTE runs ----

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as s, a as I, b as S, c as N, d as e, e as A, f as O, B as t, g as C, h as D, i as G, j as P, k as R, l as o, m as L, n as M, o as r, p as n, q as i, r as l, s as b, t as c, u as F, v as g, w as B, x as Y, y as U, z as d, C as u, D as H, E as p, F as y, G as m, H as K, I as k, J as V, K as v, L as X, M as h, N as f, O as x, P as W, Q as z, R as w, S as J, T as Z, U as j, V as q, W as Q, X as $, Y as aa, Z as Ea, $ as _a, a0 as Ta, a1 as sa, a2 as Ia, a3 as Sa, a4 as Na, a5 as ea, a6 as Aa, a7 as Oa, a8 as ta, a9 as Ca, aa as Da, ab as Ga, ac as Pa, ad as Ra, ae as oa, af as La, ag as Ma, ah as ra, ai as na, aj as ia, ak as la, al as ba, am as ca, an as Fa, ao as ga, ap as Ba, aq as Ya, ar as Ua, as as da, at as ua, au as Ha, av as pa, aw as ya, ax as ma, ay as Ka, az as ka, aA as Va, aB as va, aC as Xa, aD as ha, aE as fa, aF as xa, aG as Wa, aH as za, aI as wa, aJ as Ja, aK as Za, aL as ja, aM as qa, aN as Qa, aO as $a, aP as aE, aQ as EE, aR as _E, aS as TE, aT as sE, aU as IE, aV as SE, aW as NE, aX as eE, aY as AE, aZ as OE, a_ as tE, a$ as CE, b0 as DE, b1 as GE, b2 as PE, b3 as RE, b4 as oE, b5 as LE, b6 as ME, b7 as rE, b8 as nE, b9 as iE, ba as lE, bb as bE, bc as cE, bd as FE, be as gE, bf as BE, bg as YE, bh as UE, bi as dE, bj as uE, bk as HE, bl as pE, bm as yE, bn as mE, bo as KE, bp as kE, bq as VE, br as vE, bs as XE, bt as hE, bu as fE, bv as xE, bw as WE, bx as zE, by as wE, bz as JE, bA as ZE, bB as jE, bC as qE, bD as QE, bE as $E, bF as a_, bG as E_, bH as __, bI as T_, bJ as s_, bK as I_, bL as S_, bM as N_, bN as e_, bO as A_, bP as O_, bQ as t_, bR as C_, bS as D_, bT as G_, bU as P_, bV as R_, bW as o_, bX as L_, bY as M_, bZ as r_, b_ as n_, b$ as i_, c0 as l_, c1 as b_, c2 as c_, c3 as F_, c4 as g_, c5 as B_, c6 as Y_, c7 as U_, c8 as d_, c9 as u_, ca as H_, cb as p_, cc as y_, cd as m_, ce as K_, cf as k_, cg as V_, ch as v_, ci as X_, cj as h_, ck as f_, cl as x_, cm as W_, cn as z_, co as w_, cp as J_, cq as Z_, cr as j_, cs as q_, ct as Q_, cu as $_, cv as aT, cw as ET, cx as _T, cy as TT, cz as sT, cA as IT, cB as ST, cC as NT, cD as eT } from "./lib-Cq_uqhSn.js";
+import { A as s, a as I, b as S, c as N, d as e, e as A, f as O, B as t, g as C, h as D, i as G, j as P, k as R, l as o, m as L, n as M, o as r, p as n, q as i, r as l, s as b, t as c, u as F, v as g, w as B, x as Y, y as U, z as d, C as u, D as H, E as p, F as y, G as m, H as K, I as k, J as V, K as v, L as X, M as h, N as f, O as x, P as W, Q as z, R as w, S as J, T as Z, U as j, V as q, W as Q, X as $, Y as aa, Z as Ea, $ as _a, a0 as Ta, a1 as sa, a2 as Ia, a3 as Sa, a4 as Na, a5 as ea, a6 as Aa, a7 as Oa, a8 as ta, a9 as Ca, aa as Da, ab as Ga, ac as Pa, ad as Ra, ae as oa, af as La, ag as Ma, ah as ra, ai as na, aj as ia, ak as la, al as ba, am as ca, an as Fa, ao as ga, ap as Ba, aq as Ya, ar as Ua, as as da, at as ua, au as Ha, av as pa, aw as ya, ax as ma, ay as Ka, az as ka, aA as Va, aB as va, aC as Xa, aD as ha, aE as fa, aF as xa, aG as Wa, aH as za, aI as wa, aJ as Ja, aK as Za, aL as ja, aM as qa, aN as Qa, aO as $a, aP as aE, aQ as EE, aR as _E, aS as TE, aT as sE, aU as IE, aV as SE, aW as NE, aX as eE, aY as AE, aZ as OE, a_ as tE, a$ as CE, b0 as DE, b1 as GE, b2 as PE, b3 as RE, b4 as oE, b5 as LE, b6 as ME, b7 as rE, b8 as nE, b9 as iE, ba as lE, bb as bE, bc as cE, bd as FE, be as gE, bf as BE, bg as YE, bh as UE, bi as dE, bj as uE, bk as HE, bl as pE, bm as yE, bn as mE, bo as KE, bp as kE, bq as VE, br as vE, bs as XE, bt as hE, bu as fE, bv as xE, bw as WE, bx as zE, by as wE, bz as JE, bA as ZE, bB as jE, bC as qE, bD as QE, bE as $E, bF as a_, bG as E_, bH as __, bI as T_, bJ as s_, bK as I_, bL as S_, bM as N_, bN as e_, bO as A_, bP as O_, bQ as t_, bR as C_, bS as D_, bT as G_, bU as P_, bV as R_, bW as o_, bX as L_, bY as M_, bZ as r_, b_ as n_, b$ as i_, c0 as l_, c1 as b_, c2 as c_, c3 as F_, c4 as g_, c5 as B_, c6 as Y_, c7 as U_, c8 as d_, c9 as u_, ca as H_, cb as p_, cc as y_, cd as m_, ce as K_, cf as k_, cg as V_, ch as v_, ci as X_, cj as h_, ck as f_, cl as x_, cm as W_, cn as z_, co as w_, cp as J_, cq as Z_, cr as j_, cs as q_, ct as Q_, cu as $_, cv as aT, cw as ET, cx as _T, cy as TT, cz as sT, cA as IT, cB as ST, cC as NT, cD as eT } from "./lib-D2a1EmRb.js";
 import { U as OT, u as tT } from "./useEventTracker-Dmc2jFdN.js";
 import "vue";
 import "vue-cropperjs";