@designcrowd/library.brand-page 5.18.3 → 5.18.4

package/lib/src/{CreatedOnBrandCrowd-de-de-CkuAAwKQ.js → CreatedOnBrandCrowd-de-de-DQLtpdLe.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-Coln5kSU.js → CreatedOnBrandCrowd-en-us-CvEhlADd.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-raGyXChm.js → CreatedOnBrandCrowd-es-es-pYQeTTC0.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-BT_WYYxW.js → CreatedOnBrandCrowd-fr-ca-CcE-iCEq.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-BT_WYYxW.js → CreatedOnBrandCrowd-fr-fr-CcE-iCEq.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BRbD_kiI.js → CreatedOnBrandCrowd-pt-br-OyhWWWyO.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-BRbD_kiI.js → CreatedOnBrandCrowd-pt-pt-OyhWWWyO.js}

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

package/lib/src/{CreatedOnDcom-de-de-DetCIFxa.js → CreatedOnDcom-de-de-DH98FFLS.js}

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

package/lib/src/{CreatedOnDcom-en-us-D0LeF_V2.js → CreatedOnDcom-en-us-DK67NN1r.js}

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

package/lib/src/{CreatedOnDcom-es-es-CHa4stWS.js → CreatedOnDcom-es-es-9-QU4BU6.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-ntW7A335.js → CreatedOnDcom-fr-ca-U9J9H9VB.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-C6rQcclc.js → CreatedOnDcom-fr-fr-DqdzB1DJ.js}

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

package/lib/src/{CreatedOnDcom-pt-br-Cn07ZK_m.js → CreatedOnDcom-pt-br-c4UiWtkB.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-CewmqYVY.js → CreatedOnDcom-pt-pt-Do2qJsYp.js}

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

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

@@ -5703,7 +5703,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.c-button[data-v-1cc1be4f] {
+.c-button[data-v-dff82fb8] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -5714,61 +5714,70 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   text-align: center;
   text-decoration: none;
 }
-.bp-button[data-v-1cc1be4f] .c-button__icon-img img {
+
+/* Shape-library icons (vector, nested in .c-shape, no class on the img):
+   render at the default icon size, centered in normal flow like the SVG icons. */
+.bp-button[data-v-dff82fb8] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
+  width: var(--icon-w);
+  height: var(--icon-h);
+}
+
+/* Raster image thumbnails (FallbackImage renders <img class="c-image">):
+   render larger/prominent and centered over the icon slot. */
+.bp-button[data-v-dff82fb8] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
-  --icon-img-offset-x: calc((var(--button-p-x) - var(--button-p-y)) * 2);
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
-  left: calc(var(--icon-img-size) / -2 + var(--icon-img-offset-x));
+  left: calc(var(--icon-img-size) / -2 + var(--icon-w) / 2);
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.c-button--disabled[data-v-1cc1be4f] {
+.c-button--disabled[data-v-dff82fb8] {
   pointer-events: none;
 }
-.c-button[data-v-1cc1be4f]:hover .c-button__label p {
+.c-button[data-v-dff82fb8]:hover .c-button__label p {
   text-decoration: underline;
 }
-.c-button__icon[data-v-1cc1be4f] {
+.c-button__icon[data-v-dff82fb8] {
   margin-right: var(--icon-m-r);
 }
-.bp-button[data-v-1cc1be4f] .c-button__icon-img {
+.bp-button[data-v-dff82fb8] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.c-button__label[data-v-1cc1be4f] {
+.c-button__label[data-v-dff82fb8] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button__label--offset-sm[data-v-1cc1be4f] {
+.c-button__label--offset-sm[data-v-dff82fb8] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__label--offset-md[data-v-1cc1be4f] {
+.c-button__label--offset-md[data-v-dff82fb8] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.c-button__label--offset-lg[data-v-1cc1be4f] {
+.c-button__label--offset-lg[data-v-dff82fb8] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__no-icon[data-v-1cc1be4f] {
+.c-button__no-icon[data-v-dff82fb8] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.device-wrapper--mobile .c-button__icon[data-v-1cc1be4f] {
+.device-wrapper--mobile .c-button__icon[data-v-dff82fb8] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.c-button__icon[data-v-1cc1be4f] {
+.c-button__icon[data-v-dff82fb8] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -6148,57 +6157,57 @@ select[data-v-14e7c7c7] {
   width: 100%;
 }
 
-.form-error[data-v-b05afa44] {
+.form-error[data-v-e408a650] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f;
 }
-.contact-container[data-v-b05afa44] {
+.contact-container[data-v-e408a650] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c-text-padding[data-v-b05afa44] {
+.c-text-padding[data-v-e408a650] {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.device-wrapper--mobile .c-divided-container[data-v-b05afa44] {
+.device-wrapper--mobile .c-divided-container[data-v-e408a650] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.device-wrapper--mobile .c-divided-container-reverse[data-v-b05afa44] {
+.device-wrapper--mobile .c-divided-container-reverse[data-v-e408a650] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
 @media (max-width: 767px) {
-.c-button-full[data-v-b05afa44] {
+.c-button-full[data-v-e408a650] {
     width: 100%;
 }
-.c-col-span-2[data-v-b05afa44] {
+.c-col-span-2[data-v-e408a650] {
     grid-column: span 2 / span 2;
 }
-.c-mobile-padding[data-v-b05afa44] {
+.c-mobile-padding[data-v-e408a650] {
     padding: 1rem;
 }
-.c-text-padding[data-v-b05afa44] {
+.c-text-padding[data-v-e408a650] {
     grid-column: span 2 / span 2;
     padding-left: 0px;
     padding-right: 0px;
 }
-.c-py-6[data-v-b05afa44] {
+.c-py-6[data-v-e408a650] {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
 }
-.c-divided-container[data-v-b05afa44] {
+.c-divided-container[data-v-e408a650] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-divided-container-reverse[data-v-b05afa44] {
+.c-divided-container-reverse[data-v-e408a650] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -6206,16 +6215,16 @@ select[data-v-14e7c7c7] {
 }
 }
 @media (min-width: 767px) {
-.c-aspect-square[data-v-b05afa44] {
+.c-aspect-square[data-v-e408a650] {
     aspect-ratio: 1 / 1;
 }
-.c-divided-container[data-v-b05afa44] {
+.c-divided-container[data-v-e408a650] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c-divided-container-reverse[data-v-b05afa44] {
+.c-divided-container-reverse[data-v-e408a650] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;

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

@@ -6037,7 +6037,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.c-button[data-v-1cc1be4f] {
+.c-button[data-v-dff82fb8] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -6048,61 +6048,70 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   text-align: center;
   text-decoration: none;
 }
-.bp-button[data-v-1cc1be4f] .c-button__icon-img img {
+
+/* Shape-library icons (vector, nested in .c-shape, no class on the img):
+   render at the default icon size, centered in normal flow like the SVG icons. */
+.bp-button[data-v-dff82fb8] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
+  width: var(--icon-w);
+  height: var(--icon-h);
+}
+
+/* Raster image thumbnails (FallbackImage renders <img class="c-image">):
+   render larger/prominent and centered over the icon slot. */
+.bp-button[data-v-dff82fb8] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
-  --icon-img-offset-x: calc((var(--button-p-x) - var(--button-p-y)) * 2);
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
-  left: calc(var(--icon-img-size) / -2 + var(--icon-img-offset-x));
+  left: calc(var(--icon-img-size) / -2 + var(--icon-w) / 2);
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.c-button--disabled[data-v-1cc1be4f] {
+.c-button--disabled[data-v-dff82fb8] {
   pointer-events: none;
 }
-.c-button[data-v-1cc1be4f]:hover .c-button__label p {
+.c-button[data-v-dff82fb8]:hover .c-button__label p {
   text-decoration: underline;
 }
-.c-button__icon[data-v-1cc1be4f] {
+.c-button__icon[data-v-dff82fb8] {
   margin-right: var(--icon-m-r);
 }
-.bp-button[data-v-1cc1be4f] .c-button__icon-img {
+.bp-button[data-v-dff82fb8] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.c-button__label[data-v-1cc1be4f] {
+.c-button__label[data-v-dff82fb8] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button__label--offset-sm[data-v-1cc1be4f] {
+.c-button__label--offset-sm[data-v-dff82fb8] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__label--offset-md[data-v-1cc1be4f] {
+.c-button__label--offset-md[data-v-dff82fb8] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.c-button__label--offset-lg[data-v-1cc1be4f] {
+.c-button__label--offset-lg[data-v-dff82fb8] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__no-icon[data-v-1cc1be4f] {
+.c-button__no-icon[data-v-dff82fb8] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.device-wrapper--mobile .c-button__icon[data-v-1cc1be4f] {
+.device-wrapper--mobile .c-button__icon[data-v-dff82fb8] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.c-button__icon[data-v-1cc1be4f] {
+.c-button__icon[data-v-dff82fb8] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -6482,57 +6491,57 @@ select[data-v-14e7c7c7] {
   width: 100%;
 }
 
-.form-error[data-v-b05afa44] {
+.form-error[data-v-e408a650] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f;
 }
-.contact-container[data-v-b05afa44] {
+.contact-container[data-v-e408a650] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c-text-padding[data-v-b05afa44] {
+.c-text-padding[data-v-e408a650] {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.device-wrapper--mobile .c-divided-container[data-v-b05afa44] {
+.device-wrapper--mobile .c-divided-container[data-v-e408a650] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.device-wrapper--mobile .c-divided-container-reverse[data-v-b05afa44] {
+.device-wrapper--mobile .c-divided-container-reverse[data-v-e408a650] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
 @media (max-width: 767px) {
-.c-button-full[data-v-b05afa44] {
+.c-button-full[data-v-e408a650] {
     width: 100%;
 }
-.c-col-span-2[data-v-b05afa44] {
+.c-col-span-2[data-v-e408a650] {
     grid-column: span 2 / span 2;
 }
-.c-mobile-padding[data-v-b05afa44] {
+.c-mobile-padding[data-v-e408a650] {
     padding: 1rem;
 }
-.c-text-padding[data-v-b05afa44] {
+.c-text-padding[data-v-e408a650] {
     grid-column: span 2 / span 2;
     padding-left: 0px;
     padding-right: 0px;
 }
-.c-py-6[data-v-b05afa44] {
+.c-py-6[data-v-e408a650] {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
 }
-.c-divided-container[data-v-b05afa44] {
+.c-divided-container[data-v-e408a650] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-divided-container-reverse[data-v-b05afa44] {
+.c-divided-container-reverse[data-v-e408a650] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -6540,16 +6549,16 @@ select[data-v-14e7c7c7] {
 }
 }
 @media (min-width: 767px) {
-.c-aspect-square[data-v-b05afa44] {
+.c-aspect-square[data-v-e408a650] {
     aspect-ratio: 1 / 1;
 }
-.c-divided-container[data-v-b05afa44] {
+.c-divided-container[data-v-e408a650] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c-divided-container-reverse[data-v-b05afa44] {
+.c-divided-container-reverse[data-v-e408a650] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;

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

@@ -5733,7 +5733,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.c-button[data-v-1cc1be4f] {
+.c-button[data-v-dff82fb8] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -5744,61 +5744,70 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   text-align: center;
   text-decoration: none;
 }
-.bp-button[data-v-1cc1be4f] .c-button__icon-img img {
+
+/* Shape-library icons (vector, nested in .c-shape, no class on the img):
+   render at the default icon size, centered in normal flow like the SVG icons. */
+.bp-button[data-v-dff82fb8] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
+  width: var(--icon-w);
+  height: var(--icon-h);
+}
+
+/* Raster image thumbnails (FallbackImage renders <img class="c-image">):
+   render larger/prominent and centered over the icon slot. */
+.bp-button[data-v-dff82fb8] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
-  --icon-img-offset-x: calc((var(--button-p-x) - var(--button-p-y)) * 2);
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
-  left: calc(var(--icon-img-size) / -2 + var(--icon-img-offset-x));
+  left: calc(var(--icon-img-size) / -2 + var(--icon-w) / 2);
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.c-button--disabled[data-v-1cc1be4f] {
+.c-button--disabled[data-v-dff82fb8] {
   pointer-events: none;
 }
-.c-button[data-v-1cc1be4f]:hover .c-button__label p {
+.c-button[data-v-dff82fb8]:hover .c-button__label p {
   text-decoration: underline;
 }
-.c-button__icon[data-v-1cc1be4f] {
+.c-button__icon[data-v-dff82fb8] {
   margin-right: var(--icon-m-r);
 }
-.bp-button[data-v-1cc1be4f] .c-button__icon-img {
+.bp-button[data-v-dff82fb8] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.c-button__label[data-v-1cc1be4f] {
+.c-button__label[data-v-dff82fb8] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button__label--offset-sm[data-v-1cc1be4f] {
+.c-button__label--offset-sm[data-v-dff82fb8] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__label--offset-md[data-v-1cc1be4f] {
+.c-button__label--offset-md[data-v-dff82fb8] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.c-button__label--offset-lg[data-v-1cc1be4f] {
+.c-button__label--offset-lg[data-v-dff82fb8] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__no-icon[data-v-1cc1be4f] {
+.c-button__no-icon[data-v-dff82fb8] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.device-wrapper--mobile .c-button__icon[data-v-1cc1be4f] {
+.device-wrapper--mobile .c-button__icon[data-v-dff82fb8] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.c-button__icon[data-v-1cc1be4f] {
+.c-button__icon[data-v-dff82fb8] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -6178,57 +6187,57 @@ select[data-v-14e7c7c7] {
   width: 100%;
 }
 
-.form-error[data-v-b05afa44] {
+.form-error[data-v-e408a650] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f;
 }
-.contact-container[data-v-b05afa44] {
+.contact-container[data-v-e408a650] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c-text-padding[data-v-b05afa44] {
+.c-text-padding[data-v-e408a650] {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.device-wrapper--mobile .c-divided-container[data-v-b05afa44] {
+.device-wrapper--mobile .c-divided-container[data-v-e408a650] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.device-wrapper--mobile .c-divided-container-reverse[data-v-b05afa44] {
+.device-wrapper--mobile .c-divided-container-reverse[data-v-e408a650] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
 @media (max-width: 767px) {
-.c-button-full[data-v-b05afa44] {
+.c-button-full[data-v-e408a650] {
     width: 100%;
 }
-.c-col-span-2[data-v-b05afa44] {
+.c-col-span-2[data-v-e408a650] {
     grid-column: span 2 / span 2;
 }
-.c-mobile-padding[data-v-b05afa44] {
+.c-mobile-padding[data-v-e408a650] {
     padding: 1rem;
 }
-.c-text-padding[data-v-b05afa44] {
+.c-text-padding[data-v-e408a650] {
     grid-column: span 2 / span 2;
     padding-left: 0px;
     padding-right: 0px;
 }
-.c-py-6[data-v-b05afa44] {
+.c-py-6[data-v-e408a650] {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
 }
-.c-divided-container[data-v-b05afa44] {
+.c-divided-container[data-v-e408a650] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-divided-container-reverse[data-v-b05afa44] {
+.c-divided-container-reverse[data-v-e408a650] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -6236,16 +6245,16 @@ select[data-v-14e7c7c7] {
 }
 }
 @media (min-width: 767px) {
-.c-aspect-square[data-v-b05afa44] {
+.c-aspect-square[data-v-e408a650] {
     aspect-ratio: 1 / 1;
 }
-.c-divided-container[data-v-b05afa44] {
+.c-divided-container[data-v-e408a650] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c-divided-container-reverse[data-v-b05afa44] {
+.c-divided-container-reverse[data-v-e408a650] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;

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

@@ -5447,7 +5447,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.bp .c-button[data-v-1cc1be4f] {
+.bp .c-button[data-v-dff82fb8] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -5458,61 +5458,70 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   text-align: center;
   text-decoration: none;
 }
-.bp .bp-button[data-v-1cc1be4f] .c-button__icon-img img {
+
+/* Shape-library icons (vector, nested in .c-shape, no class on the img):
+   render at the default icon size, centered in normal flow like the SVG icons. */
+.bp .bp-button[data-v-dff82fb8] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
+  width: var(--icon-w);
+  height: var(--icon-h);
+}
+
+/* Raster image thumbnails (FallbackImage renders <img class="c-image">):
+   render larger/prominent and centered over the icon slot. */
+.bp .bp-button[data-v-dff82fb8] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
-  --icon-img-offset-x: calc((var(--button-p-x) - var(--button-p-y)) * 2);
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
-  left: calc(var(--icon-img-size) / -2 + var(--icon-img-offset-x));
+  left: calc(var(--icon-img-size) / -2 + var(--icon-w) / 2);
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.bp .c-button--disabled[data-v-1cc1be4f] {
+.bp .c-button--disabled[data-v-dff82fb8] {
   pointer-events: none;
 }
-.bp .c-button[data-v-1cc1be4f]:hover .c-button__label p {
+.bp .c-button[data-v-dff82fb8]:hover .c-button__label p {
   text-decoration: underline;
 }
-.bp .c-button__icon[data-v-1cc1be4f] {
+.bp .c-button__icon[data-v-dff82fb8] {
   margin-right: var(--icon-m-r);
 }
-.bp .bp-button[data-v-1cc1be4f] .c-button__icon-img {
+.bp .bp-button[data-v-dff82fb8] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.bp .c-button__label[data-v-1cc1be4f] {
+.bp .c-button__label[data-v-dff82fb8] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.bp .c-button__label--offset-sm[data-v-1cc1be4f] {
+.bp .c-button__label--offset-sm[data-v-dff82fb8] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.bp .c-button__label--offset-md[data-v-1cc1be4f] {
+.bp .c-button__label--offset-md[data-v-dff82fb8] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.bp .c-button__label--offset-lg[data-v-1cc1be4f] {
+.bp .c-button__label--offset-lg[data-v-dff82fb8] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.bp .c-button__no-icon[data-v-1cc1be4f] {
+.bp .c-button__no-icon[data-v-dff82fb8] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.bp .device-wrapper--mobile .c-button__icon[data-v-1cc1be4f] {
+.bp .device-wrapper--mobile .c-button__icon[data-v-dff82fb8] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.bp .c-button__icon[data-v-1cc1be4f] {
+.bp .c-button__icon[data-v-dff82fb8] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -5892,57 +5901,57 @@ select[data-v-14e7c7c7] {
   width: 100%;
 }
 
-.bp .form-error[data-v-b05afa44] {
+.bp .form-error[data-v-e408a650] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f;
 }
-.bp .contact-container[data-v-b05afa44] {
+.bp .contact-container[data-v-e408a650] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.bp .c-text-padding[data-v-b05afa44] {
+.bp .c-text-padding[data-v-e408a650] {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.bp .device-wrapper--mobile .c-divided-container[data-v-b05afa44] {
+.bp .device-wrapper--mobile .c-divided-container[data-v-e408a650] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.bp .device-wrapper--mobile .c-divided-container-reverse[data-v-b05afa44] {
+.bp .device-wrapper--mobile .c-divided-container-reverse[data-v-e408a650] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
 @media (max-width: 767px) {
-.bp .c-button-full[data-v-b05afa44] {
+.bp .c-button-full[data-v-e408a650] {
     width: 100%;
 }
-.bp .c-col-span-2[data-v-b05afa44] {
+.bp .c-col-span-2[data-v-e408a650] {
     grid-column: span 2 / span 2;
 }
-.bp .c-mobile-padding[data-v-b05afa44] {
+.bp .c-mobile-padding[data-v-e408a650] {
     padding: 1rem;
 }
-.bp .c-text-padding[data-v-b05afa44] {
+.bp .c-text-padding[data-v-e408a650] {
     grid-column: span 2 / span 2;
     padding-left: 0px;
     padding-right: 0px;
 }
-.bp .c-py-6[data-v-b05afa44] {
+.bp .c-py-6[data-v-e408a650] {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
 }
-.bp .c-divided-container[data-v-b05afa44] {
+.bp .c-divided-container[data-v-e408a650] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.bp .c-divided-container-reverse[data-v-b05afa44] {
+.bp .c-divided-container-reverse[data-v-e408a650] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -5950,16 +5959,16 @@ select[data-v-14e7c7c7] {
 }
 }
 @media (min-width: 767px) {
-.bp .c-aspect-square[data-v-b05afa44] {
+.bp .c-aspect-square[data-v-e408a650] {
     aspect-ratio: 1 / 1;
 }
-.bp .c-divided-container[data-v-b05afa44] {
+.bp .c-divided-container[data-v-e408a650] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.bp .c-divided-container-reverse[data-v-b05afa44] {
+.bp .c-divided-container-reverse[data-v-e408a650] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;

package/lib/src/index.mjs

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

package/lib/src/{lib-CGfmcIBb.js → lib-BI3J4Mbk.js}

@@ -62273,10 +62273,10 @@ const Ci = /* @__PURE__ */ J6(UO1), zO1 = (e, t, n) => {
     W2(() => n.context.isDesignCom, async () => {
       const M = G6().toLowerCase(), _ = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
       try {
-        const { default: V } = await gL(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-CkuAAwKQ.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-Coln5kSU.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-raGyXChm.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-BT_WYYxW.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-BT_WYYxW.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-BRbD_kiI.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-BRbD_kiI.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-DetCIFxa.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-D0LeF_V2.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-CHa4stWS.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-ntW7A335.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-C6rQcclc.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-Cn07ZK_m.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-CewmqYVY.js") }), `./watermark/CreatedOn${_}-${M}.vue`, 3);
+        const { default: V } = await gL(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-DQLtpdLe.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-CvEhlADd.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-pYQeTTC0.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-CcE-iCEq.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-CcE-iCEq.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-OyhWWWyO.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-OyhWWWyO.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-DH98FFLS.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DK67NN1r.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-9-QU4BU6.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-U9J9H9VB.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-DqdzB1DJ.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-c4UiWtkB.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-Do2qJsYp.js") }), `./watermark/CreatedOn${_}-${M}.vue`, 3);
         i.value = V;
       } catch {
-        const { default: x } = await gL(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-Coln5kSU.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-D0LeF_V2.js") }), `./watermark/CreatedOn${_}-en-us.vue`, 3);
+        const { default: x } = await gL(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-CvEhlADd.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DK67NN1r.js") }), `./watermark/CreatedOn${_}-en-us.vue`, 3);
         i.value = x;
       }
     }, {
@@ -64460,7 +64460,7 @@ const y5 = /* @__PURE__ */ b(dz1, [["render", cz1], ["__scopeId", "data-v-649bc0
       ]);
     };
   }
-}), f9 = /* @__PURE__ */ b(bz1, [["__scopeId", "data-v-1cc1be4f"]]), et = class et {
+}), f9 = /* @__PURE__ */ b(bz1, [["__scopeId", "data-v-dff82fb8"]]), et = class et {
   constructor() {
     H1(this, "_logoCache");
     this._logoCache = {};
@@ -68335,7 +68335,7 @@ const HW1 = /* @__PURE__ */ b(kW1, [["render", VW1]]), AL = t1({
 }, UW1 = { class: "tw-grid tw-grid-cols-2 tw-gap-4" }, zW1 = {
   key: 2,
   class: "form-error"
-}, qW1 = { class: "tw-flex tw-w-full tw-justify-center tw-col-span-2" }, GW1 = {
+}, qW1 = { class: "tw-flex tw-w-full tw-justify-start tw-col-span-2" }, GW1 = {
   key: 0,
   class: "tw-text-center tw-mt-2 form-error"
 }, WW1 = { key: 4 }, jW1 = { class: "tw-w-full tw-relative tw-block" }, KW1 = { key: 0 }, YW1 = {
@@ -68344,7 +68344,7 @@ const HW1 = /* @__PURE__ */ b(kW1, [["render", VW1]]), AL = t1({
 }, XW1 = {
   key: 2,
   class: "form-error"
-}, JW1 = { class: "tw-flex tw-w-full tw-justify-center tw-col-span-2" }, QW1 = {
+}, JW1 = { class: "tw-flex tw-w-full tw-justify-start tw-col-span-2" }, QW1 = {
   key: 1,
   class: "tw-w-full tw-flex tw-justify-center"
 }, ej1 = {
@@ -68765,7 +68765,7 @@ function tj1(e, t, n, i, o, s) {
     ], 6)
   ]);
 }
-const nj1 = /* @__PURE__ */ b(xW1, [["render", tj1], ["__scopeId", "data-v-b05afa44"]]), ij1 = {
+const nj1 = /* @__PURE__ */ b(xW1, [["render", tj1], ["__scopeId", "data-v-e408a650"]]), ij1 = {
   "data-component": "social-links-items",
   class: "c-social-links__links-container"
 }, oj1 = ["href"], sj1 = /* @__PURE__ */ t1({

package/package.json

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

package/src/brand-page/components/button/Button.vue

@@ -253,13 +253,21 @@ const onCloseModal = (): void => {
   text-decoration: none;
 }
 
+/* Shape-library icons (vector, nested in .c-shape, no class on the img):
+   render at the default icon size, centered in normal flow like the SVG icons. */
 .bp-button :deep(.c-button__icon-img img) {
   @apply tw-object-cover tw-max-w-none;
+  width: var(--icon-w);
+  height: var(--icon-h);
+}
+
+/* Raster image thumbnails (FallbackImage renders <img class="c-image">):
+   render larger/prominent and centered over the icon slot. */
+.bp-button :deep(.c-button__icon-img img.c-image) {
   --icon-img-size: 2.3rem;
-  --icon-img-offset-x: calc((var(--button-p-x) - var(--button-p-y)) * 2);
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
-  left: calc(var(--icon-img-size) / -2 + var(--icon-img-offset-x));
+  left: calc(var(--icon-img-size) / -2 + var(--icon-w) / 2);
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }

package/src/brand-page/components/contact-form/ContactForm.vue

@@ -286,7 +286,7 @@
                   {{ value.error }}
                 </p>
               </div>
-              <div class="tw-flex tw-w-full tw-justify-center tw-col-span-2">
+              <div class="tw-flex tw-w-full tw-justify-start tw-col-span-2">
                 <button
                   v-if="isSubmitButtonVisible"
                   class="tw-block tw-border-0 tw-py-2 tw-select-none tw-text-base tw-text-center tw-w-fit hover:tw-cursor-pointer tw-px-8 tw-py-3 c-button-full"
@@ -417,7 +417,7 @@
                       </p>
                     </div>
                     <div
-                      class="tw-flex tw-w-full tw-justify-center tw-col-span-2"
+                      class="tw-flex tw-w-full tw-justify-start tw-col-span-2"
                     >
                       <button
                         v-if="isSubmitButtonVisible"