@useinsider/guido 3.2.0-beta.e01b42a → 3.2.0

package/dist/src/stores/config.d.ts

@@ -22,6 +22,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -35,6 +39,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -61,6 +66,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -119,6 +125,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -132,6 +142,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -158,6 +169,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -216,6 +228,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -229,6 +245,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -255,6 +272,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -313,6 +331,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -326,6 +348,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -352,6 +375,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -410,6 +434,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -423,6 +451,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -449,6 +478,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -507,6 +537,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -520,6 +554,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -546,6 +581,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -604,6 +640,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -617,6 +657,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -643,6 +684,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -701,6 +743,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -714,6 +760,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -740,6 +787,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -798,6 +846,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -811,6 +863,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -837,6 +890,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -895,6 +949,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -908,6 +966,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -934,6 +993,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -992,6 +1052,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -1005,6 +1069,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1031,6 +1096,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1089,6 +1155,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -1102,6 +1172,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1128,6 +1199,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1186,6 +1258,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -1199,6 +1275,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1225,6 +1302,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1283,6 +1361,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -1296,6 +1378,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1322,6 +1405,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1380,6 +1464,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -1393,6 +1481,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1419,6 +1508,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1477,6 +1567,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -1490,6 +1584,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1516,6 +1611,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1574,6 +1670,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -1587,6 +1687,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1613,6 +1714,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1671,6 +1773,10 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
+                fallbackFont?: {
+                    name: string;
+                    family: string;
+                } | undefined;
             };
             template: {
                 html: string;
@@ -1684,6 +1790,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
             };
@@ -1710,6 +1817,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
+                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];

package/dist/src/stores/preview.d.ts

@@ -7,6 +7,7 @@ export declare const usePreviewStore: import("pinia").StoreDefinition<"guidoPrev
         templateHtml: string;
         isLoaded: boolean;
         isAMPErrorModalVisible: boolean;
+        emailSizeKB: number;
     } & import("pinia").PiniaCustomStateProperties<PreviewState>) => boolean;
     previewHtml(): string;
     hasAMP: (state: {
@@ -16,6 +17,7 @@ export declare const usePreviewStore: import("pinia").StoreDefinition<"guidoPrev
         templateHtml: string;
         isLoaded: boolean;
         isAMPErrorModalVisible: boolean;
+        emailSizeKB: number;
     } & import("pinia").PiniaCustomStateProperties<PreviewState>) => boolean;
     hasAMPErrors: (state: {
         emailFormat: EmailFormat;
@@ -24,6 +26,7 @@ export declare const usePreviewStore: import("pinia").StoreDefinition<"guidoPrev
         templateHtml: string;
         isLoaded: boolean;
         isAMPErrorModalVisible: boolean;
+        emailSizeKB: number;
     } & import("pinia").PiniaCustomStateProperties<PreviewState>) => boolean;
     showAMPErrorButton(): boolean;
     isAMPResponsive(): boolean;

package/dist/src/utils/genericUtil.d.ts

@@ -1,6 +1,6 @@
 import type { DynamicContent, MergeTag } from '@@/Types/generic';
 export declare const mergeTagToDynamicContent: (mergeTag: MergeTag) => DynamicContent;
-export declare const dynamicContentToMergeTags: (dynamicContentList: DynamicContent[]) => MergeTag[];
+export declare const dynamicContentToMergeTags: (dynamicContentList: DynamicContent[], liquidSyntax?: boolean) => MergeTag[];
 export declare const getCsrfToken: () => string;
 /**
  * URL Parameter utilities

package/dist/src/utils/htmlCompiler.d.ts

@@ -1,8 +1,9 @@
+import type { FallbackFont } from '@@/Types/config';
 import type { CompilerRule, CompilationResult, HtmlCompiler } from '@@/Types/html-compiler';
 export declare class HtmlCompilerEngine implements HtmlCompiler {
     private rules;
     constructor(rules?: CompilerRule[]);
-    compile(html: string, rules?: CompilerRule[]): CompilationResult;
+    compile(html: string, rules?: CompilerRule[], fallbackFont?: FallbackFont): CompilationResult;
     private applyRule;
     private applyReplaceRule;
     private applyRegexRule;

package/dist/static/styles/base.css.js

@@ -1,11 +1,16 @@
-const t = `.amp-input-list,
+const n = `.amp-input-list,
 .button,
 .base-input,
 ue-stripe-thumb,
 .ue-stripe-thumb {
     transition: all .5s ease;
 }
+
+:host {
+    height: 100% !important;
+    min-height: 0 !important;
+}
 `;
 export {
-  t as default
+  n as default
 };

package/dist/static/styles/components/button.css.js

@@ -99,12 +99,18 @@ ue-check-button.checked:not(.flat-white) input:checked + label .icon-button {
     color: var(--guido-color-primary-500);
 }
 
+ue-select.full-width .button {
+    border: none !important;
+    background-color: var(--guido-color-neutral-200) !important;
+    color: var(--guido-color-neutral-800) !important;
+}
+
 ue-select.full-width .button .icon-button {
     color: var(--guido-color-gray-600) !important;
 }
 
 ue-select.full-width .button:hover:not(:disabled,.disabled) {
-    background-color: var(--guido-color-gray-0) !important;
+    background-color: var(--guido-color-neutral-100) !important;
 }
 
 ue-color {
@@ -124,18 +130,6 @@ ue-select-text-input .select-text-input-toggle .button {
     justify-content: center;
     background-color: transparent !important;
 }
-
-.control-shadow-wrapper,
-ue-button:not(.no-shadow,.flat-white),
-ue-toggle:not(.no-shadow,.flat-white),
-:is(ue-popover-toggler,ue-toggle-icon-picker,ue-emoji-toggle),
-.button-group,
-ue-counter:not(.no-shadow),
-:is(ue-select,ue-mergetags,ue-font-family-select):not(.no-shadow),
-ue-check-button:not(.no-shadow,.flat-white) {
-    background: none;
-    padding: 0;
-}
 `;
 export {
   o as default

package/dist/static/styles/components/narrow-panel.css.js

@@ -28,58 +28,6 @@ ue-stripe-thumb:hover:not(.disabled),
     border-color: var(--guido-color-primary-500);
 }
 
-/* Module search — initial */
-.module-search-container {
-    background-color: var(--guido-color-gray-0);
-    border: 1px solid var(--guido-color-gray-300);
-    border-radius: 4px;
-}
-
-.module-search-container .service-element {
-    background-color: unset;
-}
-
-.module-filter-toggle {
-    top: -1px !important;
-    right: -1px !important;
-}
-
-.module-filter-toggle > .button,
-.module-search-container:hover .module-filter-toggle > .button {
-    border: none;
-    background: transparent;
-}
-
-/* Module search — hover */
-.module-search-container:has(.module-search-chip-input:hover) {
-    border-color: var(--guido-color-primary-500);
-}
-
-.module-search-container .module-search-chip-input .service-element:hover {
-    background-color: var(--guido-color-gray-0);
-    border-radius: 4px;
-}
-
-.module-search-container .module-filter-toggle:hover > .button {
-    background-color: var(--guido-color-gray-1);
-}
-
-/* Module search — selected (.on) */
-.module-search-container:has(.module-search-chip-input.on),
-.module-search-container:has(.module-search-chip-input.on):hover {
-    border-color: var(--guido-color-primary-500);
-    box-shadow: 0 0 0 3px var(--guido-color-primary-200) !important;
-}
-
-.module-search-container .module-search-chip-input.on .input-section {
-    background-color: unset;
-    box-shadow: unset;
-}
-
-.module-categories-list .menu-item {
-    padding: 8px 20px !important;
-}
-
 .modules-layout-wrapper {
     padding: 0 16px 16px;
     grid-row-gap: 16px;

package/dist/stores/preview.js

@@ -1,13 +1,14 @@
 import { defineStore as e } from "pinia";
-const s = () => ({
+const i = () => ({
   emailFormat: "html",
   ampHtml: "",
   ampErrors: [],
   templateHtml: "",
   isLoaded: !1,
-  isAMPErrorModalVisible: !1
+  isAMPErrorModalVisible: !1,
+  emailSizeKB: 0
 }), a = e("guidoPreview", {
-  state: () => s(),
+  state: () => i(),
   getters: {
     isAMPModeEnabled: (t) => t.emailFormat === "AMP",
     previewHtml() {