@designcrowd/library.brand-page 6.0.6-ast-bugs → 6.0.6-ast-bugs-1

package/lib/src/{CreatedOnBrandCrowd-de-de-SHCspMwS.js → CreatedOnBrandCrowd-de-de-DRKssC6d.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-C6lITAAT.js → CreatedOnBrandCrowd-en-us-Bfn4Ow4M.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-Uh69c4vZ.js → CreatedOnBrandCrowd-es-es-VqajueJo.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Bb0rp7BV.js → CreatedOnBrandCrowd-fr-ca-CDNlk9zS.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Bb0rp7BV.js → CreatedOnBrandCrowd-fr-fr-CDNlk9zS.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DsrQHcjs.js → CreatedOnBrandCrowd-pt-br-PZ08jvmM.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-DsrQHcjs.js → CreatedOnBrandCrowd-pt-pt-PZ08jvmM.js}

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

package/lib/src/{CreatedOnDcom-de-de-BshZYzSp.js → CreatedOnDcom-de-de-Bp-rEVAo.js}

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

package/lib/src/{CreatedOnDcom-en-us-CLu8mKUW.js → CreatedOnDcom-en-us-BsgB34aw.js}

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

package/lib/src/{CreatedOnDcom-es-es-BZYhkONd.js → CreatedOnDcom-es-es-_qmHY3xp.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-CIaBEp_9.js → CreatedOnDcom-fr-ca-CAoCTCl9.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-dyF7hioJ.js → CreatedOnDcom-fr-fr-ngSWktIL.js}

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

package/lib/src/{CreatedOnDcom-pt-br-CUHjk2du.js → CreatedOnDcom-pt-br-yhtk1z6T.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-CWDvQidv.js → CreatedOnDcom-pt-pt-BVYEdJrV.js}

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

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

@@ -6277,10 +6277,23 @@ select[data-v-14e7c7c7] {
     text-align: center
 }
 
-.c_banner--with-image-overlay[data-v-b452d636] {
+.c_banner--with-image-overlay[data-v-e897b770] {
   min-height: 24rem;
 }
-.c_banner--divided-container[data-v-b452d636] {
+
+/*
+ * Full-background-image banner only. Top/bottom padding must EXPAND the banner
+ * (and its full-bleed image) rather than being swallowed by min-height. Under
+ * the brandPage theme (Tailwind preflight on → box-sizing: border-box) padding
+ * is absorbed into the 24rem min-height, so the banner stays fixed and only the
+ * text shifts. content-box makes the padding additive to the height in every
+ * theme, matching how it renders with preflight off. (BP-5801)
+ */
+.c_banner--expand-padding[data-v-e897b770] {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+}
+.c_banner--divided-container[data-v-e897b770] {
   min-height: 30rem;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -6288,13 +6301,13 @@ select[data-v-14e7c7c7] {
           flex-direction: row;
   gap: 1rem;
 }
-.device-wrapper--mobile .c_banner--divided-container[data-v-b452d636] {
+.device-wrapper--mobile .c_banner--divided-container[data-v-e897b770] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
-.c_banner-container[data-v-b452d636] {
+.c_banner-container[data-v-e897b770] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
@@ -6307,61 +6320,61 @@ select[data-v-14e7c7c7] {
  * widen to the full banner and shift left so the image spans edge to edge
  * (1.5rem = tw-px-6). Text blocks stay constrained to the max-width.
  */
-.c_banner-stacked-image--full[data-v-b452d636] {
+.c_banner-stacked-image--full[data-v-e897b770] {
   width: calc(100cqw + 3rem);
   margin-inline: calc(50% - 50cqw - 1.5rem);
 }
-.c_banner--with-image-flip[data-v-b452d636] {
+.c_banner--with-image-flip[data-v-e897b770] {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
       -ms-flex-direction: row-reverse;
           flex-direction: row-reverse;
 }
-.c_banner--divided-container[data-v-b452d636] .full-square-image {
+.c_banner--divided-container[data-v-e897b770] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
 @container (min-width: 640px) {
-.c_banner-container--left-aligned-stacking[data-v-b452d636] {
+.c_banner-container--left-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c_banner-container--right-aligned-stacking[data-v-b452d636] {
+.c_banner-container--right-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
             flex-direction: row-reverse;
 }
-.c_banner-button--stacking[data-v-b452d636] {
+.c_banner-button--stacking[data-v-e897b770] {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
 }
 }
 @container (max-width: 640px) {
-.c_banner-container--left-aligned-stacking[data-v-b452d636] {
+.c_banner-container--left-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c_banner-container--right-aligned-stacking[data-v-b452d636] {
+.c_banner-container--right-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c_banner-item--stacking[data-v-b452d636] {
+.c_banner-item--stacking[data-v-e897b770] {
     width: 100%;
 }
-.c_banner-button--stacking[data-v-b452d636] {
+.c_banner-button--stacking[data-v-e897b770] {
     width: 100%;
 }
-.c_banner--divided-container[data-v-b452d636] {
+.c_banner--divided-container[data-v-e897b770] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;

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

@@ -6888,10 +6888,23 @@ select[data-v-14e7c7c7] {
     text-align: center
 }
 
-.c_banner--with-image-overlay[data-v-b452d636] {
+.c_banner--with-image-overlay[data-v-e897b770] {
   min-height: 24rem;
 }
-.c_banner--divided-container[data-v-b452d636] {
+
+/*
+ * Full-background-image banner only. Top/bottom padding must EXPAND the banner
+ * (and its full-bleed image) rather than being swallowed by min-height. Under
+ * the brandPage theme (Tailwind preflight on → box-sizing: border-box) padding
+ * is absorbed into the 24rem min-height, so the banner stays fixed and only the
+ * text shifts. content-box makes the padding additive to the height in every
+ * theme, matching how it renders with preflight off. (BP-5801)
+ */
+.c_banner--expand-padding[data-v-e897b770] {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+}
+.c_banner--divided-container[data-v-e897b770] {
   min-height: 30rem;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -6899,13 +6912,13 @@ select[data-v-14e7c7c7] {
           flex-direction: row;
   gap: 1rem;
 }
-.device-wrapper--mobile .c_banner--divided-container[data-v-b452d636] {
+.device-wrapper--mobile .c_banner--divided-container[data-v-e897b770] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
-.c_banner-container[data-v-b452d636] {
+.c_banner-container[data-v-e897b770] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
@@ -6918,61 +6931,61 @@ select[data-v-14e7c7c7] {
  * widen to the full banner and shift left so the image spans edge to edge
  * (1.5rem = tw-px-6). Text blocks stay constrained to the max-width.
  */
-.c_banner-stacked-image--full[data-v-b452d636] {
+.c_banner-stacked-image--full[data-v-e897b770] {
   width: calc(100cqw + 3rem);
   margin-inline: calc(50% - 50cqw - 1.5rem);
 }
-.c_banner--with-image-flip[data-v-b452d636] {
+.c_banner--with-image-flip[data-v-e897b770] {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
       -ms-flex-direction: row-reverse;
           flex-direction: row-reverse;
 }
-.c_banner--divided-container[data-v-b452d636] .full-square-image {
+.c_banner--divided-container[data-v-e897b770] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
 @container (min-width: 640px) {
-.c_banner-container--left-aligned-stacking[data-v-b452d636] {
+.c_banner-container--left-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c_banner-container--right-aligned-stacking[data-v-b452d636] {
+.c_banner-container--right-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
             flex-direction: row-reverse;
 }
-.c_banner-button--stacking[data-v-b452d636] {
+.c_banner-button--stacking[data-v-e897b770] {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
 }
 }
 @container (max-width: 640px) {
-.c_banner-container--left-aligned-stacking[data-v-b452d636] {
+.c_banner-container--left-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c_banner-container--right-aligned-stacking[data-v-b452d636] {
+.c_banner-container--right-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c_banner-item--stacking[data-v-b452d636] {
+.c_banner-item--stacking[data-v-e897b770] {
     width: 100%;
 }
-.c_banner-button--stacking[data-v-b452d636] {
+.c_banner-button--stacking[data-v-e897b770] {
     width: 100%;
 }
-.c_banner--divided-container[data-v-b452d636] {
+.c_banner--divided-container[data-v-e897b770] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;

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

@@ -6307,10 +6307,23 @@ select[data-v-14e7c7c7] {
     text-align: center
 }
 
-.c_banner--with-image-overlay[data-v-b452d636] {
+.c_banner--with-image-overlay[data-v-e897b770] {
   min-height: 24rem;
 }
-.c_banner--divided-container[data-v-b452d636] {
+
+/*
+ * Full-background-image banner only. Top/bottom padding must EXPAND the banner
+ * (and its full-bleed image) rather than being swallowed by min-height. Under
+ * the brandPage theme (Tailwind preflight on → box-sizing: border-box) padding
+ * is absorbed into the 24rem min-height, so the banner stays fixed and only the
+ * text shifts. content-box makes the padding additive to the height in every
+ * theme, matching how it renders with preflight off. (BP-5801)
+ */
+.c_banner--expand-padding[data-v-e897b770] {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+}
+.c_banner--divided-container[data-v-e897b770] {
   min-height: 30rem;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -6318,13 +6331,13 @@ select[data-v-14e7c7c7] {
           flex-direction: row;
   gap: 1rem;
 }
-.device-wrapper--mobile .c_banner--divided-container[data-v-b452d636] {
+.device-wrapper--mobile .c_banner--divided-container[data-v-e897b770] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
-.c_banner-container[data-v-b452d636] {
+.c_banner-container[data-v-e897b770] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
@@ -6337,61 +6350,61 @@ select[data-v-14e7c7c7] {
  * widen to the full banner and shift left so the image spans edge to edge
  * (1.5rem = tw-px-6). Text blocks stay constrained to the max-width.
  */
-.c_banner-stacked-image--full[data-v-b452d636] {
+.c_banner-stacked-image--full[data-v-e897b770] {
   width: calc(100cqw + 3rem);
   margin-inline: calc(50% - 50cqw - 1.5rem);
 }
-.c_banner--with-image-flip[data-v-b452d636] {
+.c_banner--with-image-flip[data-v-e897b770] {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
       -ms-flex-direction: row-reverse;
           flex-direction: row-reverse;
 }
-.c_banner--divided-container[data-v-b452d636] .full-square-image {
+.c_banner--divided-container[data-v-e897b770] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
 @container (min-width: 640px) {
-.c_banner-container--left-aligned-stacking[data-v-b452d636] {
+.c_banner-container--left-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c_banner-container--right-aligned-stacking[data-v-b452d636] {
+.c_banner-container--right-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
             flex-direction: row-reverse;
 }
-.c_banner-button--stacking[data-v-b452d636] {
+.c_banner-button--stacking[data-v-e897b770] {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
 }
 }
 @container (max-width: 640px) {
-.c_banner-container--left-aligned-stacking[data-v-b452d636] {
+.c_banner-container--left-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c_banner-container--right-aligned-stacking[data-v-b452d636] {
+.c_banner-container--right-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c_banner-item--stacking[data-v-b452d636] {
+.c_banner-item--stacking[data-v-e897b770] {
     width: 100%;
 }
-.c_banner-button--stacking[data-v-b452d636] {
+.c_banner-button--stacking[data-v-e897b770] {
     width: 100%;
 }
-.c_banner--divided-container[data-v-b452d636] {
+.c_banner--divided-container[data-v-e897b770] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;

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

@@ -6277,10 +6277,23 @@ select[data-v-14e7c7c7] {
     text-align: center
 }
 
-.bp .c_banner--with-image-overlay[data-v-b452d636] {
+.bp .c_banner--with-image-overlay[data-v-e897b770] {
   min-height: 24rem;
 }
-.bp .c_banner--divided-container[data-v-b452d636] {
+
+/*
+ * Full-background-image banner only. Top/bottom padding must EXPAND the banner
+ * (and its full-bleed image) rather than being swallowed by min-height. Under
+ * the brandPage theme (Tailwind preflight on → box-sizing: border-box) padding
+ * is absorbed into the 24rem min-height, so the banner stays fixed and only the
+ * text shifts. content-box makes the padding additive to the height in every
+ * theme, matching how it renders with preflight off. (BP-5801)
+ */
+.bp .c_banner--expand-padding[data-v-e897b770] {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+}
+.bp .c_banner--divided-container[data-v-e897b770] {
   min-height: 30rem;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -6288,13 +6301,13 @@ select[data-v-14e7c7c7] {
           flex-direction: row;
   gap: 1rem;
 }
-.bp .device-wrapper--mobile .c_banner--divided-container[data-v-b452d636] {
+.bp .device-wrapper--mobile .c_banner--divided-container[data-v-e897b770] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
-.bp .c_banner-container[data-v-b452d636] {
+.bp .c_banner-container[data-v-e897b770] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
@@ -6307,61 +6320,61 @@ select[data-v-14e7c7c7] {
  * widen to the full banner and shift left so the image spans edge to edge
  * (1.5rem = tw-px-6). Text blocks stay constrained to the max-width.
  */
-.bp .c_banner-stacked-image--full[data-v-b452d636] {
+.bp .c_banner-stacked-image--full[data-v-e897b770] {
   width: calc(100cqw + 3rem);
   margin-inline: calc(50% - 50cqw - 1.5rem);
 }
-.bp .c_banner--with-image-flip[data-v-b452d636] {
+.bp .c_banner--with-image-flip[data-v-e897b770] {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
       -ms-flex-direction: row-reverse;
           flex-direction: row-reverse;
 }
-.bp .c_banner--divided-container[data-v-b452d636] .full-square-image {
+.bp .c_banner--divided-container[data-v-e897b770] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
 @container (min-width: 640px) {
-.bp .c_banner-container--left-aligned-stacking[data-v-b452d636] {
+.bp .c_banner-container--left-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.bp .c_banner-container--right-aligned-stacking[data-v-b452d636] {
+.bp .c_banner-container--right-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
             flex-direction: row-reverse;
 }
-.bp .c_banner-button--stacking[data-v-b452d636] {
+.bp .c_banner-button--stacking[data-v-e897b770] {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
 }
 }
 @container (max-width: 640px) {
-.bp .c_banner-container--left-aligned-stacking[data-v-b452d636] {
+.bp .c_banner-container--left-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.bp .c_banner-container--right-aligned-stacking[data-v-b452d636] {
+.bp .c_banner-container--right-aligned-stacking[data-v-e897b770] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.bp .c_banner-item--stacking[data-v-b452d636] {
+.bp .c_banner-item--stacking[data-v-e897b770] {
     width: 100%;
 }
-.bp .c_banner-button--stacking[data-v-b452d636] {
+.bp .c_banner-button--stacking[data-v-e897b770] {
     width: 100%;
 }
-.bp .c_banner--divided-container[data-v-b452d636] {
+.bp .c_banner--divided-container[data-v-e897b770] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as T, a as E, 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 t, j as G, k as D, l as P, m as R, n as L, o, p as M, q as r, r as n, s as b, t as l, u as F, v as i, w as c, x as g, y as B, 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 m, K as k, L as V, M as X, N as v, O as h, P as f, Q as W, R as x, S as z, T as w, U as Z, V as j, W as q, X as J, Y as Q, Z as $, $ as aa, a0 as _a, a1 as Ta, a2 as Ea, 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 ta, ac as Ga, ad as Da, ae as Pa, af as Ra, ag as La, ah as oa, ai as Ma, aj as ra, ak as na, al as ba, am as la, an as Fa, ao as ia, ap as ca, aq as ga, ar as Ba, 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 ma, aB as ka, aC as Va, aD as Xa, aE as va, aF as ha, aG as fa, aH as Wa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as qa, aO as Ja, aP as Qa, aQ as $a, aR as a_, aS as __, aT as T_, aU as E_, 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 t_, b2 as G_, b3 as D_, b4 as P_, b5 as R_, b6 as L_, b7 as o_, b8 as M_, b9 as r_, ba as n_, bb as b_, bc as l_, bd as F_, be as i_, bf as c_, bg as g_, bh as B_, 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 m_, br as k_, bs as V_, bt as X_, bu as v_, bv as h_, bw as f_, bx as W_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as q_, bE as J_, bF as Q_, bG as $_, bH as aT, bI as _T, bJ as TT, bK as ET, bL as sT, bM as IT, bN as ST, bO as NT, bP as eT, bQ as AT, bR as OT, bS as CT, bT as tT, bU as GT, bV as DT, bW as PT, bX as RT, bY as LT, bZ as oT, b_ as MT, b$ as rT, c0 as nT, c1 as bT, c2 as lT, c3 as FT, c4 as iT, c5 as cT, c6 as gT, c7 as BT, c8 as YT, c9 as UT, ca as dT, cb as uT, cc as HT, cd as pT, ce as yT, cf as KT, cg as mT, ch as kT, ci as VT, cj as XT, ck as vT, cl as hT, cm as fT, cn as WT, co as xT, cp as zT, cq as wT, cr as ZT, cs as jT, ct as qT, cu as JT } from "./lib-COw-Rz05.js";
+import { A as T, a as E, 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 t, j as G, k as D, l as P, m as R, n as L, o, p as M, q as r, r as n, s as b, t as l, u as F, v as i, w as c, x as g, y as B, 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 m, K as k, L as V, M as X, N as v, O as h, P as f, Q as W, R as x, S as z, T as w, U as Z, V as j, W as q, X as J, Y as Q, Z as $, $ as aa, a0 as _a, a1 as Ta, a2 as Ea, 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 ta, ac as Ga, ad as Da, ae as Pa, af as Ra, ag as La, ah as oa, ai as Ma, aj as ra, ak as na, al as ba, am as la, an as Fa, ao as ia, ap as ca, aq as ga, ar as Ba, 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 ma, aB as ka, aC as Va, aD as Xa, aE as va, aF as ha, aG as fa, aH as Wa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as qa, aO as Ja, aP as Qa, aQ as $a, aR as a_, aS as __, aT as T_, aU as E_, 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 t_, b2 as G_, b3 as D_, b4 as P_, b5 as R_, b6 as L_, b7 as o_, b8 as M_, b9 as r_, ba as n_, bb as b_, bc as l_, bd as F_, be as i_, bf as c_, bg as g_, bh as B_, 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 m_, br as k_, bs as V_, bt as X_, bu as v_, bv as h_, bw as f_, bx as W_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as q_, bE as J_, bF as Q_, bG as $_, bH as aT, bI as _T, bJ as TT, bK as ET, bL as sT, bM as IT, bN as ST, bO as NT, bP as eT, bQ as AT, bR as OT, bS as CT, bT as tT, bU as GT, bV as DT, bW as PT, bX as RT, bY as LT, bZ as oT, b_ as MT, b$ as rT, c0 as nT, c1 as bT, c2 as lT, c3 as FT, c4 as iT, c5 as cT, c6 as gT, c7 as BT, c8 as YT, c9 as UT, ca as dT, cb as uT, cc as HT, cd as pT, ce as yT, cf as KT, cg as mT, ch as kT, ci as VT, cj as XT, ck as vT, cl as hT, cm as fT, cn as WT, co as xT, cp as zT, cq as wT, cr as ZT, cs as jT, ct as qT, cu as JT } from "./lib-C8uuOPz1.js";
 import { createPinia as $T, setActivePinia as aE } from "pinia";
 export {
   T as ABOUT_SECTION_SETTINGS_CONFIG,

package/lib/src/{lib-COw-Rz05.js → lib-C8uuOPz1.js}

@@ -68328,10 +68328,10 @@ const HV = () => nh || (nh = new XU1()), xc = (e, t) => JU1(e).then(
     D2(() => n.context.isDesignCom, async () => {
       const M = s9().toLowerCase(), S = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
       try {
-        const { default: _ } = await BV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-SHCspMwS.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-C6lITAAT.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-Uh69c4vZ.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-Bb0rp7BV.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-Bb0rp7BV.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-DsrQHcjs.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-DsrQHcjs.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-BshZYzSp.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-CLu8mKUW.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-BZYhkONd.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-CIaBEp_9.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-dyF7hioJ.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-CUHjk2du.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-CWDvQidv.js") }), `./watermark/CreatedOn${S}-${M}.vue`, 3);
+        const { default: _ } = await BV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-DRKssC6d.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-Bfn4Ow4M.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-VqajueJo.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-CDNlk9zS.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-CDNlk9zS.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-PZ08jvmM.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-PZ08jvmM.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-Bp-rEVAo.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-BsgB34aw.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-_qmHY3xp.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-CAoCTCl9.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-ngSWktIL.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-yhtk1z6T.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-BVYEdJrV.js") }), `./watermark/CreatedOn${S}-${M}.vue`, 3);
         i.value = _;
       } catch {
-        const { default: x } = await BV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-C6lITAAT.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-CLu8mKUW.js") }), `./watermark/CreatedOn${S}-en-us.vue`, 3);
+        const { default: x } = await BV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-Bfn4Ow4M.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-BsgB34aw.js") }), `./watermark/CreatedOn${S}-en-us.vue`, 3);
         i.value = x;
       }
     }, {
@@ -75029,14 +75029,11 @@ const y12 = /* @__PURE__ */ v(qQ1, [["render", m12], ["__scopeId", "data-v-900bc
     }), (Z, D) => (C(), f("section", M12, [
       p("div", {
         class: B(["tw-relative tw-overflow-hidden", {
-          "c_banner--with-image-overlay tw-flex tw-flex-col tw-justify-center": e.viewModel.isBigImageType,
+          "c_banner--with-image-overlay c_banner--expand-padding tw-flex tw-flex-col tw-justify-center": e.viewModel.isBigImageType,
           "c_banner--with-image-overlay tw-flex tw-flex-col": l.value,
           "tw-px-6": !l.value
         }]),
-        style: V1([[
-          e.viewModel.backgroundStyle,
-          e.viewModel.isBigImageType ? {} : s.value
-        ], { "container-type": "inline-size" }])
+        style: V1([[e.viewModel.backgroundStyle, s.value], { "container-type": "inline-size" }])
       }, [
         e.viewModel.isBigImageType && !e.viewModel.backgroundStyle.backgroundColor || e.viewModel.isBigImageType && e.viewModel.imageUrl || e.viewModel.isBigImageType && e.viewModel.media ? (C(), $(j4, {
           key: 0,
@@ -75258,8 +75255,7 @@ const y12 = /* @__PURE__ */ v(qQ1, [["render", m12], ["__scopeId", "data-v-900bc
           class: B([{
             "c_banner-container--left-aligned-stacking": e.viewModel.displayStyle === "left-aligned",
             "c_banner-container--right-aligned-stacking": e.viewModel.displayStyle === "right-aligned"
-          }, "tw-flex tw-gap-8 tw-w-full tw-h-full tw-items-center c_banner-container"]),
-          style: V1(e.viewModel.isBigImageType ? s.value : void 0)
+          }, "tw-flex tw-gap-8 tw-w-full tw-h-full tw-items-center c_banner-container"])
         }, [
           a.value ? (C(), f("div", {
             key: 0,
@@ -75319,11 +75315,11 @@ const y12 = /* @__PURE__ */ v(qQ1, [["render", m12], ["__scopeId", "data-v-900bc
               }, null, 8, ["view-model", "context", "content-index", "class"])) : k("", !0)
             ], 2)
           ], 6)
-        ], 6))
+        ], 2))
       ], 6)
     ]));
   }
-}), E12 = /* @__PURE__ */ v(I12, [["__scopeId", "data-v-b452d636"]]), A12 = /* @__PURE__ */ e1({
+}), E12 = /* @__PURE__ */ v(I12, [["__scopeId", "data-v-e897b770"]]), A12 = /* @__PURE__ */ e1({
   __name: "AboutSection",
   props: {
     viewModel: {},

package/package.json

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

package/src/brand-page/components/banner-section/BannerSection.vue

@@ -3,15 +3,12 @@
     <div
       class="tw-relative tw-overflow-hidden"
       :class="{
-        'c_banner--with-image-overlay tw-flex tw-flex-col tw-justify-center':
+        'c_banner--with-image-overlay c_banner--expand-padding tw-flex tw-flex-col tw-justify-center':
           viewModel.isBigImageType,
         'c_banner--with-image-overlay tw-flex tw-flex-col': isDividedContent,
         'tw-px-6': !isDividedContent,
       }"
-      :style="[
-        viewModel.backgroundStyle,
-        viewModel.isBigImageType ? {} : contentPaddingStyle,
-      ]"
+      :style="[viewModel.backgroundStyle, contentPaddingStyle]"
       style="container-type: inline-size"
     >
       <Media
@@ -133,7 +130,6 @@
             viewModel.displayStyle === 'right-aligned',
         }"
         class="tw-flex tw-gap-8 tw-w-full tw-h-full tw-items-center c_banner-container"
-        :style="viewModel.isBigImageType ? contentPaddingStyle : undefined"
       >
         <div
           v-if="isHorizontalAligned"
@@ -605,6 +601,18 @@ onUnmounted(() => {
   min-height: 24rem;
 }
 
+/*
+ * Full-background-image banner only. Top/bottom padding must EXPAND the banner
+ * (and its full-bleed image) rather than being swallowed by min-height. Under
+ * the brandPage theme (Tailwind preflight on → box-sizing: border-box) padding
+ * is absorbed into the 24rem min-height, so the banner stays fixed and only the
+ * text shifts. content-box makes the padding additive to the height in every
+ * theme, matching how it renders with preflight off. (BP-5801)
+ */
+.c_banner--expand-padding {
+  box-sizing: content-box;
+}
+
 .c_banner--divided-container {
   min-height: 30rem;
   @apply tw-flex-row tw-gap-4;