@designcrowd/library.brand-page 5.18.9-ast-padding-2 → 5.18.9

package/lib/src/{CreatedOnBrandCrowd-de-de-BmLOUBDj.js → CreatedOnBrandCrowd-de-de-CDdi84ti.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-DGCwedd5.js → CreatedOnBrandCrowd-en-us-BvRiqC8_.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-qfWIO62h.js → CreatedOnBrandCrowd-es-es-BGjpqIbV.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Bh6tQfv-.js → CreatedOnBrandCrowd-fr-ca-BSLrflaD.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Bh6tQfv-.js → CreatedOnBrandCrowd-fr-fr-BSLrflaD.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DBF_gR3z.js → CreatedOnBrandCrowd-pt-br-CYdUgcJs.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-DBF_gR3z.js → CreatedOnBrandCrowd-pt-pt-CYdUgcJs.js}

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

package/lib/src/{CreatedOnDcom-de-de-B1ZibTqN.js → CreatedOnDcom-de-de-D3gzpYgh.js}

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

package/lib/src/{CreatedOnDcom-en-us-4qS61Om_.js → CreatedOnDcom-en-us-V6QwvLNX.js}

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

package/lib/src/{CreatedOnDcom-es-es-yX1FaMrI.js → CreatedOnDcom-es-es-BmgxqURo.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-h5RbgiUo.js → CreatedOnDcom-fr-ca-DEAawXEa.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-4cJbiAWr.js → CreatedOnDcom-fr-fr-Da7MhYpI.js}

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

package/lib/src/{CreatedOnDcom-pt-br-C0FUKVjn.js → CreatedOnDcom-pt-br-D6WUdxFK.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-CFstpuvQ.js → CreatedOnDcom-pt-pt-CS5m0sQX.js}

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

package/lib/src/brand-page/components/contact-form/ContactForm.mixin.d.ts

@@ -45,10 +45,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {
     submitButtonStyle(): BrandPageCssStyle;
     submitButtonTextStyle(): BrandPageCssStyle;
-    contentPaddingStyle(): {
-        paddingTop: string;
-        paddingBottom: string;
-    };
     hasCard(): boolean;
     hasBgImage(): boolean;
     hasBgColor(): boolean;

package/lib/src/brand-page/components/contact-form/ContactForm.mixin.js

@@ -4,7 +4,7 @@ import { getEmailValidationError, getMessageValidationError, getNameValidationEr
 import brandPageClient from '../../clients/brand-page.client';
 import { isEmail } from '../../../utils/validator.util';
 import { ALIGN_CARD_CENTER, ALIGN_CARD_CENTER_IMAGE, ALIGN_CENTERED, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, DISPLAY_STYLE_COLLAPSED, RECAPTCHA_ACTION_CONTACT_FORM, TEXT_ONLY, } from '../../constants';
-import { getRenderText, contentPaddingStyle as toContentPaddingStyle, } from '@brand-page/utils';
+import { getRenderText } from '@brand-page/utils';
 import { hasRTEContent } from '@brand-page-maker/utils';
 import { useReCaptcha } from '../../composables/recaptcha.composable';
 export default defineComponent({
@@ -64,9 +64,6 @@ export default defineComponent({
             };
             return buttonTextStyle;
         },
-        contentPaddingStyle() {
-            return toContentPaddingStyle(this.viewModel);
-        },
         hasCard() {
             return (this.viewModel.layoutStyle === ALIGN_CARD_CENTER ||
                 this.viewModel.layoutStyle === ALIGN_CARD_CENTER_IMAGE);
@@ -75,10 +72,9 @@ export default defineComponent({
             return this.viewModel.layoutStyle === ALIGN_CARD_CENTER_IMAGE;
         },
         hasBgColor() {
-            // Every brandSite layout applies the background colour on the section
-            // root (banner-style) so the padding control reveals it; for the image
-            // layouts it only shows in the padding bands around the image block.
-            return Boolean(this.viewModel.layoutStyle);
+            return (this.viewModel.layoutStyle === ALIGN_CARD_CENTER ||
+                this.viewModel.layoutStyle === TEXT_ONLY ||
+                this.viewModel.layoutStyle === ALIGN_CENTERED);
         },
         isCenteredLayout() {
             return (this.viewModel.layoutStyle === ALIGN_CARD_CENTER ||

package/lib/src/brand-page/components/image-gallery/ImageGallery.mixin.d.ts

@@ -23,10 +23,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {}, {
     imageModalSelectedImageIndex: number | undefined;
 }, {
-    contentPaddingStyle(): {
-        paddingTop: string;
-        paddingBottom: string;
-    };
     getContainerStyle(): BrandPageCssStyle;
     images(): any[] | undefined;
     galleryType(): GalleryType;

package/lib/src/brand-page/components/image-gallery/ImageGallery.mixin.js

@@ -1,5 +1,4 @@
 import { defineComponent } from 'vue';
-import { contentPaddingStyle as toContentPaddingStyle } from '@brand-page/utils';
 import ComponentCommonMixin from '../mixins/component-common.mixin';
 import ImageModalMixin from '../mixins/image-modal.mixin';
 import { GALLERY_TYPES } from '@brand-page/models';
@@ -30,9 +29,6 @@ export default defineComponent({
         };
     },
     computed: {
-        contentPaddingStyle() {
-            return toContentPaddingStyle(this.viewModel);
-        },
         getContainerStyle() {
             if (this.galleryType === 'carousel') {
                 const maxWidth = this.containerClientWidth

package/lib/src/brand-page/components/mailing-list/MailingList.mixin.d.ts

@@ -39,10 +39,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isSubmitting: boolean;
     show: boolean;
 }, {
-    contentPaddingStyle(): {
-        paddingTop: string;
-        paddingBottom: string;
-    };
     hasNameError(): boolean;
     hasEmailError(): boolean;
     hasFormError(): boolean;

package/lib/src/brand-page/components/mailing-list/MailingList.mixin.js

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
 import brandPageClient from '../../clients/brand-page.client';
-import { getEmailValidationError, contentPaddingStyle as toContentPaddingStyle, } from '@brand-page/utils';
+import { getEmailValidationError } from '@brand-page/utils';
 import { contentSettingsTr, mailingListTr, } from '@src/composables/useTranslate';
 import { useReCaptcha } from '../../composables/recaptcha.composable';
 import { RECAPTCHA_ACTION_MAILING_LIST } from '../../constants';
@@ -51,9 +51,6 @@ export default defineComponent({
         }
     },
     computed: {
-        contentPaddingStyle() {
-            return toContentPaddingStyle(this.viewModel);
-        },
         hasNameError() {
             return !!this.nameError;
         },

package/lib/src/brand-page/components/payment/request-payment/RequestPayment.mixin.d.ts

@@ -21,10 +21,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     selectedPaymentOptionIds: string[];
     imageType: string;
 }, {
-    contentPaddingStyle(): {
-        paddingTop: string;
-        paddingBottom: string;
-    };
     isCustomerRequestDetailsValid(): boolean;
     paymentRequestDetails(): PaymentRequestDetails;
     paymentOptions(): PaymentOption[];

package/lib/src/brand-page/components/payment/request-payment/RequestPayment.mixin.js

@@ -2,7 +2,6 @@ import { defineComponent } from 'vue';
 import { PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, } from '../../../models';
 import { DEFAULT_CURRENCY_SYMBOL } from '../../../constants';
 import { addOpacityToHex } from '../../../utils/color.util';
-import { contentPaddingStyle as toContentPaddingStyle } from '../../../utils';
 import { RGBAtoHex } from '@utils/helpers';
 const MAX_CUSTOM_REQUEST_CHARS = 500;
 export default defineComponent({
@@ -29,9 +28,6 @@ export default defineComponent({
         };
     },
     computed: {
-        contentPaddingStyle() {
-            return toContentPaddingStyle(this.viewModel);
-        },
         isCustomerRequestDetailsValid() {
             return (!this.viewModel.requestPaymentConfig.isCustomerRequestDetailsEnabled ||
                 this.customerRequestDetails === undefined ||

package/lib/src/brand-page/components/payment/support-me/SupportMe.mixin.d.ts

@@ -17,10 +17,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     prevCustomAmount: string;
     customAmount: string;
 }, {
-    contentPaddingStyle(): {
-        paddingTop: string;
-        paddingBottom: string;
-    };
     isCustomAmountFieldVisible(): boolean;
     isCustomerMessageFieldVisible(): boolean;
     isCustomerMessageValid(): boolean;

package/lib/src/brand-page/components/payment/support-me/SupportMe.mixin.js

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
 import { SUPPORT_ME_CUSTOM_PRODUCT_NAME } from '../../../constants';
-import { isPaymentAmountValid, contentPaddingStyle as toContentPaddingStyle, } from '../../../utils';
+import { isPaymentAmountValid } from '../../../utils';
 import { DEFAULT_CURRENCY_SYMBOL, DEFAULT_CURRENCY_CODE, } from '../../../constants';
 import { paymentTr } from '@src/composables/useTranslate';
 const MAX_CUSTOM_MESSAGE_CHARS = 500;
@@ -24,9 +24,6 @@ export default defineComponent({
         };
     },
     computed: {
-        contentPaddingStyle() {
-            return toContentPaddingStyle(this.viewModel);
-        },
         isCustomAmountFieldVisible() {
             return this.viewModel.supportMeConfig.paymentOptions.some((o) => o.name === SUPPORT_ME_CUSTOM_PRODUCT_NAME);
         },

package/lib/src/brand-page/components/testimonial-section/TestimonialSection.mixin.d.ts

@@ -0,0 +1,97 @@
+/// <reference types="types/lodash-shims" />
+import type { PropType } from 'vue';
+import type { TestimonialSectionViewModel } from '@brand-page/view-models';
+import type { BrandPageContext } from '@brand-page/models';
+import type { DebounceHandle } from 'lodash.debounce';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    viewModel: {
+        type: PropType<TestimonialSectionViewModel>;
+        required: true;
+    };
+    isPreview: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    context: {
+        type: PropType<BrandPageContext>;
+        required: true;
+    };
+    contentIndex: {
+        type: NumberConstructor;
+        required: false;
+        default: undefined;
+    };
+}>, {}, {
+    debouncedForceCarouselUpdate: DebounceHandle | undefined;
+    carouselRef: string;
+}, {
+    textAlignClass(): {
+        'c_testimonial-big-image-text-item': boolean;
+        'tw-mb-2': boolean;
+    };
+    navigationUniqueIndexer(): string;
+    swiperOptions(): {
+        autoHeight: boolean;
+        navigation: {
+            prevEl: string;
+            nextEl: string;
+        };
+        pagination: {
+            el: string;
+            clickable: boolean;
+        };
+    };
+}, {
+    renderText(val: string): string;
+    forceCarouselUpdate(): boolean;
+    forceCarouselUpdateSlideWidth(): void;
+}, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    isPreview: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    isMobileDevice: {
+        type: BooleanConstructor;
+        required: false;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isPreview: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    isMobileDevice: {
+        type: BooleanConstructor;
+        required: false;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    isPreview: boolean;
+    isMobileDevice: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    viewModel: {
+        type: PropType<TestimonialSectionViewModel>;
+        required: true;
+    };
+    isPreview: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    context: {
+        type: PropType<BrandPageContext>;
+        required: true;
+    };
+    contentIndex: {
+        type: NumberConstructor;
+        required: false;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    isPreview: boolean;
+    contentIndex: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/src/brand-page/components/testimonial-section/TestimonialSection.mixin.js

@@ -0,0 +1,112 @@
+import { defineComponent } from 'vue';
+import ComponentCommonMixin from '../mixins/component-common.mixin';
+import { getRenderText } from '@brand-page/utils';
+import debounce from 'lodash.debounce';
+import { DEVICE_CSS_TRANSITION_DELAY } from '@brand-page-maker/constants';
+const DEBOUNCE_WAIT_MS = 100;
+export default defineComponent({
+    mixins: [ComponentCommonMixin],
+    props: {
+        viewModel: {
+            type: Object,
+            required: true,
+        },
+        isPreview: {
+            type: Boolean,
+            required: false,
+            default: false,
+        },
+        context: {
+            type: Object,
+            required: true,
+        },
+        contentIndex: {
+            type: Number,
+            required: false,
+            default: undefined,
+        },
+    },
+    data() {
+        return {
+            debouncedForceCarouselUpdate: undefined,
+            carouselRef: 'testimonial-carousel',
+        };
+    },
+    created() {
+        this.debouncedForceCarouselUpdate = debounce(() => {
+            this.forceCarouselUpdate();
+        }, DEBOUNCE_WAIT_MS);
+    },
+    computed: {
+        textAlignClass() {
+            return {
+                'c_testimonial-big-image-text-item': this.viewModel.displayStyle === 'big-image',
+                'tw-mb-2': this.viewModel.displayStyle !== 'big-image',
+            };
+        },
+        navigationUniqueIndexer() {
+            return `testimonial-${this.viewModel.id}`;
+        },
+        swiperOptions() {
+            return {
+                autoHeight: true,
+                navigation: {
+                    prevEl: `.carousel__button-prev--${this.navigationUniqueIndexer}`,
+                    nextEl: `.carousel__button-next--${this.navigationUniqueIndexer}`,
+                },
+                pagination: {
+                    el: `.pagination--${this.navigationUniqueIndexer}`,
+                    clickable: true,
+                },
+            };
+        },
+    },
+    methods: {
+        renderText(val) {
+            if (val) {
+                return getRenderText(val);
+            }
+            return '';
+        },
+        forceCarouselUpdate() {
+            const shouldUpdateCarousel = Boolean(this.isPreview &&
+                (this.viewModel.items.length > 1 ||
+                    this.viewModel.displayStyle === 'big-image') &&
+                this.$refs[this.carouselRef]);
+            if (shouldUpdateCarousel) {
+                this.$refs[this.carouselRef].update();
+                return true;
+            }
+            return false;
+        },
+        forceCarouselUpdateSlideWidth() {
+            if (this.forceCarouselUpdate()) {
+                try {
+                    const width = this.$refs[this.carouselRef].swiper.slidesEl.scrollWidth;
+                    this.$refs[this.carouselRef].swiper.slidesEl.children.forEach((slide) => {
+                        const slideWidth = parseFloat(slide.style.width);
+                        if (slideWidth !== width) {
+                            slide.style.width = width + 'px';
+                        }
+                    });
+                }
+                catch (error) {
+                    console.warn('Testimonial: Unable to auto update slide width');
+                }
+            }
+        },
+    },
+    watch: {
+        viewModel: {
+            handler() {
+                this.debouncedForceCarouselUpdate();
+            },
+            deep: true,
+        },
+        isMobileDevice(next, old) {
+            if (next !== old) {
+                setTimeout(this.forceCarouselUpdateSlideWidth, DEVICE_CSS_TRANSITION_DELAY + 1);
+            }
+        },
+    },
+});

package/lib/src/brand-page/components/video/Video.mixin.d.ts

@@ -11,10 +11,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isCollapsed: boolean;
     title: string;
 }, {
-    contentPaddingStyle(): {
-        paddingTop: string;
-        paddingBottom: string;
-    };
     arrowStyle(): BrandPageCssStyle;
     containerStyle(): BrandPageCssStyle;
     videoUrl(): string;

package/lib/src/brand-page/components/video/Video.mixin.js

@@ -1,5 +1,4 @@
 import { defineComponent } from 'vue';
-import { contentPaddingStyle as toContentPaddingStyle } from '@brand-page/utils';
 import ComponentCommonMixin from '../mixins/component-common.mixin';
 import { DISPLAY_STYLE_PREVIEW, DISPLAY_STYLE_COLLAPSED, } from '../../constants';
 export default defineComponent({
@@ -17,9 +16,6 @@ export default defineComponent({
         title: 'Video',
     }),
     computed: {
-        contentPaddingStyle() {
-            return toContentPaddingStyle(this.viewModel);
-        },
         arrowStyle() {
             return {
                 color: this.viewModel.buttonStyles.style?.color,

package/lib/src/brand-page/constants/font.constants.d.ts

@@ -4,10 +4,10 @@ export declare const DISPLAY_TEXT_BODY = "Paragraphs";
 export declare const DISPlAY_TEXT_BUTTONS = "Button Texts";
 export declare const DEFAULT_TEXT_DECORATION: undefined;
 export declare const DEFAULT_FONT_STYLE: undefined;
-export declare const FONT_SIZE_TITLE = "2.25em";
-export declare const FONT_SIZE_HEADINGS = "1.5em";
-export declare const FONT_SIZE_BODY = "1em";
-export declare const FONT_SIZE_PROFILE_NAME = "1.5em";
+export declare const FONT_SIZE_TITLE = "2.25rem";
+export declare const FONT_SIZE_HEADINGS = "1.5rem";
+export declare const FONT_SIZE_BODY = "1rem";
+export declare const FONT_SIZE_PROFILE_NAME = "1.5rem";
 export declare const FONT_WEIGHT_PROFILE_NAME = "800";
 export declare const FONT_WEIGHT_NORMAL = "normal";
 export declare const LINE_HEIGHT_TITLE = "1.3";

package/lib/src/brand-page/constants/font.constants.js

@@ -5,10 +5,10 @@ export const DISPLAY_TEXT_BODY = 'Paragraphs';
 export const DISPlAY_TEXT_BUTTONS = 'Button Texts';
 export const DEFAULT_TEXT_DECORATION = undefined;
 export const DEFAULT_FONT_STYLE = undefined;
-export const FONT_SIZE_TITLE = '2.25em';
-export const FONT_SIZE_HEADINGS = '1.5em';
-export const FONT_SIZE_BODY = '1em';
-export const FONT_SIZE_PROFILE_NAME = '1.5em';
+export const FONT_SIZE_TITLE = '2.25rem';
+export const FONT_SIZE_HEADINGS = '1.5rem';
+export const FONT_SIZE_BODY = '1rem';
+export const FONT_SIZE_PROFILE_NAME = '1.5rem';
 export const FONT_WEIGHT_PROFILE_NAME = '800';
 export const FONT_WEIGHT_NORMAL = 'normal';
 export const LINE_HEIGHT_TITLE = '1.3';

package/lib/src/brand-page/constants/misc.constants.d.ts

@@ -29,41 +29,6 @@ export declare const TEXT_ONLY = "text-only";
 export declare const ALIGN_LEFT_FULL_IMAGE = "left-aligned-full-image";
 export declare const ALIGN_RIGHT_FULL_IMAGE = "right-aligned-full-image";
 export declare const ALTERNATE_IMAGE = "alternate-image";
-/**
- * Padding Control (BP-5699): the top/bottom padding each Contact Form layout
- * had hard-coded before the sliders existed. Single source for new-block
- * defaults (content-settings) and the migration backfill for existing pages.
- * The image layouts (full-image divided and card-over-image) are 0: the bg
- * image expands with the section padding (banner-style), so the default starts
- * flush at the edges; the spacing inside/over the image stays fixed.
- */
-export declare const CONTACT_FORM_LAYOUT_DEFAULT_PADDING: Record<string, number>;
-/**
- * Banner: full-bleed display styles (divided + full-width stacked) render the
- * image flush to the section edges, so their top/bottom padding defaults to 0 to
- * match prod — the standard 32 would push the image off the edges. Every other
- * banner style keeps 32. Used by the banner display-style convertor and the
- * migration backfill, mirroring contact-form's per-layout map above.
- */
-export declare const BANNER_DEFAULT_PADDING = 32;
-export declare const BANNER_FULL_BLEED_DISPLAY_STYLES: string[];
-export declare const bannerDisplayStyleDefaultPadding: (displayStyle?: string) => number;
-/**
- * About: a flat 32 for every display style, including the two full-image styles.
- * The full-image About renders the image inside the padded container, so the
- * standard 32 band is the intended look. Used by the About display-style
- * convertor and the migration backfill.
- */
-export declare const ABOUT_DEFAULT_PADDING = 32;
-/**
- * Testimonials: a single top/bottom value across both breakpoints, replacing the
- * old 32px mobile / 80px desktop split. The same value applies to every display
- * style (centered / big-image / columns) — they share one root, so padding does
- * not vary by style. Used by the new-block default and the migration backfill.
- * Default (BP-5703): 48px — the single value chosen for both breakpoints (replaces
- * the old 32px mobile / 80px desktop split).
- */
-export declare const TESTIMONIAL_DEFAULT_PADDING = 48;
 export declare const BIG_IMAGE = "big-image";
 export declare const MEDIA_ONLY = "media-only";
 export declare const COLUMNS = "columns";

package/lib/src/brand-page/constants/misc.constants.js

@@ -30,57 +30,6 @@ export const TEXT_ONLY = 'text-only';
 export const ALIGN_LEFT_FULL_IMAGE = 'left-aligned-full-image';
 export const ALIGN_RIGHT_FULL_IMAGE = 'right-aligned-full-image';
 export const ALTERNATE_IMAGE = 'alternate-image';
-/**
- * Padding Control (BP-5699): the top/bottom padding each Contact Form layout
- * had hard-coded before the sliders existed. Single source for new-block
- * defaults (content-settings) and the migration backfill for existing pages.
- * The image layouts (full-image divided and card-over-image) are 0: the bg
- * image expands with the section padding (banner-style), so the default starts
- * flush at the edges; the spacing inside/over the image stays fixed.
- */
-export const CONTACT_FORM_LAYOUT_DEFAULT_PADDING = {
-    '': 0, // collapsible (default on Brand Page / Brand Contact)
-    [ALIGN_CENTERED]: 32,
-    [ALIGN_CARD_CENTER]: 32,
-    [ALIGN_CARD_CENTER_IMAGE]: 0,
-    [TEXT_ONLY]: 32,
-    [ALIGN_LEFT_FULL_IMAGE]: 0,
-    [ALIGN_RIGHT_FULL_IMAGE]: 0,
-};
-/**
- * Banner: full-bleed display styles (divided + full-width stacked) render the
- * image flush to the section edges, so their top/bottom padding defaults to 0 to
- * match prod — the standard 32 would push the image off the edges. Every other
- * banner style keeps 32. Used by the banner display-style convertor and the
- * migration backfill, mirroring contact-form's per-layout map above.
- */
-export const BANNER_DEFAULT_PADDING = 32;
-export const BANNER_FULL_BLEED_DISPLAY_STYLES = [
-    ALIGN_LEFT_FULL_IMAGE,
-    ALIGN_RIGHT_FULL_IMAGE,
-    ALIGN_TOP_FULL_IMAGE,
-    ALIGN_BOTTOM_FULL_IMAGE,
-    ALIGN_MIDDLE_FULL_IMAGE,
-];
-export const bannerDisplayStyleDefaultPadding = (displayStyle) => displayStyle && BANNER_FULL_BLEED_DISPLAY_STYLES.includes(displayStyle)
-    ? 0
-    : BANNER_DEFAULT_PADDING;
-/**
- * About: a flat 32 for every display style, including the two full-image styles.
- * The full-image About renders the image inside the padded container, so the
- * standard 32 band is the intended look. Used by the About display-style
- * convertor and the migration backfill.
- */
-export const ABOUT_DEFAULT_PADDING = 32;
-/**
- * Testimonials: a single top/bottom value across both breakpoints, replacing the
- * old 32px mobile / 80px desktop split. The same value applies to every display
- * style (centered / big-image / columns) — they share one root, so padding does
- * not vary by style. Used by the new-block default and the migration backfill.
- * Default (BP-5703): 48px — the single value chosen for both breakpoints (replaces
- * the old 32px mobile / 80px desktop split).
- */
-export const TESTIMONIAL_DEFAULT_PADDING = 48;
 export const BIG_IMAGE = 'big-image';
 export const MEDIA_ONLY = 'media-only';
 export const COLUMNS = 'columns';