@designcrowd/library.brand-page 6.0.8 → 6.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-B74hbf1M.js → CreatedOnBrandCrowd-de-de-D1ZeyVmP.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-DBB4rdcr.js → CreatedOnBrandCrowd-en-us-CFrIyBis.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-DgsVWLqe.js → CreatedOnBrandCrowd-es-es-B2tdeg71.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-FOLmUD6S.js → CreatedOnBrandCrowd-fr-ca-ao5xtxPH.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-FOLmUD6S.js → CreatedOnBrandCrowd-fr-fr-ao5xtxPH.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-CFN_QkC9.js → CreatedOnBrandCrowd-pt-br-DrcBDAyb.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-CFN_QkC9.js → CreatedOnBrandCrowd-pt-pt-DrcBDAyb.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-DcR_LZOc.js → CreatedOnDcom-de-de-DDPuybYj.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-D4STpZ1l.js → CreatedOnDcom-en-us-DNeu06Gu.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-oJH29i_Z.js → CreatedOnDcom-es-es-DA4PgA4R.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-C9ZqPzpz.js → CreatedOnDcom-fr-ca-Bhr21_56.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-BeI4f0rw.js → CreatedOnDcom-fr-fr-BgYHDrgv.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-Bc1hY8c-.js → CreatedOnDcom-pt-br-DDS93mjy.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-D-I_mgfR.js → CreatedOnDcom-pt-pt-B-XErn3D.js} +1 -1
  15. package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.js +7 -2
  16. package/lib/src/css/library.brand-page-brandCrowd.min.css +19 -15
  17. package/lib/src/css/library.brand-page-brandPage.min.css +19 -15
  18. package/lib/src/css/library.brand-page-designCom.min.css +19 -15
  19. package/lib/src/css/library.brand-page-preview.min.css +19 -15
  20. package/lib/src/index.mjs +1 -1
  21. package/lib/src/{lib-n42zt1Rj.js → lib-C0W9xNbH.js} +4154 -4154
  22. package/package.json +1 -1
  23. package/src/brand-page/components/banner-section/BannerSection.vue +5 -1
  24. package/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.ts +11 -3
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-n42zt1Rj.js";
2
+ import { _ as t } from "./lib-C0W9xNbH.js";
3
3
  const i = {}, h = {
4
4
  width: "275",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-n42zt1Rj.js";
2
+ import { _ as t } from "./lib-C0W9xNbH.js";
3
3
  const i = {}, h = {
4
4
  width: "251",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-n42zt1Rj.js";
2
+ import { _ as t } from "./lib-C0W9xNbH.js";
3
3
  const i = {}, h = {
4
4
  width: "250",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-n42zt1Rj.js";
2
+ import { _ as t } from "./lib-C0W9xNbH.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-n42zt1Rj.js";
2
+ import { _ as t } from "./lib-C0W9xNbH.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-n42zt1Rj.js";
2
+ import { _ as t } from "./lib-C0W9xNbH.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-n42zt1Rj.js";
2
+ import { _ as t } from "./lib-C0W9xNbH.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-n42zt1Rj.js";
2
+ import { _ as e } from "./lib-C0W9xNbH.js";
3
3
  const M = {}, Z = {
4
4
  width: "242",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-n42zt1Rj.js";
2
+ import { _ as e } from "./lib-C0W9xNbH.js";
3
3
  const i = {}, M = {
4
4
  width: "231",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-n42zt1Rj.js";
2
+ import { _ as e } from "./lib-C0W9xNbH.js";
3
3
  const M = {}, Z = {
4
4
  width: "230",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-n42zt1Rj.js";
2
+ import { _ as e } from "./lib-C0W9xNbH.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-n42zt1Rj.js";
2
+ import { _ as e } from "./lib-C0W9xNbH.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-n42zt1Rj.js";
2
+ import { _ as M } from "./lib-C0W9xNbH.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-n42zt1Rj.js";
2
+ import { _ as M } from "./lib-C0W9xNbH.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,4 +1,5 @@
1
1
  import { defineComponent } from 'vue';
2
+ import { isUnsetOrTransparentColor } from '../../../models';
2
3
  export default defineComponent({
3
4
  props: {
4
5
  context: {
@@ -75,12 +76,16 @@ export default defineComponent({
75
76
  const baseStyle = isActive
76
77
  ? this.selectedButtonStyle
77
78
  : this.defaultButtonStyle;
79
+ const subNavBackgroundColor = this.styles.hamburgerMenuStyle.subNavBackgroundColor ?? '#ffffff';
80
+ // An active sub-page uses the selected button colour, but when that colour
81
+ // is transparent/unset it must keep the sub-nav background colour rather
82
+ // than rendering transparent (BP-5751).
78
83
  return {
79
84
  ...baseStyle,
80
85
  paddingLeft: '32px',
81
- backgroundColor: isActive
86
+ backgroundColor: isActive && !isUnsetOrTransparentColor(baseStyle.backgroundColor)
82
87
  ? baseStyle.backgroundColor
83
- : (this.styles.hamburgerMenuStyle.subNavBackgroundColor ?? '#ffffff'),
88
+ : subNavBackgroundColor,
84
89
  };
85
90
  },
86
91
  closeSideMenu() {
@@ -6274,10 +6274,14 @@ select[data-v-14e7c7c7] {
6274
6274
  text-align: center
6275
6275
  }
6276
6276
 
6277
- .c_banner--with-image-overlay[data-v-805cbaae] {
6277
+ .c_banner--with-image-overlay[data-v-370377e8] {
6278
6278
  min-height: 24rem;
6279
6279
  }
6280
- .c_banner--divided-container[data-v-805cbaae] {
6280
+ .c_banner--expand-padding[data-v-370377e8] {
6281
+ -webkit-box-sizing: content-box;
6282
+ box-sizing: content-box;
6283
+ }
6284
+ .c_banner--divided-container[data-v-370377e8] {
6281
6285
  min-height: 30rem;
6282
6286
  -webkit-box-orient: horizontal;
6283
6287
  -webkit-box-direction: normal;
@@ -6285,13 +6289,13 @@ select[data-v-14e7c7c7] {
6285
6289
  flex-direction: row;
6286
6290
  gap: 1rem;
6287
6291
  }
6288
- .device-wrapper--mobile .c_banner--divided-container[data-v-805cbaae] {
6292
+ .device-wrapper--mobile .c_banner--divided-container[data-v-370377e8] {
6289
6293
  -webkit-box-orient: vertical;
6290
6294
  -webkit-box-direction: reverse;
6291
6295
  -ms-flex-direction: column-reverse;
6292
6296
  flex-direction: column-reverse;
6293
6297
  }
6294
- .c_banner-container[data-v-805cbaae] {
6298
+ .c_banner-container[data-v-370377e8] {
6295
6299
  max-width: var(--brandsite-max-width);
6296
6300
  margin: 0 auto;
6297
6301
  }
@@ -6304,61 +6308,61 @@ select[data-v-14e7c7c7] {
6304
6308
  * widen to the full banner and shift left so the image spans edge to edge
6305
6309
  * (1.5rem = tw-px-6). Text blocks stay constrained to the max-width.
6306
6310
  */
6307
- .c_banner-stacked-image--full[data-v-805cbaae] {
6311
+ .c_banner-stacked-image--full[data-v-370377e8] {
6308
6312
  width: calc(100cqw + 3rem);
6309
6313
  margin-inline: calc(50% - 50cqw - 1.5rem);
6310
6314
  }
6311
- .c_banner--with-image-flip[data-v-805cbaae] {
6315
+ .c_banner--with-image-flip[data-v-370377e8] {
6312
6316
  -webkit-box-orient: horizontal;
6313
6317
  -webkit-box-direction: reverse;
6314
6318
  -ms-flex-direction: row-reverse;
6315
6319
  flex-direction: row-reverse;
6316
6320
  }
6317
- .c_banner--divided-container[data-v-805cbaae] .full-square-image {
6321
+ .c_banner--divided-container[data-v-370377e8] .full-square-image {
6318
6322
  width: 100%;
6319
6323
  aspect-ratio: 1/1;
6320
6324
  -o-object-fit: cover;
6321
6325
  object-fit: cover;
6322
6326
  }
6323
6327
  @container (min-width: 640px) {
6324
- .c_banner-container--left-aligned-stacking[data-v-805cbaae] {
6328
+ .c_banner-container--left-aligned-stacking[data-v-370377e8] {
6325
6329
  -webkit-box-orient: horizontal;
6326
6330
  -webkit-box-direction: normal;
6327
6331
  -ms-flex-direction: row;
6328
6332
  flex-direction: row;
6329
6333
  }
6330
- .c_banner-container--right-aligned-stacking[data-v-805cbaae] {
6334
+ .c_banner-container--right-aligned-stacking[data-v-370377e8] {
6331
6335
  -webkit-box-orient: horizontal;
6332
6336
  -webkit-box-direction: reverse;
6333
6337
  -ms-flex-direction: row-reverse;
6334
6338
  flex-direction: row-reverse;
6335
6339
  }
6336
- .c_banner-button--stacking[data-v-805cbaae] {
6340
+ .c_banner-button--stacking[data-v-370377e8] {
6337
6341
  width: -webkit-fit-content;
6338
6342
  width: -moz-fit-content;
6339
6343
  width: fit-content;
6340
6344
  }
6341
6345
  }
6342
6346
  @container (max-width: 640px) {
6343
- .c_banner-container--left-aligned-stacking[data-v-805cbaae] {
6347
+ .c_banner-container--left-aligned-stacking[data-v-370377e8] {
6344
6348
  -webkit-box-orient: vertical;
6345
6349
  -webkit-box-direction: normal;
6346
6350
  -ms-flex-direction: column;
6347
6351
  flex-direction: column;
6348
6352
  }
6349
- .c_banner-container--right-aligned-stacking[data-v-805cbaae] {
6353
+ .c_banner-container--right-aligned-stacking[data-v-370377e8] {
6350
6354
  -webkit-box-orient: vertical;
6351
6355
  -webkit-box-direction: normal;
6352
6356
  -ms-flex-direction: column;
6353
6357
  flex-direction: column;
6354
6358
  }
6355
- .c_banner-item--stacking[data-v-805cbaae] {
6359
+ .c_banner-item--stacking[data-v-370377e8] {
6356
6360
  width: 100%;
6357
6361
  }
6358
- .c_banner-button--stacking[data-v-805cbaae] {
6362
+ .c_banner-button--stacking[data-v-370377e8] {
6359
6363
  width: 100%;
6360
6364
  }
6361
- .c_banner--divided-container[data-v-805cbaae] {
6365
+ .c_banner--divided-container[data-v-370377e8] {
6362
6366
  -webkit-box-orient: vertical;
6363
6367
  -webkit-box-direction: reverse;
6364
6368
  -ms-flex-direction: column-reverse;
@@ -6885,10 +6885,14 @@ select[data-v-14e7c7c7] {
6885
6885
  text-align: center
6886
6886
  }
6887
6887
 
6888
- .c_banner--with-image-overlay[data-v-805cbaae] {
6888
+ .c_banner--with-image-overlay[data-v-370377e8] {
6889
6889
  min-height: 24rem;
6890
6890
  }
6891
- .c_banner--divided-container[data-v-805cbaae] {
6891
+ .c_banner--expand-padding[data-v-370377e8] {
6892
+ -webkit-box-sizing: content-box;
6893
+ box-sizing: content-box;
6894
+ }
6895
+ .c_banner--divided-container[data-v-370377e8] {
6892
6896
  min-height: 30rem;
6893
6897
  -webkit-box-orient: horizontal;
6894
6898
  -webkit-box-direction: normal;
@@ -6896,13 +6900,13 @@ select[data-v-14e7c7c7] {
6896
6900
  flex-direction: row;
6897
6901
  gap: 1rem;
6898
6902
  }
6899
- .device-wrapper--mobile .c_banner--divided-container[data-v-805cbaae] {
6903
+ .device-wrapper--mobile .c_banner--divided-container[data-v-370377e8] {
6900
6904
  -webkit-box-orient: vertical;
6901
6905
  -webkit-box-direction: reverse;
6902
6906
  -ms-flex-direction: column-reverse;
6903
6907
  flex-direction: column-reverse;
6904
6908
  }
6905
- .c_banner-container[data-v-805cbaae] {
6909
+ .c_banner-container[data-v-370377e8] {
6906
6910
  max-width: var(--brandsite-max-width);
6907
6911
  margin: 0 auto;
6908
6912
  }
@@ -6915,61 +6919,61 @@ select[data-v-14e7c7c7] {
6915
6919
  * widen to the full banner and shift left so the image spans edge to edge
6916
6920
  * (1.5rem = tw-px-6). Text blocks stay constrained to the max-width.
6917
6921
  */
6918
- .c_banner-stacked-image--full[data-v-805cbaae] {
6922
+ .c_banner-stacked-image--full[data-v-370377e8] {
6919
6923
  width: calc(100cqw + 3rem);
6920
6924
  margin-inline: calc(50% - 50cqw - 1.5rem);
6921
6925
  }
6922
- .c_banner--with-image-flip[data-v-805cbaae] {
6926
+ .c_banner--with-image-flip[data-v-370377e8] {
6923
6927
  -webkit-box-orient: horizontal;
6924
6928
  -webkit-box-direction: reverse;
6925
6929
  -ms-flex-direction: row-reverse;
6926
6930
  flex-direction: row-reverse;
6927
6931
  }
6928
- .c_banner--divided-container[data-v-805cbaae] .full-square-image {
6932
+ .c_banner--divided-container[data-v-370377e8] .full-square-image {
6929
6933
  width: 100%;
6930
6934
  aspect-ratio: 1/1;
6931
6935
  -o-object-fit: cover;
6932
6936
  object-fit: cover;
6933
6937
  }
6934
6938
  @container (min-width: 640px) {
6935
- .c_banner-container--left-aligned-stacking[data-v-805cbaae] {
6939
+ .c_banner-container--left-aligned-stacking[data-v-370377e8] {
6936
6940
  -webkit-box-orient: horizontal;
6937
6941
  -webkit-box-direction: normal;
6938
6942
  -ms-flex-direction: row;
6939
6943
  flex-direction: row;
6940
6944
  }
6941
- .c_banner-container--right-aligned-stacking[data-v-805cbaae] {
6945
+ .c_banner-container--right-aligned-stacking[data-v-370377e8] {
6942
6946
  -webkit-box-orient: horizontal;
6943
6947
  -webkit-box-direction: reverse;
6944
6948
  -ms-flex-direction: row-reverse;
6945
6949
  flex-direction: row-reverse;
6946
6950
  }
6947
- .c_banner-button--stacking[data-v-805cbaae] {
6951
+ .c_banner-button--stacking[data-v-370377e8] {
6948
6952
  width: -webkit-fit-content;
6949
6953
  width: -moz-fit-content;
6950
6954
  width: fit-content;
6951
6955
  }
6952
6956
  }
6953
6957
  @container (max-width: 640px) {
6954
- .c_banner-container--left-aligned-stacking[data-v-805cbaae] {
6958
+ .c_banner-container--left-aligned-stacking[data-v-370377e8] {
6955
6959
  -webkit-box-orient: vertical;
6956
6960
  -webkit-box-direction: normal;
6957
6961
  -ms-flex-direction: column;
6958
6962
  flex-direction: column;
6959
6963
  }
6960
- .c_banner-container--right-aligned-stacking[data-v-805cbaae] {
6964
+ .c_banner-container--right-aligned-stacking[data-v-370377e8] {
6961
6965
  -webkit-box-orient: vertical;
6962
6966
  -webkit-box-direction: normal;
6963
6967
  -ms-flex-direction: column;
6964
6968
  flex-direction: column;
6965
6969
  }
6966
- .c_banner-item--stacking[data-v-805cbaae] {
6970
+ .c_banner-item--stacking[data-v-370377e8] {
6967
6971
  width: 100%;
6968
6972
  }
6969
- .c_banner-button--stacking[data-v-805cbaae] {
6973
+ .c_banner-button--stacking[data-v-370377e8] {
6970
6974
  width: 100%;
6971
6975
  }
6972
- .c_banner--divided-container[data-v-805cbaae] {
6976
+ .c_banner--divided-container[data-v-370377e8] {
6973
6977
  -webkit-box-orient: vertical;
6974
6978
  -webkit-box-direction: reverse;
6975
6979
  -ms-flex-direction: column-reverse;
@@ -6304,10 +6304,14 @@ select[data-v-14e7c7c7] {
6304
6304
  text-align: center
6305
6305
  }
6306
6306
 
6307
- .c_banner--with-image-overlay[data-v-805cbaae] {
6307
+ .c_banner--with-image-overlay[data-v-370377e8] {
6308
6308
  min-height: 24rem;
6309
6309
  }
6310
- .c_banner--divided-container[data-v-805cbaae] {
6310
+ .c_banner--expand-padding[data-v-370377e8] {
6311
+ -webkit-box-sizing: content-box;
6312
+ box-sizing: content-box;
6313
+ }
6314
+ .c_banner--divided-container[data-v-370377e8] {
6311
6315
  min-height: 30rem;
6312
6316
  -webkit-box-orient: horizontal;
6313
6317
  -webkit-box-direction: normal;
@@ -6315,13 +6319,13 @@ select[data-v-14e7c7c7] {
6315
6319
  flex-direction: row;
6316
6320
  gap: 1rem;
6317
6321
  }
6318
- .device-wrapper--mobile .c_banner--divided-container[data-v-805cbaae] {
6322
+ .device-wrapper--mobile .c_banner--divided-container[data-v-370377e8] {
6319
6323
  -webkit-box-orient: vertical;
6320
6324
  -webkit-box-direction: reverse;
6321
6325
  -ms-flex-direction: column-reverse;
6322
6326
  flex-direction: column-reverse;
6323
6327
  }
6324
- .c_banner-container[data-v-805cbaae] {
6328
+ .c_banner-container[data-v-370377e8] {
6325
6329
  max-width: var(--brandsite-max-width);
6326
6330
  margin: 0 auto;
6327
6331
  }
@@ -6334,61 +6338,61 @@ select[data-v-14e7c7c7] {
6334
6338
  * widen to the full banner and shift left so the image spans edge to edge
6335
6339
  * (1.5rem = tw-px-6). Text blocks stay constrained to the max-width.
6336
6340
  */
6337
- .c_banner-stacked-image--full[data-v-805cbaae] {
6341
+ .c_banner-stacked-image--full[data-v-370377e8] {
6338
6342
  width: calc(100cqw + 3rem);
6339
6343
  margin-inline: calc(50% - 50cqw - 1.5rem);
6340
6344
  }
6341
- .c_banner--with-image-flip[data-v-805cbaae] {
6345
+ .c_banner--with-image-flip[data-v-370377e8] {
6342
6346
  -webkit-box-orient: horizontal;
6343
6347
  -webkit-box-direction: reverse;
6344
6348
  -ms-flex-direction: row-reverse;
6345
6349
  flex-direction: row-reverse;
6346
6350
  }
6347
- .c_banner--divided-container[data-v-805cbaae] .full-square-image {
6351
+ .c_banner--divided-container[data-v-370377e8] .full-square-image {
6348
6352
  width: 100%;
6349
6353
  aspect-ratio: 1/1;
6350
6354
  -o-object-fit: cover;
6351
6355
  object-fit: cover;
6352
6356
  }
6353
6357
  @container (min-width: 640px) {
6354
- .c_banner-container--left-aligned-stacking[data-v-805cbaae] {
6358
+ .c_banner-container--left-aligned-stacking[data-v-370377e8] {
6355
6359
  -webkit-box-orient: horizontal;
6356
6360
  -webkit-box-direction: normal;
6357
6361
  -ms-flex-direction: row;
6358
6362
  flex-direction: row;
6359
6363
  }
6360
- .c_banner-container--right-aligned-stacking[data-v-805cbaae] {
6364
+ .c_banner-container--right-aligned-stacking[data-v-370377e8] {
6361
6365
  -webkit-box-orient: horizontal;
6362
6366
  -webkit-box-direction: reverse;
6363
6367
  -ms-flex-direction: row-reverse;
6364
6368
  flex-direction: row-reverse;
6365
6369
  }
6366
- .c_banner-button--stacking[data-v-805cbaae] {
6370
+ .c_banner-button--stacking[data-v-370377e8] {
6367
6371
  width: -webkit-fit-content;
6368
6372
  width: -moz-fit-content;
6369
6373
  width: fit-content;
6370
6374
  }
6371
6375
  }
6372
6376
  @container (max-width: 640px) {
6373
- .c_banner-container--left-aligned-stacking[data-v-805cbaae] {
6377
+ .c_banner-container--left-aligned-stacking[data-v-370377e8] {
6374
6378
  -webkit-box-orient: vertical;
6375
6379
  -webkit-box-direction: normal;
6376
6380
  -ms-flex-direction: column;
6377
6381
  flex-direction: column;
6378
6382
  }
6379
- .c_banner-container--right-aligned-stacking[data-v-805cbaae] {
6383
+ .c_banner-container--right-aligned-stacking[data-v-370377e8] {
6380
6384
  -webkit-box-orient: vertical;
6381
6385
  -webkit-box-direction: normal;
6382
6386
  -ms-flex-direction: column;
6383
6387
  flex-direction: column;
6384
6388
  }
6385
- .c_banner-item--stacking[data-v-805cbaae] {
6389
+ .c_banner-item--stacking[data-v-370377e8] {
6386
6390
  width: 100%;
6387
6391
  }
6388
- .c_banner-button--stacking[data-v-805cbaae] {
6392
+ .c_banner-button--stacking[data-v-370377e8] {
6389
6393
  width: 100%;
6390
6394
  }
6391
- .c_banner--divided-container[data-v-805cbaae] {
6395
+ .c_banner--divided-container[data-v-370377e8] {
6392
6396
  -webkit-box-orient: vertical;
6393
6397
  -webkit-box-direction: reverse;
6394
6398
  -ms-flex-direction: column-reverse;
@@ -6274,10 +6274,14 @@ select[data-v-14e7c7c7] {
6274
6274
  text-align: center
6275
6275
  }
6276
6276
 
6277
- .bp .c_banner--with-image-overlay[data-v-805cbaae] {
6277
+ .bp .c_banner--with-image-overlay[data-v-370377e8] {
6278
6278
  min-height: 24rem;
6279
6279
  }
6280
- .bp .c_banner--divided-container[data-v-805cbaae] {
6280
+ .bp .c_banner--expand-padding[data-v-370377e8] {
6281
+ -webkit-box-sizing: content-box;
6282
+ box-sizing: content-box;
6283
+ }
6284
+ .bp .c_banner--divided-container[data-v-370377e8] {
6281
6285
  min-height: 30rem;
6282
6286
  -webkit-box-orient: horizontal;
6283
6287
  -webkit-box-direction: normal;
@@ -6285,13 +6289,13 @@ select[data-v-14e7c7c7] {
6285
6289
  flex-direction: row;
6286
6290
  gap: 1rem;
6287
6291
  }
6288
- .bp .device-wrapper--mobile .c_banner--divided-container[data-v-805cbaae] {
6292
+ .bp .device-wrapper--mobile .c_banner--divided-container[data-v-370377e8] {
6289
6293
  -webkit-box-orient: vertical;
6290
6294
  -webkit-box-direction: reverse;
6291
6295
  -ms-flex-direction: column-reverse;
6292
6296
  flex-direction: column-reverse;
6293
6297
  }
6294
- .bp .c_banner-container[data-v-805cbaae] {
6298
+ .bp .c_banner-container[data-v-370377e8] {
6295
6299
  max-width: var(--brandsite-max-width);
6296
6300
  margin: 0 auto;
6297
6301
  }
@@ -6304,61 +6308,61 @@ select[data-v-14e7c7c7] {
6304
6308
  * widen to the full banner and shift left so the image spans edge to edge
6305
6309
  * (1.5rem = tw-px-6). Text blocks stay constrained to the max-width.
6306
6310
  */
6307
- .bp .c_banner-stacked-image--full[data-v-805cbaae] {
6311
+ .bp .c_banner-stacked-image--full[data-v-370377e8] {
6308
6312
  width: calc(100cqw + 3rem);
6309
6313
  margin-inline: calc(50% - 50cqw - 1.5rem);
6310
6314
  }
6311
- .bp .c_banner--with-image-flip[data-v-805cbaae] {
6315
+ .bp .c_banner--with-image-flip[data-v-370377e8] {
6312
6316
  -webkit-box-orient: horizontal;
6313
6317
  -webkit-box-direction: reverse;
6314
6318
  -ms-flex-direction: row-reverse;
6315
6319
  flex-direction: row-reverse;
6316
6320
  }
6317
- .bp .c_banner--divided-container[data-v-805cbaae] .full-square-image {
6321
+ .bp .c_banner--divided-container[data-v-370377e8] .full-square-image {
6318
6322
  width: 100%;
6319
6323
  aspect-ratio: 1/1;
6320
6324
  -o-object-fit: cover;
6321
6325
  object-fit: cover;
6322
6326
  }
6323
6327
  @container (min-width: 640px) {
6324
- .bp .c_banner-container--left-aligned-stacking[data-v-805cbaae] {
6328
+ .bp .c_banner-container--left-aligned-stacking[data-v-370377e8] {
6325
6329
  -webkit-box-orient: horizontal;
6326
6330
  -webkit-box-direction: normal;
6327
6331
  -ms-flex-direction: row;
6328
6332
  flex-direction: row;
6329
6333
  }
6330
- .bp .c_banner-container--right-aligned-stacking[data-v-805cbaae] {
6334
+ .bp .c_banner-container--right-aligned-stacking[data-v-370377e8] {
6331
6335
  -webkit-box-orient: horizontal;
6332
6336
  -webkit-box-direction: reverse;
6333
6337
  -ms-flex-direction: row-reverse;
6334
6338
  flex-direction: row-reverse;
6335
6339
  }
6336
- .bp .c_banner-button--stacking[data-v-805cbaae] {
6340
+ .bp .c_banner-button--stacking[data-v-370377e8] {
6337
6341
  width: -webkit-fit-content;
6338
6342
  width: -moz-fit-content;
6339
6343
  width: fit-content;
6340
6344
  }
6341
6345
  }
6342
6346
  @container (max-width: 640px) {
6343
- .bp .c_banner-container--left-aligned-stacking[data-v-805cbaae] {
6347
+ .bp .c_banner-container--left-aligned-stacking[data-v-370377e8] {
6344
6348
  -webkit-box-orient: vertical;
6345
6349
  -webkit-box-direction: normal;
6346
6350
  -ms-flex-direction: column;
6347
6351
  flex-direction: column;
6348
6352
  }
6349
- .bp .c_banner-container--right-aligned-stacking[data-v-805cbaae] {
6353
+ .bp .c_banner-container--right-aligned-stacking[data-v-370377e8] {
6350
6354
  -webkit-box-orient: vertical;
6351
6355
  -webkit-box-direction: normal;
6352
6356
  -ms-flex-direction: column;
6353
6357
  flex-direction: column;
6354
6358
  }
6355
- .bp .c_banner-item--stacking[data-v-805cbaae] {
6359
+ .bp .c_banner-item--stacking[data-v-370377e8] {
6356
6360
  width: 100%;
6357
6361
  }
6358
- .bp .c_banner-button--stacking[data-v-805cbaae] {
6362
+ .bp .c_banner-button--stacking[data-v-370377e8] {
6359
6363
  width: 100%;
6360
6364
  }
6361
- .bp .c_banner--divided-container[data-v-805cbaae] {
6365
+ .bp .c_banner--divided-container[data-v-370377e8] {
6362
6366
  -webkit-box-orient: vertical;
6363
6367
  -webkit-box-direction: reverse;
6364
6368
  -ms-flex-direction: column-reverse;
package/lib/src/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- 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-n42zt1Rj.js";
1
+ 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-C0W9xNbH.js";
2
2
  import { createPinia as $T, setActivePinia as aE } from "pinia";
3
3
  export {
4
4
  T as ABOUT_SECTION_SETTINGS_CONFIG,