@designcrowd/library.brand-page 6.1.6 → 6.1.7

package/lib/src/{CreatedOnBrandCrowd-de-de-COw1kYDh.js → CreatedOnBrandCrowd-de-de-Dh3Paq4X.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-JRm1p0it.js → CreatedOnBrandCrowd-en-us-DLWYV4xe.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-D-G9uI6b.js → CreatedOnBrandCrowd-es-es-CcjzRbm_.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DQCScohj.js → CreatedOnBrandCrowd-fr-ca-UuUNeB_L.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DQCScohj.js → CreatedOnBrandCrowd-fr-fr-UuUNeB_L.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-4RazAfO7.js → CreatedOnBrandCrowd-pt-br-ZVYZ5AnV.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-4RazAfO7.js → CreatedOnBrandCrowd-pt-pt-ZVYZ5AnV.js}

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

package/lib/src/{CreatedOnDcom-de-de-DqvLTbhq.js → CreatedOnDcom-de-de-BPVyqOPL.js}

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

package/lib/src/{CreatedOnDcom-en-us-DG1X0ero.js → CreatedOnDcom-en-us-BUSRV01e.js}

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

package/lib/src/{CreatedOnDcom-es-es-BxHAIikP.js → CreatedOnDcom-es-es-BuABJnvQ.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-BGXoViAC.js → CreatedOnDcom-fr-ca-sjHceLRY.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CsvmeK2T.js → CreatedOnDcom-fr-fr-D_qGXL3E.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DvWm7MjO.js → CreatedOnDcom-pt-br-D3Sb_YEi.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-Bhz2YEVP.js → CreatedOnDcom-pt-pt-BI47Hv58.js}

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

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -59,7 +59,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     selectedTabName: import("vue").ComputedRef<string>;
     isAdminMaker: import("vue").ComputedRef<boolean>;
     contentErrorCount: import("vue").ComputedRef<number>;
-    mode: import("vue").ComputedRef<"images" | "add" | "pages" | "edit" | "focusedContentItem">;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
         contentErrorCount(): number;
         brandPageBaseUrl(): string;

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js

@@ -86,7 +86,6 @@ export default defineComponent({
             selectedTabName: computed(() => sideBarStore.selectedTabName),
             isAdminMaker: computed(() => containerStore.isAdminMaker),
             contentErrorCount: computed(() => contentSettingsStore.contentErrorCount),
-            mode: computed(() => contentSettingsStore.mode),
             brandPageMakerStore,
             uiSideBarStore: sideBarStore,
             userStore,
@@ -179,9 +178,7 @@ export default defineComponent({
         }, 0);
         this.debounceOnResize = debounce(this.onResize, RESIZE_DEBOUNCE_WAIT_IN_MS);
         this.router.afterEach(((to) => {
-            if (this.mode !== 'pages') {
-                this.contentSettingsStore.resetMode();
-            }
+            this.contentSettingsStore.resetMode();
             const associatedNavItem = findNavItemByRelativePath(this.brandPageViewModel.nav.navItems, buildRelativePathFromParams(to.params));
             this.pageNavigationStore.setCurrentActivePage({
                 pageId: associatedNavItem?.pageId,

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js

@@ -16,7 +16,8 @@ import { availableButtonStyleConfigs, createInitialBannerSectionContent, createI
 import { TEMPLATE_CATEGORIES } from '../../../__fixtures__';
 import { useBrandPageMakerStore } from '@brand-page-maker/stores';
 import { generalLink, profileContent, textContent, } from './__fixtures__/content-settings-items.fixture';
-import { CONTENT_SETTINGS_MODES, useUiContentSettingsStore, } from '@shared/content-settings/store';
+import { useUiContentSettingsStore } from '@shared/content-settings/store';
+import { useUiSideBarStore } from '@shared/side-bar/store';
 import { createPinia } from 'pinia';
 import { useUiStore, useBrandPageContainerStore, UNLIMITED_MAX_NUM_OF_PAGES, useBrandPageMakerUserStore, useLogoStore, } from '@brand-page-maker/stores';
 import { brandPageContentsSampleData } from './__fixtures__/page-content-items';
@@ -242,12 +243,8 @@ Sample.story = {
 export const SampleDesktopManagePages = () => {
     const pinia = setupStoryPinia();
     InitialiseMakerStores({});
-    const contentSettingsStore = useUiContentSettingsStore();
     const brandPageMakerStore = useBrandPageMakerStore();
     const userStore = useBrandPageMakerUserStore();
-    contentSettingsStore.pushMode({
-        mode: CONTENT_SETTINGS_MODES.pages,
-    });
     brandPageMakerStore.setViewport({
         viewport: VIEWPORTS.desktop,
     });
@@ -307,7 +304,13 @@ export const SampleDesktopManagePages = () => {
                 },
             };
         },
-        mounted() { },
+        mounted() {
+            // Set after mount — SideBar's mounted() picks the default tab, so a
+            // pre-mount selection would be overwritten.
+            useUiSideBarStore().setSelectedTabName({
+                tabName: SIDE_BAR_TAB_NAMES.PAGE_SETTINGS,
+            });
+        },
         template: `
       <BrandPageMaker :view-model="viewModel"/>
     `,

package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed } from 'vue';
 import PageMixin from '@brand-page/components/page/Page.mixin';
 import { UI_DEVICE_MODES, UI_EVENT_SOURCES } from '@shared/models';
-import { CONTENT_SETTINGS_MODES, useUiContentSettingsStore, } from '@shared/content-settings/store';
+import { useUiContentSettingsStore } from '@shared/content-settings/store';
 import { useBrandPageContainerStore, useBrandPageMakerStore, useUiStore, useBrandPageMakerUserStore, } from '@brand-page-maker/stores';
 import { getContentSettingsFields, getContentSettingsTemplate, } from '@shared/content-settings/utils';
 import { useUiNavigationStyleSettingsStore } from '@shared/navigation-style-settings/store';
@@ -255,15 +255,13 @@ export default defineComponent({
                 return;
             }
             this.sideBarStore.setSelectedTabName({
-                tabName: SIDE_BAR_TAB_NAMES.CONTENT_SETTINGS,
+                tabName: SIDE_BAR_TAB_NAMES.PAGE_SETTINGS,
             });
+            this.contentSettingsStore.resetMode();
             this.contentSettingsStore._setSelectedItemId({
                 id: null,
                 eventSource: 'pageSettings',
             });
-            this.contentSettingsStore.pushMode({
-                mode: CONTENT_SETTINGS_MODES.pages,
-            });
             this.pageSettingsStore.setSelectedSectionName({
                 sectionName: PAGE_SECTIONS.header,
             });
@@ -276,15 +274,15 @@ export default defineComponent({
                 return;
             }
             this.sideBarStore.setSelectedTabName({
-                tabName: SIDE_BAR_TAB_NAMES.CONTENT_SETTINGS,
+                tabName: SIDE_BAR_TAB_NAMES.PAGE_SETTINGS,
             });
+            // See onPageHeaderContainerClick — same-tab reselection doesn't reset mode
+            // in setSelectedTabName, but this click is still a real navigation intent.
+            this.contentSettingsStore.resetMode();
             this.contentSettingsStore._setSelectedItemId({
                 id: null,
                 eventSource: 'pageSettings',
             });
-            this.contentSettingsStore.pushMode({
-                mode: CONTENT_SETTINGS_MODES.pages,
-            });
             this.pageSettingsStore.setSelectedSectionName({
                 sectionName: PAGE_SECTIONS.footer,
             });

package/lib/src/brand-page-maker/constants/sidebar-constant.d.ts

@@ -2,6 +2,7 @@ import type { SideBarTab } from '@shared/side-bar/models';
 export declare const SIDE_BAR_TAB_NAMES: {
     PREVIEW: string;
     TEMPLATE_SETTINGS: string;
+    PAGE_SETTINGS: string;
     CONTENT_SETTINGS: string;
     BACKGROUND_SETTINGS: string;
     ADMIN_BACKGROUND_SETTINGS: string;

package/lib/src/brand-page-maker/constants/sidebar-constant.js

@@ -1,7 +1,8 @@
-import { constantsTr } from '@src/composables/useTranslate';
+import { constantsTr, pageSettingsTr } from '@src/composables/useTranslate';
 export const SIDE_BAR_TAB_NAMES = {
     PREVIEW: 'Preview',
     TEMPLATE_SETTINGS: 'TemplatesSettings',
+    PAGE_SETTINGS: 'PageSettings',
     CONTENT_SETTINGS: 'ContentSettings',
     BACKGROUND_SETTINGS: 'BackgroundSettings',
     ADMIN_BACKGROUND_SETTINGS: 'AdminBackgroundSettings',
@@ -28,6 +29,14 @@ export const DEFAULT_SIDE_BAR_TABS = () => [
         isDisabledForAdmin: false,
         isVisible: true,
     },
+    {
+        name: SIDE_BAR_TAB_NAMES.PAGE_SETTINGS,
+        displayName: pageSettingsTr(`pages`),
+        iconName: 'page-blank',
+        accessibleDisplayName: 'Pages',
+        isDisabledForAdmin: false,
+        isVisible: true,
+    },
     {
         name: SIDE_BAR_TAB_NAMES.CONTENT_SETTINGS,
         displayName: constantsTr(`contentDisplayName`),

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

@@ -9162,27 +9162,6 @@ input[type='number'][data-v-f3d394d9] {
   max-width: 250px;
 }
 
-.page-settings-section-style_option-title[data-v-4a885317] {
-    font-family: Lato, Helvetica, sans-serif;
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    font-weight: 700;
-    --tw-text-opacity: 1;
-    color: rgb(36 36 36 / var(--tw-text-opacity))
-}
-
-.home-page-text[data-v-bc189378] {
-  color: #686e7d;
-}
-
-.dragArea[data-v-b0405837] {
-  min-height: 1rem;
-}
-
-.dragArea[data-v-d2becd27] {
-  min-height: 0rem;
-}
-
 .device-wrapper[data-v-3a40a3e4] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -9308,6 +9287,27 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
 }
 }
 
+.page-settings-section-style_option-title[data-v-4a885317] {
+    font-family: Lato, Helvetica, sans-serif;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    font-weight: 700;
+    --tw-text-opacity: 1;
+    color: rgb(36 36 36 / var(--tw-text-opacity))
+}
+
+.home-page-text[data-v-bc189378] {
+  color: #686e7d;
+}
+
+.dragArea[data-v-b0405837] {
+  min-height: 1rem;
+}
+
+.dragArea[data-v-155a3295] {
+  min-height: 0rem;
+}
+
 .c-preview-container[data-v-ba06f4c2] {
   width: 100%;
   position: fixed;
@@ -9798,7 +9798,7 @@ to {
     overflow: hidden
 }
 
-.c-brand-page-maker[data-v-08af5b72] {
+.c-brand-page-maker[data-v-520de182] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9808,10 +9808,10 @@ to {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-08af5b72] {
+.c-brand-page-maker__inner[data-v-520de182] {
   height: 100%;
 }
-.c-save-bar[data-v-08af5b72] {
+.c-save-bar[data-v-520de182] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9833,7 +9833,7 @@ to {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-08af5b72] {
+.c-save-bar--visible[data-v-520de182] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9843,11 +9843,11 @@ to {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-08af5b72] {
+.c-brand-page-maker[data-v-520de182] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-08af5b72] {
+.c-brand-page-maker__inner[data-v-520de182] {
     height: 100%;
 }
 }

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

@@ -9777,27 +9777,6 @@ input[type='number'][data-v-f3d394d9] {
   max-width: 250px;
 }
 
-.page-settings-section-style_option-title[data-v-4a885317] {
-    font-family: Lato, Helvetica, sans-serif;
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    font-weight: 700;
-    --tw-text-opacity: 1;
-    color: rgb(36 36 36 / var(--tw-text-opacity))
-}
-
-.home-page-text[data-v-bc189378] {
-  color: #686e7d;
-}
-
-.dragArea[data-v-b0405837] {
-  min-height: 1rem;
-}
-
-.dragArea[data-v-d2becd27] {
-  min-height: 0rem;
-}
-
 .device-wrapper[data-v-3a40a3e4] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -9923,6 +9902,27 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
 }
 }
 
+.page-settings-section-style_option-title[data-v-4a885317] {
+    font-family: Lato, Helvetica, sans-serif;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    font-weight: 700;
+    --tw-text-opacity: 1;
+    color: rgb(36 36 36 / var(--tw-text-opacity))
+}
+
+.home-page-text[data-v-bc189378] {
+  color: #686e7d;
+}
+
+.dragArea[data-v-b0405837] {
+  min-height: 1rem;
+}
+
+.dragArea[data-v-155a3295] {
+  min-height: 0rem;
+}
+
 .c-preview-container[data-v-ba06f4c2] {
   width: 100%;
   position: fixed;
@@ -10413,7 +10413,7 @@ to {
     overflow: hidden
 }
 
-.c-brand-page-maker[data-v-08af5b72] {
+.c-brand-page-maker[data-v-520de182] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -10423,10 +10423,10 @@ to {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-08af5b72] {
+.c-brand-page-maker__inner[data-v-520de182] {
   height: 100%;
 }
-.c-save-bar[data-v-08af5b72] {
+.c-save-bar[data-v-520de182] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -10448,7 +10448,7 @@ to {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-08af5b72] {
+.c-save-bar--visible[data-v-520de182] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -10458,11 +10458,11 @@ to {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-08af5b72] {
+.c-brand-page-maker[data-v-520de182] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-08af5b72] {
+.c-brand-page-maker__inner[data-v-520de182] {
     height: 100%;
 }
 }

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

@@ -9192,27 +9192,6 @@ input[type='number'][data-v-f3d394d9] {
   max-width: 250px;
 }
 
-.page-settings-section-style_option-title[data-v-4a885317] {
-    font-family: Inter, Helvetica, sans-serif;
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    font-weight: 700;
-    --tw-text-opacity: 1;
-    color: rgb(24 24 24 / var(--tw-text-opacity))
-}
-
-.home-page-text[data-v-bc189378] {
-  color: #686e7d;
-}
-
-.dragArea[data-v-b0405837] {
-  min-height: 1rem;
-}
-
-.dragArea[data-v-d2becd27] {
-  min-height: 0rem;
-}
-
 .device-wrapper[data-v-3a40a3e4] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -9338,6 +9317,27 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
 }
 }
 
+.page-settings-section-style_option-title[data-v-4a885317] {
+    font-family: Inter, Helvetica, sans-serif;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    font-weight: 700;
+    --tw-text-opacity: 1;
+    color: rgb(24 24 24 / var(--tw-text-opacity))
+}
+
+.home-page-text[data-v-bc189378] {
+  color: #686e7d;
+}
+
+.dragArea[data-v-b0405837] {
+  min-height: 1rem;
+}
+
+.dragArea[data-v-155a3295] {
+  min-height: 0rem;
+}
+
 .c-preview-container[data-v-ba06f4c2] {
   width: 100%;
   position: fixed;
@@ -9828,7 +9828,7 @@ to {
     overflow: hidden
 }
 
-.c-brand-page-maker[data-v-08af5b72] {
+.c-brand-page-maker[data-v-520de182] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9838,10 +9838,10 @@ to {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-08af5b72] {
+.c-brand-page-maker__inner[data-v-520de182] {
   height: 100%;
 }
-.c-save-bar[data-v-08af5b72] {
+.c-save-bar[data-v-520de182] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9863,7 +9863,7 @@ to {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-08af5b72] {
+.c-save-bar--visible[data-v-520de182] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9873,11 +9873,11 @@ to {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-08af5b72] {
+.c-brand-page-maker[data-v-520de182] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-08af5b72] {
+.c-brand-page-maker__inner[data-v-520de182] {
     height: 100%;
 }
 }

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

@@ -9162,27 +9162,6 @@ input[type='number'][data-v-f3d394d9] {
   max-width: 250px;
 }
 
-.bp .page-settings-section-style_option-title[data-v-4a885317] {
-    font-family: Lato, Helvetica, sans-serif;
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    font-weight: 700;
-    --tw-text-opacity: 1;
-    color: rgb(36 36 36 / var(--tw-text-opacity))
-}
-
-.bp .home-page-text[data-v-bc189378] {
-  color: #686e7d;
-}
-
-.bp .dragArea[data-v-b0405837] {
-  min-height: 1rem;
-}
-
-.bp .dragArea[data-v-d2becd27] {
-  min-height: 0rem;
-}
-
 .bp .device-wrapper[data-v-3a40a3e4] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -9308,6 +9287,27 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
 }
 }
 
+.bp .page-settings-section-style_option-title[data-v-4a885317] {
+    font-family: Lato, Helvetica, sans-serif;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    font-weight: 700;
+    --tw-text-opacity: 1;
+    color: rgb(36 36 36 / var(--tw-text-opacity))
+}
+
+.bp .home-page-text[data-v-bc189378] {
+  color: #686e7d;
+}
+
+.bp .dragArea[data-v-b0405837] {
+  min-height: 1rem;
+}
+
+.bp .dragArea[data-v-155a3295] {
+  min-height: 0rem;
+}
+
 .bp .c-preview-container[data-v-ba06f4c2] {
   width: 100%;
   position: fixed;
@@ -9798,7 +9798,7 @@ to {
     overflow: hidden
 }
 
-.bp .c-brand-page-maker[data-v-08af5b72] {
+.bp .c-brand-page-maker[data-v-520de182] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9808,10 +9808,10 @@ to {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.bp .c-brand-page-maker__inner[data-v-08af5b72] {
+.bp .c-brand-page-maker__inner[data-v-520de182] {
   height: 100%;
 }
-.bp .c-save-bar[data-v-08af5b72] {
+.bp .c-save-bar[data-v-520de182] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9833,7 +9833,7 @@ to {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.bp .c-save-bar--visible[data-v-08af5b72] {
+.bp .c-save-bar--visible[data-v-520de182] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9843,11 +9843,11 @@ to {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.bp .c-brand-page-maker[data-v-08af5b72] {
+.bp .c-brand-page-maker[data-v-520de182] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.bp .c-brand-page-maker__inner[data-v-08af5b72] {
+.bp .c-brand-page-maker__inner[data-v-520de182] {
     height: 100%;
 }
 }