@designcrowd/library.brand-page 6.1.17-ast-optional-button-7 → 6.1.17-ast-optional-button-8

package/lib/src/{CreatedOnBrandCrowd-de-de-CD3ezoAW.js → CreatedOnBrandCrowd-de-de-BVH0OoIW.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-DcqHPyq8.js → CreatedOnBrandCrowd-en-us-C3F82GyS.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-Bc1nhIc2.js → CreatedOnBrandCrowd-es-es-irLtF2kD.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-BLwA7ANW.js → CreatedOnBrandCrowd-fr-ca-MPw-pPBm.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-BLwA7ANW.js → CreatedOnBrandCrowd-fr-fr-MPw-pPBm.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt--Zq5Pc3h.js → CreatedOnBrandCrowd-pt-br-CWW-eQXE.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br--Zq5Pc3h.js → CreatedOnBrandCrowd-pt-pt-CWW-eQXE.js}

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

package/lib/src/{CreatedOnDcom-de-de-lXGbaJir.js → CreatedOnDcom-de-de-DEVNyuRr.js}

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

package/lib/src/{CreatedOnDcom-en-us-jP_AvEDX.js → CreatedOnDcom-en-us-DaU7HsI1.js}

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

package/lib/src/{CreatedOnDcom-es-es-DC7ooRH0.js → CreatedOnDcom-es-es-Dff_EmXX.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-P5Z5ijQG.js → CreatedOnDcom-fr-ca-D2-UzR90.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CNwPVZDr.js → CreatedOnDcom-fr-fr-gDXQbtn0.js}

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

package/lib/src/{CreatedOnDcom-pt-br-BmNSDBOo.js → CreatedOnDcom-pt-br-OabQT8-G.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-BubtGLRR.js → CreatedOnDcom-pt-pt-nNlQaFB9.js}

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

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -9965,7 +9965,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
     color: rgb(36 36 36 / var(--tw-text-opacity))
 }
 
-.header-button-settings_option-title[data-v-ff5832a8] {
+.header-button-settings_option-title[data-v-57138224] {
     font-family: Lato, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -10586,7 +10586,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
     color: rgb(36 36 36 / var(--tw-text-opacity))
 }
 
-.header-button-settings_option-title[data-v-ff5832a8] {
+.header-button-settings_option-title[data-v-57138224] {
     font-family: Lato, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;

package/lib/src/css/library.brand-page-designCom.min.css

@@ -9995,7 +9995,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
     color: rgb(24 24 24 / var(--tw-text-opacity))
 }
 
-.header-button-settings_option-title[data-v-ff5832a8] {
+.header-button-settings_option-title[data-v-57138224] {
     font-family: Inter, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;

package/lib/src/css/library.brand-page-preview.min.css

@@ -9965,7 +9965,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
     color: rgb(36 36 36 / var(--tw-text-opacity))
 }
 
-.bp .header-button-settings_option-title[data-v-ff5832a8] {
+.bp .header-button-settings_option-title[data-v-57138224] {
     font-family: Lato, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;

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 d, z as U, C as u, D as p, E as H, 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 da, as as Ua, at as ua, au as pa, av as Ha, 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 dE, bi as UE, bj as uE, bk as pE, bl as HE, 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 d_, c8 as U_, c9 as u_, ca as p_, cb as H_, 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, cE as AT } from "./lib-wU3DQ8cC.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 d, z as U, C as u, D as p, E as H, 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 da, as as Ua, at as ua, au as pa, av as Ha, 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 dE, bi as UE, bj as uE, bk as pE, bl as HE, 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 d_, c8 as U_, c9 as u_, ca as p_, cb as H_, 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, cE as AT } from "./lib-Bzmkb9_5.js";
 import { U as tT, u as CT } from "./useEventTracker-C5Ql5p7u.js";
 import "vue";
 import "vue-cropperjs";

package/lib/src/{lib-wU3DQ8cC.js → lib-Bzmkb9_5.js}

@@ -69965,10 +69965,10 @@ const mi = /* @__PURE__ */ at(vQ1), SQ1 = (e, t, n) => {
     Te(() => n.context.isDesignCom, async () => {
       const _ = A6().toLowerCase(), S = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
       try {
-        const { default: M } = await AH(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-CD3ezoAW.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-DcqHPyq8.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-Bc1nhIc2.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-BLwA7ANW.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-BLwA7ANW.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br--Zq5Pc3h.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt--Zq5Pc3h.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-lXGbaJir.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-jP_AvEDX.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-DC7ooRH0.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-P5Z5ijQG.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-CNwPVZDr.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-BmNSDBOo.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-BubtGLRR.js") }), `./watermark/CreatedOn${S}-${_}.vue`, 3);
+        const { default: M } = await AH(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-BVH0OoIW.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-C3F82GyS.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-irLtF2kD.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-MPw-pPBm.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-MPw-pPBm.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-CWW-eQXE.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-CWW-eQXE.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-DEVNyuRr.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DaU7HsI1.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-Dff_EmXX.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-D2-UzR90.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-gDXQbtn0.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-OabQT8-G.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-nNlQaFB9.js") }), `./watermark/CreatedOn${S}-${_}.vue`, 3);
         o.value = M;
       } catch {
-        const { default: x } = await AH(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-DcqHPyq8.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-jP_AvEDX.js") }), `./watermark/CreatedOn${S}-en-us.vue`, 3);
+        const { default: x } = await AH(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-C3F82GyS.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DaU7HsI1.js") }), `./watermark/CreatedOn${S}-en-us.vue`, 3);
         o.value = x;
       }
     }, {
@@ -114010,6 +114010,7 @@ const sNe = /* @__PURE__ */ v(ZDe, [["render", iNe], ["__scopeId", "data-v-8342f
         value: C.value,
         "is-admin-maker": e.isAdminMaker,
         "logo-theme": e.logoTheme,
+        "disable-transparent": !0,
         "onUpdate:modelValue": D
       }, null, 8, ["label", "value", "is-admin-maker", "logo-theme"]),
       s.value ? (u(), $(S4, {
@@ -114025,7 +114026,7 @@ const sNe = /* @__PURE__ */ v(ZDe, [["render", iNe], ["__scopeId", "data-v-8342f
       }, null, 8, ["label", "value", "is-admin-maker", "logo-theme"])) : k("", !0)
     ]));
   }
-}), pNe = /* @__PURE__ */ v(uNe, [["__scopeId", "data-v-ff5832a8"]]), fNe = {
+}), pNe = /* @__PURE__ */ v(uNe, [["__scopeId", "data-v-57138224"]]), fNe = {
   key: 0,
   class: "tw-mb-2"
 }, hNe = { class: "tw-font-sans tw-font-bold tw-text-secondary-800 tw-text-sm tw-mb-2" }, gNe = /* @__PURE__ */ e1({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "6.1.17-ast-optional-button-7",
+  "version": "6.1.17-ast-optional-button-8",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

package/src/shared/page-settings/components/page-settings-section-styles/HeaderButtonSettings.test.ts

@@ -264,6 +264,21 @@ describe('HeaderButtonSettings', () => {
     ).toMatchObject({ isValid: true });
   });
 
+  // A transparent fill would leave a label-only ghost button, so the option is not offered.
+  test('the fill colour field does not offer transparent', () => {
+    const wrapper = mountPanel(enabled);
+
+    expect(
+      (
+        wrapper.findComponent(
+          '[data-test-header-button-fill-color]',
+        ) as unknown as {
+          props(name: string): unknown;
+        }
+      ).props('disableTransparent'),
+    ).toBe(true);
+  });
+
   test('a fill-colour pick emits only the fillColor patch', () => {
     const wrapper = mountPanel(enabled);
 

package/src/shared/page-settings/components/page-settings-section-styles/HeaderButtonSettings.vue

@@ -90,6 +90,7 @@
       :value="fillColor"
       :is-admin-maker="isAdminMaker"
       :logo-theme="logoTheme"
+      :disable-transparent="true"
       @update:model-value="onFillColorChange"
     />